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

<div ng-controller="MyProfileCtrl as ctrl" ng-init="activateSideBarItem('myprofile')">
  <div class="tag-box">
    <div class="profile-body no-padding">
      <div class="profile_btn" ng-if="ctrl.showTab=='profile'">
        <a class="btn btn-u btn-sm" ng-click="ctrl.clearEvents()" ui-sref="index.myspace.password" translate="">
          Change Password
        </a>
        <a class="btn btn-u btn-sm" data-toggle="tab" ng-if="!currentSchool.userProfileDisable" ng-click="editProfile()" translate="">
          Edit Profile
        </a>
      </div>
      <div id="profile" ng-if="ctrl.showTab=='profile'">
        <div class="col-md-4 col-sm-6">
          <div style="padding-top:20px;">
            <img ng-src="{{ user.avatar? ctrl.imagePicUrl + user.id+'/'+user.avatar:ctrl.defaultPersonPhotoUrl }}" style="width:100%;"/>
            <h2>
              {{ user.fullname }}
            </h2>
          </div>
          <br/>
          <div style="font-size: 12px;" title="Last Login Time">
            <b>
              {{'Last Login'| translate}}:
            </b>
            <i class="fa fa-calendar">
            </i>
            {{ user.lastLogin| date:'mediumDate' }}
          </div>
          <br/>
          <ul class="list" ng-if="currentSchool.courseFlag">
            <li>
              <i class="fa fa-comment">
              </i>
              {{ user.summary.topic }} {{ 'Topics' | translate }}
            </li>
            <li>
              <i class="fa fa-comments">
              </i>
              {{ user.summary.bbs}} {{ 'BBS' | translate }}
            </li>
            <li>
              <i class="fa fa-commenting-o">
              </i>
              {{ user.summary.blog }} {{ 'Blogs' | translate }}
            </li>
            <li>
              <i class="fa fa-comments-o">
              </i>
              {{ user.summary.reply }} {{ 'Replies' | translate }}
            </li>
            <li>
              <i class="fa fa-star">
              </i>
              {{ user.score }} {{'Points'|translate}}
            </li>
            <li>
              <i class="fa fa-clock-o">
              </i>
              {{ (user.totaltime/60) |number:0}} {{'Minutes'|translate}}
            </li>
          </ul>
        </div>
        <div class="col-md-8 col-sm-6">
          <div class="panel panel-profile" style="padding-left:10px;">
            <div class="form-horizontal">
              <form>
                <div class="form-group">
                  <label class="col-lg-12 control-label label_title">
                    {{{eng:'Overview', chn:'基本信息'}| trans}}
                  </label>
                </div>
                <div class="form-group">
                  <label class="col-lg-3 control-label">
                    {{ "Username" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.loginname }}
                  </div>
                </div>
                <div class="form-group" ng-show="user.email">
                  <label class="col-lg-3 control-label">
                    {{ "Email" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.email }}
                  </div>
                </div>
                <div class="form-group" ng-show="user.gender">
                  <label class="col-lg-3 control-label">
                    {{ "Gender" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32" translate="">
                    {{ user.gender }}
                  </div>
                </div>
                <div class="form-group" ng-show="user.position">
                    <label class="col-lg-3 control-label">
                      {{ "Job Position" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.position }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.education">
                    <label class="col-lg-3 control-label">
                      {{ "Education" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.education }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.major">
                    <label class="col-lg-3 control-label">
                      {{ "Major" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.major }}
                    </div>
                  </div>
                <div class="form-group" ng-show="user.tel">
                  <label class="col-lg-3 control-label">
                    {{ "Mobile" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.tel }}
                  </div>
                </div>
                <div class="form-group" ng-show="user.address">
                  <label class="col-lg-3 control-label">
                    {{ "Address" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.address }}
                  </div>
                </div>
                <div class="form-group" ng-show="user.city">
                  <label class="col-lg-3 control-label">
                    {{ "City" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.city }}
                  </div>
                </div>
                <div class="form-group" ng-show="user.postalcode">
                  <label class="col-lg-3 control-label">
                    {{ "Postal Code" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.postalcode }}
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="clearfix">
        </div>
        <div class="row">
          <div class="col-lg-6">
            <div ng-if="activitydata">
              <h4 style="color:#3498db; border-bottom: 1px solid #ddd;" translate="">
                {{'Activity By Day'|translate}}
              </h4>
              <div class="flot-chart hgt_auto">
                <canvas chart-data="activitydata" chart-options="options" tc-chartjs-line="">
                </canvas>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div ng-if="categorydata">
              <h4 style="color:#3498db; border-bottom: 1px solid #ddd;" translate="">
                {{'Activity By Category'|translate}}
              </h4>
              <div class="flot-chart hgt_auto">
                <canvas chart-data="{{categorydata| translate}}" chart-options="options" tc-chartjs-line="">
                </canvas>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Profile Ends -->
      <!-- editProfile Starts -->
      <div ng-if="ctrl.showTab=='editProfile'">
        <span ng-include="'app/mystudy/basic_editprofile.html'">
        </span>
      </div>
      <!-- editProfile Ends -->
    </div>
  </div>
</div>