unserver-unify/src/app/mystudy/basic_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.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>
          
          <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.address">
            <td>
              <h5>
                <strong>{{"Address" | translate}}: </strong>
              </h5>
            </td>
            <td>
              <h5>
                {{user.address}}
              </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>
        </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>