unserver-unify
Version:
268 lines (267 loc) • 10.3 kB
HTML
<div class="form-horizontal">
<div class="col-md-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-md-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>
<a data-toggle="tab" ng-click="ctrl.showTab1='advanceProfile'">
{{"Additional Information" | translate}}
</a>
</li>
<li>
<a data-toggle="tab" ng-click="ctrl.showTab1='departmentInformation'">
{{"Department Information" | translate}}
</a>
</li>
</ul>
<div class="tab-content">
<!-- Basic edit profile starts -->
<div class="col-md-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 : 'Description', chn : '描述'} | trans}}
</label>
<div >
<textarea ng-model="tmpUser.description" rows="4" cols="79" style="resize:none; width:100%;"></textarea>
</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">
<label class="control-label">
{{ { eng : 'Birthday', chn : '出生日期'} | trans}}
</label>
<div >
<input class="form-control" ng-model="tmpUser.birthday" type="date"/>
</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" translate="">
Department / Faculty Address
</label>
<div >
<input class="form-control" type="text" 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" translate="">
Administration Post
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.postcode"/>
</div>
</div>
<div class="form-group">
<label >
<input type="checkbox" name="broadcastEmail" ng-model="tmpUser.broadcastEmail"/> {{ { eng : 'Receive System Email', chn : '接收平台信息邮件'} | trans}}
</label>
</div>
</div>
<!-- Basic edit profile Ends -->
<!-- Advance edit profile Starts -->
<div class="col-md-12" id="advanceProfile" ng-if="ctrl.showTab1=='advanceProfile'">
<!-- Header here -->
<div class="form-group">
<label class="control-label" translate="">
University Name
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.rschool"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Instagram ID
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.instagramId"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Facebook ID
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.facebookId"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Race
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.race"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Marital Status
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.marrital"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Religion
</label>
<div >
<input class="form-control" type="text" ng-model="tmpUser.religion"/>
</div>
</div>
</div>
<div class="col-md-12" id="departmentInformation" ng-if="ctrl.showTab1=='departmentInformation'">
<!-- Header here -->
<div class="form-group">
<label class="control-label" translate="">
Immediate superior / Head of Department Name
</label>
<div >
<input class="form-control" type="text" ng-model="ctrl.userprofile.head_name"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Immediate superior / Head of Department Email
</label>
<div >
<input class="form-control" type="email" ng-model="ctrl.userprofile.head_email"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Immediate superior / Head of Department No
</label>
<div >
<input class="form-control" type="text" ng-model="ctrl.userprofile.head_no"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Dean / Director Name
</label>
<div >
<input class="form-control" type="text" ng-model="ctrl.userprofile.dean_name"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Dean / Director Email
</label>
<div >
<input class="form-control" type="email" ng-model="ctrl.userprofile.dean_email"/>
</div>
</div>
<div class="form-group">
<label class="control-label" translate="">
Dean / Director No
</label>
<div >
<input class="form-control" type="text" ng-model="ctrl.userprofile.dean_no"/>
</div>
</div>
</div>
<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>
<!-- Advance edit profile Ends -->
</div>
</div>
<!-- Edit profile Tab Ends -->
<!-- Weibo -->
</form>
<div class="clearfix">
</div>
</div>
<div class="clearfix">
</div>