unserver-unify/src/app/mystudy/ceo_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()" translate="" ui-sref="index.myspace.password">
          Change Password
        </a>
        <a class="btn btn-u btn-sm" data-toggle="tab" 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 || 0 }} {{ 'Topics' | translate }}
            </li>
            <li>
              <i class="fa fa-comments">
              </i>
              {{ user.summary.bbs || 0}} {{ 'BBS' | translate }}
            </li>
            <li>
              <i class="fa fa-commenting-o">
              </i>
              {{ user.summary.blog || 0 }} {{ 'Blogs' | translate }}
            </li>
            <li>
              <i class="fa fa-comments-o">
              </i>
              {{ user.summary.reply || 0 }} {{ 'Replies' | translate }}
            </li>
            <li>
              <i class="fa fa-star">
              </i>
              {{ user.score || 0 }} {{'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.description">
                  <label class="col-lg-3 control-label">
                    {{ "Description" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.description }}
                  </div>
                </div>
                <div class="form-group" ng-if="currentSchool.membership&&!user.memberExpire">
                  <label class="col-lg-3 control-label" translate>
                    Membership
                  </label>
                  <div class="col-lg-9 lh-32">
                      <button class="btn btn-info btn-sm" translate="" ng-click="ctrl.showPlan()">
                        Buy
                      </button>
                    </span>
                  </div>
                </div>
                <div class="form-group" ng-show="user.memberExpire">
                  <label class="col-lg-3 control-label">
                    {{ "Member Expired" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.memberExpire | date: 'shortDate' }}
                    <span class="pull-right">
                      SGD ${{currentSchool.memberPrice}} for {{currentSchool.memberDays||30}} Days
                      <button class="btn btn-info btn-sm" translate="" ng-click="ctrl.showPlan()">
                        Buy
                      </button>
                    </span>
                  </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.birthday">
                  <label class="col-lg-3 control-label">
                    {{ "Birthday" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.birthday | date :'yyyy-MM-dd' }}
                  </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">
                    {{ "Department / Faculty 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.postcode">
                  <label class="col-lg-3 control-label">
                    {{ "Administration Post" | translate }}:
                  </label>
                  <div class="col-lg-9 lh-32">
                    {{ user.postcode }}
                  </div>
                </div>
                <span ng-if="(user.rschool || user.instagramId || user.facebookId || user.race || user.marrital || user.religion)">
                  <div class="form-group">
                    <label class="col-lg-12 control-label label_title">
                      {{{ eng:'Additional Information', chn:'其他信息'}| trans }}
                    </label>
                  </div>
                  <div class="form-group" ng-show="user.rschool">
                    <label class="col-lg-3 control-label">
                      {{ "University Name" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.rschool }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.instagramId">
                    <label class="col-lg-3 control-label">
                      {{ "Instagram ID" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.instagramId }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.facebookId">
                    <label class="col-lg-3 control-label">
                      {{ "Facebook ID" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.facebookId }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.race">
                    <label class="col-lg-3 control-label">
                      {{ "Race" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.race }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.marrital">
                    <label class="col-lg-3 control-label">
                      {{ "Marital Status" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.marrital }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.religion">
                    <label class="col-lg-3 control-label">
                      {{ "Religion" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.religion }}
                    </div>
                  </div>
                </span>
                <span ng-if="user.user_profiles && (ctrl.userprofile.head_name || ctrl.userprofile.head_email || ctrl.userprofile.head_no || ctrl.userprofile.dean_name || ctrl.userprofile.dean_email || ctrl.userprofile.dean_no)">
                  <div class="form-group">
                    <label class="col-lg-12 control-label label_title">
                      {{{ eng:'Department Information', chn:'其他信息'}| trans }}
                    </label>
                  </div>
                  <div class="form-group" ng-show="ctrl.userprofile.head_name">
                    <label class="col-lg-3 control-label">
                      {{ "Immediate superior / Head of Department Name" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ ctrl.userprofile.head_name }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="ctrl.userprofile.head_email">
                    <label class="col-lg-3 control-label">
                      {{ "Immediate superior / Head of Department Email" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ ctrl.userprofile.head_email }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="ctrl.userprofile.head_no">
                    <label class="col-lg-3 control-label">
                      {{ "Immediate superior / Head of Department No" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ ctrl.userprofile.head_no }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="ctrl.userprofile.dean_name">
                    <label class="col-lg-3 control-label">
                      {{ "Dean / Director Name" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ ctrl.userprofile.dean_name }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="ctrl.userprofile.dean_email">
                    <label class="col-lg-3 control-label">
                      {{ "Dean / Director Email" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ ctrl.userprofile.dean_email }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="ctrl.userprofile.dean_no">
                    <label class="col-lg-3 control-label">
                      {{ "Dean / Director No" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ ctrl.userprofile.dean_no }}
                    </div>
                  </div>                  
                </span>
              </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" 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/ceo_editprofile.html'">
        </span>
      </div>
      <!-- editProfile Ends -->
    </div>
  </div>
</div>