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

<div  ng-controller="BlogDetailCtrl as ctrl" class="frm">
  <div  >
    <div class="news-v3 mbl margin-bottom-10">
      <div ng-if="topic" class="news-v3-in">
        <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 ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') && topic.top" class="cursor-pointer" ng-click="ctrl.top(topic._id, false)" title="{{ {eng:'Cancel Top',chn:'取消置顶'}|trans}}">
            <i class="fa fa-star"></i>
          </li>
          <li ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') && !topic.top" class="cursor-pointer" ng-click="ctrl.top(topic._id, true)" title="{{ {eng:'Top',chn:'置顶'}|trans}}">
            <i class="fa fa-star-o"></i>
          </li>
        </ul>

        <div class="tag-box tag-box-v2" style="margin-bottom:0">
          <div ng-bind-html="topic.content"></div>
        </div>
        <div class="clearfix"></div>
        <ul class="likes_bottom">
          <li ng-if="loginService.user">
              <a ng-if="!topic.thumb" ng-click="ctrl.good(topic._id, true)" title="{{ {eng:'Thumb Up',chn:'点赞'}|trans}}" translate="">
                Like
              </a>
              <a ng-if="topic.thumb" translate="">Liked</a> ({{ topic.goodcount }})
          </li>
          <li title="{{ 'Reply Count' | translate }}">{{'Reply'| translate}} ({{ topic.reply_count }})</li>
        </ul>
        <div class="clearfix"></div>
      </div>
    </div>
    
    <div ng-if="topic.replies | notEmpty">
      <h4 style="padding-left:5px">{{ 'Comments' | translate}}</h4>
    </div>
    <div ng-if="topic.replies | notEmpty" ng-repeat="reply in topic.replies">
      <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" ng-src="{{ reply.author.avatar ? ctrl.avatarpath+reply.author._id+'/'+reply.author.avatar : ctrl.defaultPersonPhotoUrl }}" title="{{ reply.authorname }}" height="50" 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 ng-if="loginService.isLogged" class="list-unstyled list-inline blog-tags">
                <li ng-if="loginService.user.is_admin || loginService.user.grole=='admin'" class="cursor-pointer" ng-click='ctrl.deleteReply(reply)' title="{{'Delete'|translate}}">
                  <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 class="clearfix"></div>
        </div>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>

    <div class="profile" id="reply_comments" ng-if="loginService.isLogged && topicexist && allowcomment " >
      <div class="panel-heading overflow-h">
        <h2 class="panel-title heading-sm pull-left">
          <i class="fa fa-comments">
          </i>
          {{'Add Reply' | translate }}
        </h2>
      </div>
      <div class="panel-body white-bg margin-bottom-30">
        <div class="alert alert-error" ng-if="rerror">
          <strong style="color: RED;" translate>
            {{ rerror }}
          </strong>
        </div>
        <div class="media media-v2">
          <!--a class="pull-left" href="#">
              <img class="media-object rounded-x" ng-src="{{ ctrl.avatar }}" height="80" width="80" />
          </a-->
          <div class="media-body">
            <form class="form-horizontal" name="reply_form" ng-class='{"shake":shaking}'>
              <div class="form-group alert alert-danger" ng-show="reply_form.reply_content.$invalid && replySubmitted">
                <p class="help-block col-xs-12">
                  The content is required and the length can not less than 10.
                </p>
              </div>
              <div name="reply_content" ng-model="ctrl.r_content" text-angular="">
              </div>
              <p>
              </p>
              <div class="editor_buttons">
                <button class="btn btn-u" ng-click="ctrl.addReply(topic._id)" translate>
                  Reply
                </button>
                <button class="btn btn-primary" ng-click="ctrl.uploadFile()">
                  <i class="fa fa-picture-o">
                  </i>
                  {{'Insert Image' | translate }}
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>