unserver-unify/src/app/setting/profile.html

<div class="profile col-lg-12" ng-controller="UserProfileCtrl as ctrl">
  <div class="profile-bio">
    <div class="row">
      <div class="col-xs-2">
        <img style="max-width: 100%;" ng-src="{{ ctrl.user.avatar ? ctrl.avatarpath+ctrl.user.id+'/'+ctrl.user.avatar : ctrl.defaultPersonPhotoUrl }}" title="{{ ctrl.user.loginname }}"/>
      </div>
      <div class="col-xs-10">
        <button class="btn btn-info pull-right" ng-click="ctrl.following()" ng-if="!ctrl.followed" style="margin-left: 5px;"><i class="fa fa-plus"> </i> {{'Follow'|translate}}</button>
        <!-- <button class="btn btn-default pull-right" ng-if="ctrl.followed" ng-click="ctrl.unFollow()" style="margin-left: 5px;">
          <span class="unfollow transition">
              <i class="fa fa-user-times"></i>
              {{'Unfollow'|translate}}
            </span>
        </button> -->
        <button class="btn btn-default pull-right following_state" ng-if="ctrl.followed" style="margin-left: 5px;" ng-click="ctrl.unFollow()">
          <span class="following transition">
            <i class="fa fa-check"></i>
            {{'Following'|translate}}
          </span>
          <span class="unfollow transition">
            <i class="fa fa-user-times"></i>
            {{'Unfollow'|translate}}
          </span>
        </button>
        <button class="btn btn-info pull-right" style="margin-left: 5px;" ng-click="ctrl.sendmessage()"ng-if="loginService.isLogged">
          <i class="fa fa-comments-o">&nbsp;</i>
          {{'Send Message'|translate}}
        </button>
        <button class="btn btn-warning pull-right" style="margin-left: 5px;" ng-click="ctrl.sendsms()" ng-if="ctrl.user.mobile">
          {{'Send SMS'|translate}}
        </button>
        <button class="btn btn-u pull-right" style="margin-left:5px;" ng-click="ctrl.review()" ng-if="ctrl.showassessment">
            <i class="fa fa-thumbs-up">&nbsp;</i>
            {{'Review'|translate}}
        </button>
        <div class="col-lg-7 col-xs-12">
          <h2>{{ ctrl.user.fullname || ctrl.nid }}</h2>
          <div class="name-location">
            <span title="Email">
              <b>{{'Email' | translate }}: </b>
              {{ ctrl.user.email }}
            </span>
             <span title="description" ng-if="ctrl.user.description">
              <b>{{'Description' | translate }}: </b>
              {{ ctrl.user.description }}
            </span>
            <span title="Last Login Time" ng-if="!ctrl.user.description">
              <b>{{'Last Login Time' | translate }}: </b>
              {{ ctrl.user.lastLogin| date:'mediumDate' }}
            </span>
            <span title="Login Counter" ng-if="!ctrl.user.description">
              <b>{{'Login Counter' | translate }}: </b>
              {{ ctrl.user.loginCounter }}
            </span>
            <span title="Scores" ng-if="!ctrl.user.description">
              <b>{{'Scores' | translate }}: </b>
              {{ ctrl.user.score }}
            </span>
          </div>
          <div class="margin-bottom-20"></div>
          <hr>
          <ul class="list-inline">
            <li>
              <i class="fa fa-comment">
              </i>
              {{ ctrl.user.summary.topic || 0 }} {{ 'Topics' | translate}}
            </li>
            <li>
              <i class="fa fa-comments-o">
              </i>
              {{ ctrl.user.summary.reply || 0 }} {{ 'Replies' | translate}}
            </li>
            <li>
              <i class="fa fa-comments">
              </i>
              {{ ctrl.user.summary.bbs || 0}} {{ 'BBS' | translate}}
            </li>
            <li>
              <i class="fa fa-commenting-o">
              </i>
              {{ ctrl.user.summary.blog || 0 }} {{ 'Blogs' | translate}}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>