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

<div class="frm" ng-controller="BBSCtrl as ctrl">
  <div>
    <div class="news-v3 mbl margin-bottom-10">
      <div class="news-v3-in" ng-if="topic">
        <h2 style="margin-bottom:5px;">
          <a href="javascript:void(0)" style="color:rgb(51, 122, 183 );">
            {{ topic.title }}
          </a>
        </h2>
        <ul class="list-unstyled list-inline posted-info">
          <li title="{{ 'Create Date' | translate }}">
            <i class="fa fa-calendar">
            </i>
            {{ topic.create_at| date: shortDate }}
          </li>
          <li title="Author">
            <i class="fa fa-pencil">
            </i>
            <a ui-sref="index.setting.profile({ id: topic.author.loginname,cs:getCheckSum(topic.author.loginname) })">
              {{ topic.author.fullname }}
            </a>
          </li>
          <li title="{{ 'Visit Count' | translate }}">
            <i class="fa fa-eye">
            </i>
            {{ topic.visit_count }}
          </li>
          <li ng-if="topic.friendly_create_at != topic.friendly_update_at" title="Last Updated">
            <i class="fa fa-calendar">
            </i>
            {{ topic.friendly_update_at }}
          </li>
          <li class="cursor-pointer" ng-click="ctrl.top(false)" ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') && topic.top" title="Cancel Top">
            <i class="fa fa-star">
            </i>
          </li>
          <li class="cursor-pointer" ng-click="ctrl.top(true)" ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') && !topic.top" title="Top">
            <i class="fa fa-star-o">
            </i>
          </li>
        </ul>
        <div class="margin-bottom-10">
        </div>
        <div class="tag-box tag-box-v2 unformat" ng-if="topic.content" style="margin-bottom:0">
          <div ng-bind-html="topic.content">
          </div>
          <div class="clearfix">
          </div>
        </div>
        <div class="clearfix">
        </div>
        <ul class="likes_bottom">
          <li>
            <a class="cursor-pointer" ng-click="ctrl.good(topic._id, true)" ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') && !topic.good" title="Cancel Thumb Up" translate="">
              Like
            </a>
            <a class="cursor-pointer" ng-click="ctrl.good(topic._id, false)" ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') && topic.good" title="Cancel Thumb Up" translate="">
              Liked
            </a>
            ({{ topic.goodcount || 0 }})
          </li>
          <li title="{{ 'Reply Count' | translate }}">
            {{'Reply'|translate}}
          ({{ topic.reply_count  || 0 }})
          </li>
        </ul>
        <div class="clearfix">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <h4 ng-if="ctrl.totalCount">
          {{ 'Comments' | translate}}
        </h4>
        <div current-page="ctrl.currentPage" dir-paginate="reply in ctrl.replies | itemsPerPage: ctrl.pageNumber" total-items="ctrl.totalCount">
          <div class="row blog-comments">
            <div class="col-xs-12">
              <div class="comments-itself" ng-class="{active:$index == idx}" ng-click="ctrl.OnSelectItem($index)">
                <div class="col-xs-2 padding-left-0">
                  <div>
                    <img class="media-object rounded-x" height="50" ng-src="{{ reply.author.avatar ? ctrl.avatarpath+reply.author._id+'/'+reply.author.avatar : ctrl.defaultPersonPhotoUrl }}" title="{{ reply.authorname }}" width="50"/>
                  </div>
                </div>
                <div class="col-xs-10 no-padding">
                  <a ui-sref="index.setting.profile({ id: reply.author.loginname ,cs:getCheckSum(reply.author.loginname)})">
                    <strong>
                      {{ reply.authorname }}
                    </strong>
                  </a>
                  <div class="pull-right ">
                    <div class="date_font">
                      {{ reply.create_at | date: 'short' }}
                    </div>
                    <div class="clearfix">
                    </div>
                    <div class="pull-right">
                      <ul class="list-unstyled list-inline blog-tags" ng-if="loginService.isLogged">
                        <li class="cursor-pointer" ng-click="ctrl.deleteReplay(reply)" ng-if="loginService.user.is_admin || loginService.user.grole=='admin'" title="Delete">
                          <i class="fa fa-remove">
                          </i>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="clearfix">
                  </div>
                  <div class="unformat unformat_text unformat_padding" ng-bind-html="reply.content">
                  </div>
                  <div ng-if="reply.files&&reply.files.length!=0" ng-init="reply.ext=[]">
                    <div ng-repeat="file in reply.files track by $index" ng-init="reply.ext[$index] = ( file | filterFileExt);" ng-switch="reply.ext[$index]">
                      <div class="attachments_img" ng-switch-when="png|jpg|jpeg|gif" ng-switch-when-separator="|">
                        <img ng-src="{{ctrl.replyAttachmentURL + file}}" />
                        <div class="margin-bottom-4 clearfix"></div>
                        <a aria-hidden="true" class="fa fa-download" download="" href="{{ctrl.replyAttachmentURL + file}}"><span>&nbsp; {{ file }}</span>
                        </a>
                      </div>          
                      <div ng-switch-default class="attachments_doc">
                        <div class="margin-bottom-4 clearfix"></div>
                          <i ng-class="{'fa-file-word-o color-blue':(reply.ext[$index]=='docx'||reply.ext[$index]=='doc'),
                          'fa-file-excel-o color-green':(reply.ext[$index]=='xlsx'||reply.ext[$index]=='xls'),
                          'fa-file-powerpoint-o color-orange':(reply.ext[$index]=='pptx'||reply.ext[$index]=='ppt'),
                          'fa-file-pdf-o color-red':reply.ext[$index]=='pdf',
                          'fa-file-audio-o color-blue':reply.ext[$index]=='mp3',
                          'fa-file-movie-o color-blue':reply.ext[$index]=='mp4',}" class="fa fa-4x"></i>
                        <div class="margin-bottom-4 clearfix"></div>
                        <a aria-hidden="true" class="fa fa-download" download="" href="{{ctrl.replyAttachmentURL + file}}"><span>&nbsp;{{ file }}</span>
                        </a>
                      </div>
                    </div>
                  </div>
                  <div class="clearfix">
                  </div>
                </div>
              </div>
              <div class="clearfix">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row" ng-show="ctrl.totalCount >ctrl.pageNumber">
        <div class="col-md-12 forum">
          <div class="text-right pagination_aln">
            <dir-pagination-controls boundary-links="true" class="with-others" on-page-change="ctrl.pageChanged(newPageNumber)" template-url="components/content/dirPagination.tpl.html">
            </dir-pagination-controls>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>