unserver-unify/src/app/bbs/bbs_sidebar.html

<div ng-controller="BBSSidebarCtrl as ctrl">
  <!-- Hot Topics -->
  <div class="profile margin-bottom-20">
     <div class="panel panel-profile" style="min-height: auto">
      <div class="panel-heading overflow-h">
        <h2 class="panel-title heading-sm pull-left">
          <i class="fa fa-comments-o"></i>
          {{ {eng:'Latest Topics',chn:'最新话题'} | trans }}
        </h2>
      </div>
      <ul ng-if="newtopics && newtopics.length == 0">
        <li class="profile-event text-center" style="color:#e67e22" translate="">
          No Latest record to show
        </li>
      </ul>
      <div class="comment" ng-repeat="topic in newtopics" ui-sref='index.bbs.tab.detail({ id: topic._id })'>
        <a><img ng-src="{{topic.photourl}}" alt=""></a>
        <div class="overflow-h">
          <strong><a ui-sref="index.setting.profile({ id: topic.loginname ,cs:getCheckSum(topic.loginname)})">{{topic.fullname}}</a><small class="pull-right"> {{ topic.last_reply_at ? topic.last_reply_at : topic.create_at | date: 'M/d/yy' }}</small></strong>
          <p><a ui-sref='index.bbs.tab.detail({ id: topic._id })'>{{topic.title}}</a></p>
          <ul class="list-inline comment-list">
            <li ng-if="topic.goodcount"><i class="fa fa-heart"></i> {{topic.goodcount}}</li>
            <li><i class="fa fa-eye"></i> {{topic.visit_count}}</li>
            <li><i class="fa fa-comments"></i> {{topic.reply_count}}</li>
          </ul>
        </div>
      </div>
     </div>
  </div>

  <div class="profile margin-bottom-20" ng-if="hottopics&&hottopics.length>0">
     <div class="panel panel-profile" ng-if="hottopics&&hottopics.length>0">
      <div class="panel-heading overflow-h">
        <h2 class="panel-title heading-sm pull-left">
          <i class="fa fa-comments-o"></i>
          {{'Hot Topics' | translate }}
        </h2>
      </div>
      <div class="comment" ng-repeat="topic in hottopics" ui-sref='index.bbs.tab.detail({ id: topic._id })'>
        <a ui-sref='index.bbs.tab.detail({ id: topic._id })'><img ng-src="{{topic.photourl}}" alt=""></a>
        <div class="overflow-h">
          <strong><a ui-sref="index.setting.profile({ id: topic.loginname,cs:getCheckSum(topic.loginname) })">{{topic.fullname}}</a><small class="pull-right"> {{ topic.last_reply_at ? topic.last_reply_at : topic.create_at | date: 'M/d/yy' }}</small></strong>
          <p><a ui-sref='index.bbs.tab.detail({ id: topic._id })'>{{topic.title}}</a></p>
          <ul class="list-inline comment-list">
            <li ng-if="topic.goodcount"><i class="fa fa-heart"></i>{{topic.goodcount}}</li>
            <li><i class="fa fa-eye"></i> {{topic.visit_count}}</li>
            <li><i class="fa fa-comments"></i>{{topic.reply_count}}</li>
          </ul>
        </div>
      </div>
     </div>
   </div>
  <!-- End Hot Topics -->
</div>