unserver-unify/src/app/blog/mobilelist.html

<div class="forum" ng-controller="BlogsCtrl as ctrl">
  <div class="blog_container" st-pipe="ctrl.getBlogs" st-table="ctrl.items">
    <div class="panel blog_box">
      <div class="no_record" translate="" ng-if="ctrl.items | isEmpty">
        No Record
      </div>
      <div class="blog" ng-repeat="item in ctrl.items">
        <h2>
          <a href="javascript:;" ui-sref='index.blogs.detail({ id: item._id })'>
            {{ item.title }}
          </a>
        </h2>
        <div class="blog-post-tags">
          <ul class="list-unstyled list-inline blog-info">
            <li>
              <i class="fa fa-calendar">
              </i> {{ item.last_reply_at ? item.last_reply_at : item.create_at | date: shortDate }}
            </li>
            <li>
              <i class="fa fa-pencil">
              </i>
              <a class="user_avatar" ui-sref="index.setting.profile({ id: item.loginname,cs:getCheckSum(item.loginname)  })">
                {{ item.user.fullname }}
              </a>
            </li>
            <li>
              <i class="fa fa-comments">
              </i> {{ item.reply_count }}
            </li>
            <li>
              <i class="fa fa-eye">
              </i> {{ item.visit_count }}
            </li>
            <li ng-if="item.goodcount">
              <i class="fa fa-thumbs-o-up">
              </i> {{ item.goodcount }}
            </li>
            <li>
              <i class="fa fa-cubes">
              </i> {{ item.tab }}
            </li>
          </ul>
          <ul class="list-unstyled list-inline blog-tags" ng-if="item.tags&&item.tags.length> 0" style="margin-top:8px">
            <li>
              <i class="fa fa-tags">
              </i>
              <a ng-repeat="tag in item.tags">
                {{ tag }}
              </a>
            </li>
          </ul>
        </div>
        <p style="max-height:100px; overflow:hidden; margin-bottom:10px;">
          {{ item.content }}
        </p>
        <a class="btn-u btn-u-small" href="javascript:;" ui-sref='index.blogs.detail({ id: item._id })'>
          <i class="fa fa-plus-sign">
          </i>
          <span translate>
            Read More
          </span>
        </a>
      </div>
    </div>
    <div class="clearfix">
    </div>
    <h3 class="row text-center" ng-if="setting.items.length == 0">
      {{ setting.emptyTitle }}
    </h3>
    <!--<div class="blog_pagi">
      <span class="text-right clearfix" st-items-by-page="ctrl.pageSize" st-pagination="" st-template="components/content/tablePagination.html">
      </span>
    </div>-->

    <div class="col-xs-12">
      <button ng-if="ctrl.items.length < totalcounter" class="btn btn-u btn-block" style="line-height:25px;" ng-click="ctrl.nextPage()" translate>Load More</button>
    </div>
  </div>
</div>