unserver-unify/src/app/class/topicdetail.html

<div class="frm" ng-controller="ClassTopicCtrl as ctrl">
  <div class="profile">
    <div class="panel-body white-bg margin-bottom-30">
      <div class="media media-v2">
        <a class="pull-left" href="">
          <img class="media-object rounded-x" height="80" ng-src="{{ topic.author_url }}" width="80"/>
        </a>
        <div class="media-body">
          <h4 class="media-heading">
            <strong>
              {{ topic.title }}
            </strong>
            <small>
              {{ topic.create_at | date: 'M/d/yy' }}
            </small>
          </h4>
          <p class="pull-left" style="color:#0B426D">
            <a ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})">
              {{ topic.author.fullname }} @{{ topic.author.loginname }}
            </a>
          </p>
          <div class="clearfix">
          </div>
          <ul class="list-inline results-list pull-left">
            <li>
              {{ topic.visit_count || 0 }} {{'Views' | translate}}
            </li>
            <li>
              {{ topic.goodcount || 0 }} {{'Likes'|translate}}
            </li>
            <li>
              {{ topic.reply_count || 0 }} {{ 'Comments' |translate}}
            </li>
            <li ng-if="topic.top">
              <span class="badge badge-danger red" translate="">
                TOP
              </span>
            </li>
          </ul>
          <ul class="list-inline pull-right">
            <li class="cmnt_clr">
              <a class="Comment cursor-pointer" ng-click="ctrl.scrollToEdit()">
                <i class="expand-list rounded-x fa fa-comment">
                </i>
              </a>
            </li>
            <li class="like_clr" ng-if="loginService.user && loginService.isLogged" title="{{'Likes'| translate}}">
              <i class="expand-list rounded-x fa fa-heart-o cursor-pointer" ng-click="ctrl.good(topic._id, true)" ng-if="!topic.thumb">
              </i>
              <i class="expand-list rounded-x fa fa-heart" ng-if="topic.thumb">
              </i>
            </li>
            <li class="top_clr" ng-if="topic.top">
              <a class="cursor-pointer" ng-click="ctrl.top(topic._id, false)" ng-if="loginService.user.is_admin " title="Cancel Top">
                <i class="fa fa-star expand-list rounded-x">
                </i>
              </a>
              <i class="fa fa-star expand-list rounded-x" ng-if="!loginService.user.is_admin">
              </i>
            </li>
            <li class="cursor-pointer top_clr" ng-click="ctrl.top(topic._id, true)" ng-if="loginService.user.is_admin && !topic.top" title="Top">
              <i class="fa fa-star-o expand-list rounded-x">
              </i>
            </li>
            <li class="edit_clr" ng-if="(loginService.user.is_admin||loginService.user.grole=='admin') || current_user._id == topic.author_id && loginService.isLogged" title="{{'Edit'| translate}}">
              <a ui-sref="^.edit({ id: topic._id })">
                <i class="fa fa-edit expand-list rounded-x">
                </i>
              </a>
            </li>
            <li class="dlt_clr cursor-pointer" ng-click="ctrl.delete(topic._id)" ng-if="(loginService.user.is_admin||loginService.user.grole=='admin'||(loginService.user._id == topic.author_id)) && loginService.isLogged" title="{{'Delete'|translate}}">
              <a>
                <i class="fa fa-remove expand-list rounded-x">
                </i>
              </a>
            </li>
          </ul>
          <div class="clearfix">
          </div>
          <div class="tag-box tag-box-v2 unformat" ng-if="topic.content" style="margin-bottom:5px">
            <div ng-bind-html="topic.content">
            </div>
            <div class="clearfix">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="profile margin-bottom-30" ng-if="topic.replies | notEmpty">
    <div class="panel-heading overflow-h">
      <h2 class="panel-title heading-sm pull-left">
        <i class="fa fa-comments">
        </i>
        {{'Users Comments' | translate }}
      </h2>
    </div>
    <div class="panel-body white-bg">
      <div class="media media-v2" ng-repeat="reply in topic.replies | orderBy : 'create_at'">
        <a class="pull-left" ui-sref="index.setting.profile({ id: reply.author.loginname, cs:getCheckSum(reply.author.loginname)})">
          <img class="media-object rounded-x" height="50" ng-src="{{ reply.avatar_url }}" title="{{ reply.authorname }}" width="50"/>
        </a>
        <div class="media-body">
          <h4 class="media-heading">
            <strong>
              <a ui-sref="index.setting.profile({ id: reply.author.loginname ,cs:getCheckSum(reply.author.loginname)})">
                {{ reply.authorname }}
              </a>
            </strong>
            <small>
              {{ reply.create_at | date: 'short' }}
            </small>
          </h4>
          <p class="unformat unformat_text unformat_padding" ng-bind-html="reply.content">
          </p>
          <div class="pull-right">
            <ul class="list-unstyled list-inline blog-tags" ng-if="loginService.isLogged">
              <li class="cursor-pointer dlt_clr" ng-click="ctrl.deleteReplay(reply)" ng-if="loginService.user.is_admin || loginService.user.grole=='admin' || (loginService.user._id == reply.author_id)" title="{{'Delete'| translate}}">
                <i class="fa fa-remove expand-list rounded-x">
                </i>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="profile" id="reply_comments" ng-if="loginService.isLogged ">
    <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>