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

<div class="panel panel-body" ng-controller="MessagesCtrl as ctrl">
  <div class="margin-bottom10">
    <div class="msg_info">
      <div class="col-lg-6 col-xs-6">
        <h4>
          <i class="fa fa-envelope-o">
          </i>
          {{re_total}}
        </h4>
        <p translate="">
          Read Messages
        </p>
      </div>
      <div class="col-lg-6 col-xs-6">
        <h4>
          <i class="fa fa-envelope">
          </i>
          {{total}}
        </h4>
        <p translate="">
          Unread Messages
        </p>
      </div>
    </div>
    <div class="msg_info hidden-xs">
      <div class="col-lg-12 col-xs-12">
        <h4>
          <i class="fa fa-envelope-o">
          </i>
          {{ctrl.reads.length+ctrl.unreads.length}}
        </h4>
        <p translate="">
          Total
        </p>
      </div>
    </div>
    <div class="clearfix margin-bottom-20">
    </div>
    <div class="panel my_msg margin-bottom-0">
      <div class="panel-heading overflow-h">
        <i class="fa fa-envelope-o">
        </i>
        {{ {eng:'Messages',chn:'信息'}|trans }}
        <!--<span class="badge badge-green rounded-2x pull-right">{{ctrl.reads.length}}</span> -->
      </div>
      <ul class="profile">
        <li style="font-weight:bold;">
          <p translate="">
            Message
          </p>
        </li>
        <div class="no_record" ng-if="ctrl.reads.length == 0 && ctrl.unreads.length == 0">
          No Record
        </div>
        <div st-pipe="ctrl.getUnreadMesages" st-table="ctrl.unreads">
          <li class="profile-post {{item.color}}" ng-repeat="item in ctrl.unreads" style="font-weight:bold;">
            <a class="news-title" ui-sref="{{item.url}}({ id: item.id,cid:item.cid })">
              <!-- <span class="profile-post-numb"><i class="{{item.icon}}"></i> {{ $index }}</span> -->
              <div class="profile-post-in">
                <p>
                  <strong>
                    {{item.title}}
                  </strong>
                  <br>
                    <span>
                      {{"Type" | translate }}: {{item.action}}
                    </span>
                  </br>
                </p>
                <div class="clearfix">
                </div>
                <p>
                  <i class="color-blue">
                    {{ item.fullname }}
                  </i>
                  {{item.time | date:'mediumDate'}}
                </p>
              </div>
            </a>
          </li>
        </div>
        <div st-pipe="ctrl.getReadMesages" st-table="ctrl.reads">
          <li class="profile-post" ng-repeat="item in ctrl.reads">
            <a class="news-title" ui-sref="{{item.url}}({ id: item.id,cid:item.cid })">
              <!-- <span class="profile-post-numb"><i class="{{item.icon}}"></i> {{ $index }}</span> -->
              <div class="profile-post-in">
                <p>
                  <strong>
                    {{item.title}}
                  </strong>
                  <br>
                    <span>
                      {{"Type" | translate }}: {{item.action}}
                    </span>
                  </br>
                </p>
                <div class="clearfix">
                </div>
                <p>
                  <i class="color-blue">
                    {{ item.fullname }}
                  </i>
                  {{item.time | date:'mediumDate'}}
                </p>
              </div>
            </a>
          </li>
        </div>
      </ul>
      <div class="clearfix">
      </div>
    </div>
    <div class="clearfix margin-bottom-30" ng-if="ctrl.unreads.length>0">
    </div>
  </div>
  <div class="clearfix">
  </div>
</div>
<div class="clearfix margin-bottom-30" ng-if="ctrl.unreads.length>0">
</div>