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

<div ng-controller="MyProfileCtrl as ctrl" ng-init="activateSideBarItem('myprofile')">

  <div class="panel panel-profile mbl_prfl" style="margin-bottom: 0;">
    <div class="col-xs-12">
      <div ng-if="user.avatar" style="padding-top:20px;">
        <img ng-src="{{ctrl.imagePicUrl + user.id+'/'+user.avatar}}" style="width:30%; margin:0 35%; border-radius: 50% !important; background: #fff; padding: 3px; border:solid 2px #eee;" />
      </div>
      <div ng-if="!user.avatar" style="padding-top:20px;">
        <img ng-src="{{ctrl.defaultPersonPhotoUrl}}" style="width:100%;" />
      </div>
    </div>
    <div class="col-xs-12">
      <div class="panel panel-profile">
        <h2 class="text-center" style="color:#3498db; margin-top:10px">{{user.fullname}}</h2>

          <ul class="list prfl_smry" ng-if="currentSchool.courseFlag">
            <li>
              <i class="fa fa-comment">
              </i>
              {{ user.topic_count }} {{ 'Topics' | translate }}
            </li>
            <li>
              <i class="fa fa-comments">
              </i>
              {{ user.bbs_count }} {{ 'BBS' | translate }}
            </li>
            <li>
              <i class="fa fa-commenting-o">
              </i>
              {{ user.blog_count }} {{ 'Blogs' | translate }}
            </li>
            <li>
              <i class="fa fa-comments-o">
              </i>
              {{ user.reply_count }} {{ 'Replies' | translate }}
            </li>
            <li>
              <i class="fa fa-star">
              </i>
              {{ user.score }} {{'Points'|translate}}
            </li>
          </ul>
        <div class="clearfix margin-bottom-20"></div>
        <div class="headline" style="margin-bottom: 0;">
          <h4>{{{eng:'Overview', chn:'基本信息'}| trans}}</h4>
        </div>
        <table class="table table-hover tbl_aln font_dec">    
          <tr ng-show="user.email">
            <td>
              <h5>
                <strong>{{"Email" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.email}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.gender">
            <td>
              <h5>
                <strong>{{"Gender" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5 translate="">
                {{user.gender}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.birthday">
            <td>
              <h5>
                <strong>{{"Birthday" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.birthday | date :'yyyy-MM-dd'}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.tel">
            <td>
              <h5>
                <strong>{{"Tel" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.tel}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.position">
            <td>
              <h5>
                <strong>{{"Job Position" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.position}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.major">
            <td>
              <h5>
                <strong>{{"Major" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.major}}
              </h5>
            </td>
          </tr>
          <!-- Header Here -->                
          <!--tr>
            <td>
              <strong>{{{eng:'Additional Information', chn:'其他信息'}| trans}}</strong>
            </td>
            <td>
            </td>
          </tr-->
          <tr ng-show="user.profile">
            <td>
              <h5>
                <strong>{{"Profile" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.profile}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.education">
            <td>
              <h5>
                <strong>{{"Education" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.education}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.title">
            <td>
              <h5>
                <strong>{{"Title" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.title}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.positioncode">
            <td>
              <h5>
                <strong>{{"Position Code" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.positioncode}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.titlecode">
            <td>
              <h5>
                <strong>{{"Title Code" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.titlecode}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.location">
            <td>
              <h5>
                <strong>{{"Location" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.location}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.company">
            <td>
              <h5>
                <strong>{{"Company" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.company}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.province">
            <td>
              <h5>
                <strong>{{"Province" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.province}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.city">
            <td>
              <h5>
                <strong>{{"City" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.city}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.postalcode">
            <td>
              <h5>
                <strong>{{"Postal Code" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.postalcode}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.address">
            <td>
              <h5>
                <strong>{{"Address" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.address}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.url">
            <td>
              <h5>
                <strong> {{"Website" | translate}}:</strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.url}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.weibo">
            <td>
              <h5>
                <strong>{{"Weibo" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.weibo}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.qq">
            <td>
              <h5>
                <strong>{{"QQ" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.qq}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.wechat">
            <td>
              <h5>
                <strong>{{"Wechat" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.wechat}}
              </h5>
            </td>
          </tr>         
          <tr ng-show="user.class">
            <td>
              <h5>
                <strong>{{"Class" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.class}}
              </h5>
            </td>
          </tr>          
          <tr ng-show="user.enrol">
            <td>
              <h5>
                <strong>{{"Enrol Date" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.enrol | date :'yyyy-MM-dd'}}
              </h5>
            </td>
          </tr>
          <tr ng-show="user.signature">
            <td>
              <h5>
                <strong>{{"Signature" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.signature}}
              </h5>
            </td>
          </tr>
        </table>

        <div class="clearfix margin-bottom-20"></div>
        <div class="row">
          <div class="col-lg-12">
            <div ng-if="activitydata">
              <div class="headline" style="margin-bottom: 0;">
                <h4>{{'Activity By Day'|translate}}</h4>
              </div>
              <div class="flot-chart hgt_auto">
                <canvas chart-data="activitydata" chart-options="options" tc-chartjs-line="">
                </canvas>
              </div>
            </div>
          </div>
          <div class="col-lg-12">
            <div ng-if="categorydata">
              <div class="headline" style="margin-bottom: 0;">
                <h4>
                  {{'Activity By Category'|translate}}
                </h4>
              </div>
              <div class="flot-chart hgt_auto">
                <canvas chart-data="categorydata" chart-options="options" tc-chartjs-line="">
                </canvas>
              </div>
            </div>
          </div>
        </div>
        <!--div>
          <form-directive form="ctrl.profileform"></form-directive>
          <button class="btn btn-primary" ng-click="ctrl.updateProfile()" translate>Update</button>
        </div--> 
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
</div>