unserver-unify/src/app/topic/topicsidebar.html

<div ng-controller="TopicSidebarCtrl as ctrl">
   <!-- Hot Topics -->
   <div class="profile margin-bottom-20">
     <div class="panel " ng-if="newtopics&&newtopics.length>0">
      <div class="panel-heading overflow-h">
        <h2 class="panel-title heading-sm pull-left">
          <i class="fa fa-clock-o" style="color:#0ece1a"></i>
          {{'Latest' | translate }}
        </h2>
      </div>
      <div class="comment" ng-repeat="topic in newtopics" ui-sref='index.forums.detail({ id: topic._id })'>
        <a ui-sref='index.forums.detail({ id: topic._id })'><img ng-src="{{topic.photourl}}"></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.update_at | date: 'M/d/yy' }}</small></strong>
          <p><a ui-sref='index.forums.detail({ id: topic._id })'><p ng-bind-html="topic.title"></p></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">&nbsp;</i>{{topic.visit_count}}</li>
            <li><i class="fa fa-comments">&nbsp;</i>{{topic.reply_count}}</li>
          </ul>
        </div>
      </div>
     </div>
   </div>

   <div class="profile margin-bottom-20">
     <div class="panel" ng-if="hottopics&&hottopics.length>0">
      <div class="panel-heading overflow-h">
        <h2 class="panel-title heading-sm pull-left">
          <i class="fa fa-fire" style="color:#ea3f09"></i>
          {{'Hotest' | translate }}
        </h2>
      </div>
      <div class="comment" ng-repeat="topic in hottopics" ui-sref='index.forums.detail({ id: topic._id })'>
        <a ui-sref='index.forums.detail({ id: topic._id })'><img ng-src="{{topic.photourl}}"></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.update_at | date: 'M/d/yy' }}</small></strong>
          <p><a ui-sref='index.forums.detail({ id: topic._id })'><p ng-bind-html="topic.title"></p></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">&nbsp;</i>{{topic.visit_count}}</li>
            <li><i class="fa fa-comments">&nbsp;</i>{{topic.reply_count}}</li>

          </ul>
        </div>
      </div>
     </div>
   </div>
  <!-- End Hot Topics -->
</div>