unserver-unify/src/app/mystudy/messagethread.html

<div class="panel panel-body" ng-controller="MessageThreadCtrl as ctrl">
  <div class="profile thread_container">
    <div class="panel-heading">
      <h2 class="panel-title pull-right">
        {{ctrl.targetUser.fullname}}
      </h2>
      <img class="media-object rounded-x" height="30" ng-src="{{ ctrl.targetUser.avatarUrl }}" width="30"/>
    </div>
    <div class="white-bg" ng-if="ctrl.tab=='p2p'">
      <div class="media media-v2 relative" ng-class="{'msg_dark_bg':reply.group=='send'}" ng-repeat="reply in ctrl.messages">
        <div class="media-body">
          <h4 class="media-heading">
            <a class="cursor-pointer" ng-click="ctrl.readMsg(reply)" ng-if="reply.group=='new'" style="color:#3498db; font-weight: 600;cursor:pointer;" ui-sref="index.setting.profile({ id: ctrl.targetUser.loginname ,cs:getCheckSum(ctrl.targetUser.loginname)})">
              {{ctrl.targetUser.fullname}}
            </a>
            <strong ng-if="reply.group=='old'" style="color: #3498db;cursor:pointer;" ui-sref="index.setting.profile({ id: ctrl.targetUser.loginname ,cs:getCheckSum(ctrl.targetUser.loginname)})">
              {{ctrl.targetUser.fullname}}
            </strong>
            <strong ng-if="reply.group=='send'">
              You
            </strong>
            <small>
              {{ reply.time | date: 'short' }}
            </small>
          </h4>
          <p ng-bind-html="reply.message">
          </p>
          <a ng-if='reply.url' href="{{reply.url}}" translate>Enter</a>
        </div>
      </div>
    </div>
    <div class="white-bg" ng-if="ctrl.tab=='system'">
      <div class="media media-v2 relative" ng-repeat="reply in ctrl.sysMessages">
        <div class="media-body">
          <a class="cursor-pointer dlt_clr" ng-click="ctrl.deleteMsg(reply,$index)" title="{{'Delete'| translate}}">
            <i class="fa fa-remove expand-list rounded-x">
            </i>
          </a>
          <h4 class="media-heading">
            <a class="cursor-pointer" ng-click="ctrl.readMsg(reply)" ng-if="reply.group=='new'" style="color:#3498db; font-weight: 600;">
              <i class="{{reply.icon}} fa-2x">
              </i>
              {{reply.action}}
            </a>
            <em ng-if="reply.group=='old'" style=" color: #3498db;">
              <i class="{{reply.icon}} fa-2x">
              </i>
              {{reply.action}}
            </em>
            <strong ng-if="reply.group=='send'">
              <i class="{{reply.icon}} fa-2x">
              </i>
              {{reply.action}}
            </strong>
            <small>
              {{ reply.time | date: 'short' }}
            </small>
          </h4>
          <p ng-bind-html="reply.message">
          </p>
        </div>
      </div>
    </div>
    <div class="profile" id="reply_comments">
      <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="media media-v2">
          <div class="media-body">
            <form class="form-horizontal" name="reply_form">
              <textarea class="form-control margin-bottom-20" ng-model="ctrl.r_content">
              </textarea>
              <div class="editor_buttons">
                <button class="btn btn-u pull-right" ng-click="ctrl.addReply()" translate="">
                  Reply
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>