unserver-unify/src/app/mystudy/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-if="loginService.subDomain != 'hdb'" ng-click="ctrl.clearEvents()" translate="" ui-sref="index.myspace.password">
          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-12 col-sm-12">
          <div>
            <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-if="currentSchool.jobFlag&&(!loginService.user.grole||loginService.user.grole=='user')">
                  <label class="col-lg-12 control-label label_title" translate="">
                    Resume
                  </label>
                </div>
                <div class="form-group" ng-if="currentSchool.jobFlag&&(!loginService.user.grole||loginService.user.grole=='user')">
                  <label class="col-lg-3 control-label" translate="">
                    Resume
                  </label>
                  <div class="col-lg-9 lh-32" style="margin-bottom:20px;">
                    <a class="btn btn-primary btn-sm" download="" href="{{ctrl.resumePath+user.id+'/'}}{{user.resume}}" ng-if="user.resume" translate="">
                      Download
                    </a>
                    <a class="btn btn-warning btn-sm" ng-click="ctrl.uploadResume()" ng-if="!user.resume" translate="">
                      Upload 
                    </a>
                    <a class="btn btn-warning btn-sm" ng-click="ctrl.uploadResume()" ng-if="user.resume" translate="">
                      Replace 
                    </a>
                    <a class="btn btn-info btn-sm" ng-click="ctrl.previewCV()" ng-if="ctrl.detectedFileType" translate="">
                      Preview
                    </a>
                  </div>
                </div>
                <!--
                <div style="margin:0;padding:0;">
                  <iframe allowfullscreen="" frameborder="0" height="400" ng-if="preview" ng-src="{{pdfUrl}}" seamless="" webkitallowfullscreen="" width="100%">
                  </iframe>
                </div>
                -->
                <!--div class="form-group" ng-if="currentSchool.jobFlag&&(!loginService.user.grole||loginService.user.grole=='user')">
                  <label class="col-lg-3 control-label" translate="">
                    Video
                  </label>
                  <div class="col-lg-9 lh-32" style="margin-bottom:20px;">
                    <a class="btn btn-primary btn-sm" ng-click="ctrl.showVideoResume()" ng-if="user.videoresume" translate="">
                      View
                    </a>
                    <a class="btn btn-info btn-sm" ng-click="ctrl.uploadVideoResume()" ng-if="!user.videoresume" translate="">
                      Upload
                    </a>
                    <a class="btn btn-info btn-sm" ng-click="ctrl.uploadVideoResume()" ng-if="user.videoresume" translate="">
                      Replace
                    </a>
                  </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>
                <span ng-if="!currentSchool.jobFlag && (user.position || user.education || user.major || user.title || user.positioncode || user.positioncode || user.titlecode || user.location || user.company || user.province || user.url || user.qq || user.wechat || user.class || user.enrol || user.signature)">
                  <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.profile">
                      <label class="col-lg-3 control-label">
                        {{ "Profile" | translate }}:
                      </label>
                      <div class="col-lg-9 lh-32">
                        {{ user.position }}
                      </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.title">
                    <label class="col-lg-3 control-label">
                      {{ "Title" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.title }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.positioncode">
                    <label class="col-lg-3 control-label">
                      {{ "Position Code" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.positioncode }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.titlecode">
                    <label class="col-lg-3 control-label">
                      {{ "Title Code" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.titlecode }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.location">
                    <label class="col-lg-3 control-label">
                      {{ "Location" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.location }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.company">
                    <label class="col-lg-3 control-label">
                      {{ "Department" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.company }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.province">
                    <label class="col-lg-3 control-label">
                      {{ "Province" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.province }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.url">
                    <label class="col-lg-3 control-label">
                      {{ "Website" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.url }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.qq">
                    <label class="col-lg-3 control-label">
                      {{ "QQ" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.qq }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.wechat">
                    <label class="col-lg-3 control-label">
                      {{ "Wechat" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.wechat }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.class">
                    <label class="col-lg-3 control-label">
                      {{ "Class" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.class }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.enrol">
                    <label class="col-lg-3 control-label">
                      {{ "Enrol Date" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.enrol | date :'shortDate' }}
                    </div>
                  </div>
                  <div class="form-group" ng-show="user.signature">
                    <label class="col-lg-3 control-label">
                      {{ "Signature" | translate }}:
                    </label>
                    <div class="col-lg-9 lh-32">
                      {{ user.signature }}
                    </div>
                  </div>
                </span>
              </form>
            </div>
          </div>
        </div>
        <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-inline" ng-if="currentSchool.courseFlag">
          <li>
            <b>{{ 'Activity' | translate }}: </b>
          </li>
          <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 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/editprofile.html'">
        </span>
      </div>
      <!-- editProfile Ends -->
    </div>
  </div>
</div>