unserver-unify/src/app/teacher/blogs.html

<div class="panel" ng-controller="UserBlogsCtrl as ctrl">
  <div class="no_record" ng-if="ctrl.blogs | isEmpty">
    {{ {eng:'No Blog Found!',chn:'未发现博客!'}|trans }}
  </div>
  <div class="panel-body" ng-if="ctrl.blogs | notEmpty">
    <div class="blog" ng-repeat="item in ctrl.blogs">
      <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.user.loginname ,cs:getCheckSum(item.user.loginname) })">
              {{ item.user.fullname }}
            </a>
          </li>
          <li>
            <i class="fa fa-comments">
            </i>
            {{ item.reply_count }} {{ 'Comments'|translate }}
          </li>
          <li>
            <i class="fa fa-eye">
            </i>
            {{ item.visit_count }} {{ 'Views'|translate }}
          </li>
          <li ng-if="item.goodcount">
            <i class="fa fa-thumbs-o-up">
            </i>
            {{ item.goodcount }} {{ 'Likes'|translate }}
          </li>
          <li>
            <i class="fa fa-cubes">
            </i>
            {{ item.tab }} {{ 'Category'|translate }}
          </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;" ng-bind-html="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>
  <div class="ibox-content" ng-if="ctrl.blogs.length < ctrl.totalBlogCnt">
    <div class="col-md-12 margin-bottom-10">
      <button class="btn btn-primary btn-block" ng-click="ctrl.loadNextPage()">
        {{ 'Load more'|translate }} ...
      </button>
    </div>
  </div>
</div>