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

<div  ng-controller="BlogsCtrl as ctrl">
  <div st-pipe="ctrl.getBlogs" st-table="ctrl.items">
    <div class="forum" ng-class="{'col-md-9':ctrl.allblogs}">
      <div class="blog_container">
        <div class="panel blog_box" style="margin: 0;">
          <div class="no_record" translate="" ng-if="ctrl.items | isEmpty">
            No Record
          </div>
          <div class="blog" ng-repeat="item in ctrl.items">
            <span class="label label-primary pull-right img-rounded label-outlined">{{ item.tab }} {{ 'Category'|translate }}</span>
            <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>
              </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 class="clearfix"></div>
        </div>
        <h3 class="row text-center" ng-if="setting.items.length == 0">
          {{ setting.emptyTitle }}
        </h3>
      </div>
      <div class="text-right col-sm-12">
        <span ng-if="!ctrl.allblogs&&loginService.isLogged">
          <a ng-if="loginService.user.is_admin||(loginService.user.grole&&loginService.user.grole!='user')" class="btn btn-u btn-sm" style="margin-top:8px;" ui-sref='index.blogs.edit' title="Add New">
            <i class="fa fa-plus">&nbsp;</i>
            <span>{{ {eng:'Blog',chn:'博客'} | trans }}</span>
          </a>
        </span>
        <span class="text-right clearfix" ng-if="totalcounter>5" st-items-by-page="ctrl.pageSize" st-pagination="" st-template="components/content/tablePagination.html">
        </span>
      </div>
    </div>
    <div class ="col-md-3 col-sm-12" ng-if="ctrl.allblogs">
      <!-- Search Starts -->
      <div class="relative">
        <div class="input-group top-search alter enable" style="right: -40px;">
          <span class="input-group-btn">
            <button class="btn btn-primary srch_btn" type='button'>
              <i class='fa fa-search'></i>
            </button>
          </span>
          <input class="form-control" st-search="title" type="text" ng-model="q" placeholder="{{ 'search in the current page' | translate }}" style="min-width:227px;" type="text"/>
        </div>
        <div class="clearfix"></div>
      </div>
      <!-- Search Ends -->
      <span style="position:absolute; right:15px" ng-if="loginService.isLogged">
        <a ng-if="loginService.user.is_admin||(loginService.user.grole&&loginService.user.grole!='user')" class="btn btn-u btn-sm" style="margin-top:8px;" ui-sref='index.blogs.edit' title="Add New">
          <i class="fa fa-plus"></i>
          <span translate>Blog</span>
        </a>
      </span>
      <div class="margin-bottom-40">
        <div class="headline headline-md">
          <h2 translate>
            Category
          </h2>
        </div>
        <ul class="blog_cat">
          <li ng-class="{'active':!ctrl.tab}">
            <a ng-click="ctrl.changeTab()">
              <b>{{ 'All'|translate }}</b>
            </a>
          </li>
          <li ng-repeat="option in options" ng-class="{'active':option==ctrl.tab}">
            <a ng-click="ctrl.changeTab(option)">
              {{ option|translate }} <span>({{ ctrl.catnumber[option] || 0}})</span>
            </a>
          </li>
        </ul>
        <div class="clearfix">
        </div>
      </div>
      <div class=" hidden-xs hidden-sm" ng-include src="'app/blog/knowledge_zone_sidebar.html'">
      </div>
    </div>
    <div class="margin-bottom-20"></div>
  </div>
</div>