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

<div class="form-horizontal">
  <div class="col-lg-3">
    <div class="form-group">
      <div class="col-xs-12 no-padding profil_pic margin-bottom-10">
        <img ng-if="user.avatar" ng-src="{{ctrl.subjectPicUrl + '/avatar/' + user.id + '/' + user.avatar}}"/>
        <img ng-if="!user.avatar" ng-src="{{ctrl.defaultPersonPhotoUrl}}"/>
        <div class="clearfix">
        </div>
        <button class="btn btn-u btn-block" ng-click="ctrl.uploadFile()">
          {{"Change Profile Image" | translate}}
        </button>
      </div>
    </div>
  </div>
  <form class="col-lg-9" name="userForm" novalidate="">
    <!-- Edit profile Tab Starts -->
    <div class="tab-v1">
      <ul class="nav nav-tabs">
        <li class="active">
          <a data-toggle="tab" ng-click="ctrl.showTab1='basicProfile'">
            {{"Basic Info" | translate}}
          </a>
        </li>
        <li ng-if="ctrl.userProfiledoc&&(!loginService.user.grole||loginService.user.grole=='user')">
          <a data-toggle="tab" ng-click="ctrl.showTab1='eduProfile'">
            {{ctrl.profileform.form_name}}
          </a>
        </li>
      </ul>
      <div class="tab-content">
        <!-- Basic edit profile starts -->
        <div class="col-lg-12" id="basicProfile" ng-if="ctrl.showTab1=='basicProfile'">
          <!-- novalidate prevents HTML5 validation since we will be validating ourselves -->
          <!-- user name -->
          <div class="form-group">
            <label class="control-label" for="email">
              <span>
                {{"Email" | translate}}
              </span>
            </label>
            <div >
              <input class="form-control" ng-model="tmpUser.email" type="email"/>
            </div>
          </div>
          <div class="form-group" ng-if="user.email!=tmpUser.email">
            <button class="btn btn-u pull-right" ng-click="ctrl.saveEmail()" type="submit">
              {{"Update Email" | translate}}
            </button>
          </div>
          <div class="form-group">
            <label class="control-label">
              {{"Full Name" | translate}}
              <span class="manditory">
                *
              </span>
            </label>
            <div>
              <input class="form-control" name="username" ng-model="tmpUser.fullname" ng-required="true" type="text"/>
              <p class="help-block" ng-show="userForm.username.$error.required && submitted">
                {{"Username cannot be empty" | translate}}
              </p>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">
              {{ { eng : 'Gender', chn : '性别'} | trans}}
            </label>
            <div >
              <select class="form-control" name="Gender" ng-model="tmpUser.gender">
                <option value="Male" translate="">
                  Male
                </option>
                <option value="Female" translate="">
                  Female
                </option>
              </select>
            </div>
          </div>
          <div class="form-group" ng-if="!currentSchool.jobFlag">
            <label class="control-label">
              {{ { eng : 'Job Position', chn : '工作职位'} | trans}}
            </label>
            <div >
              <input class="form-control" ng-model="tmpUser.position"/>
            </div>
          </div>
          <div class="form-group" ng-if="!currentSchool.jobFlag">
            <label class="control-label">
              {{ { eng : 'Education', chn : '文化程度'} | trans}}
            </label>
            <div >
              <input class="form-control" ng-model="tmpUser.education"/>
            </div>
          </div>
          <div class="form-group" ng-if="!currentSchool.jobFlag">
            <label class="control-label">
              {{ { eng : 'Major', chn : '专业'} | trans}}
            </label>
            <div >
              <input class="form-control" ng-model="tmpUser.major"/>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">
              {{ { eng : 'Mobile', chn : '电话号码'} | trans}}
              <span class="manditory">
                *
              </span>
            </label>
            <div >
              <input class="form-control" name="usertel" ng-model="tmpUser.tel" ng-required="true"/>
              <p class="help-block" ng-show="userForm.usertel.$error.required && submitted">
                {{ {eng: 'Please input your contact number！', chn: '联系方式不能为空！'} | trans}}
              </p>
            </div>
          </div>
          <!-- Location -->
          <div class="form-group">
            <label class="control-label">
              {{ { eng : 'Address', chn : '通讯地址'} | trans}}
            </label>
            <div >
              <input class="form-control" ng-model="tmpUser.address"/>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">
              {{ { eng : 'City', chn : '市'} | trans}}
            </label>
            <div  >
              <input class="form-control" ng-model="tmpUser.city"/>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">
              {{ { eng : 'Postal Code', chn : '邮政编码'} | trans}}
            </label>
            <div  >
              <input class="form-control" ng-model="tmpUser.postcode"/>
            </div>
          </div>
          <div class="form-group">
            <label  >
              <input type="checkbox" name="broadcastEmail" ng-model="tmpUser.broadcastEmail"/>&nbsp;{{ { eng : 'Receive System Email', chn : '接收平台信息邮件'} | trans}}
            </label>
          </div>
        </div>
        <!-- Basic edit profile Ends -->
        <div class="pull-right" ng-if="ctrl.showTab1!='eduProfile'">
          <button class="btn-u" ng-click="saveUser(userForm.$valid)" type="submit">
            {{"Save" | translate}}
          </button>
          <button class="btn-u btn-warning" ng-click="cancelSaveUser()" type="button">
            {{"Reset" | translate}}
          </button>
        </div>
        <!-- Education edit profile Ends -->
        <div class="col-lg-12" id="eduProfile" ng-if="ctrl.showTab1=='eduProfile'">
          <div ng-if="ctrl.userProfiledoc">
            <form-directive form="ctrl.profileform">
            </form-directive>
            <div class="pull-right">
              <button class="btn btn-u" ng-click="ctrl.updateProfile()" translate="">
                Save
              </button>
            </div>
          </div>
        </div>
        <!-- Education edit profile Ends -->
      </div>
    </div>
    <!-- Edit profile Tab Ends -->
    <!-- Weibo -->
  </form>
  <div class="clearfix">
  </div>
</div>
<div class="clearfix">
</div>