tellform/public/modules/users/views/settings/edit-profile.client.view.html
2015-11-12 17:00:18 -08:00

65 lines
2.3 KiB
HTML
Executable file

<section class="row auth" data-ng-controller="SettingsController" >
<h3 class="col-xs-offset-1 col-xs-10 text-center">Edit your profile</h3>
<div class="col-xs-offset-3 col-xs-6">
<form name="userForm" data-ng-submit="updateUserProfile(userForm.$valid)" class="signin form-horizontal" autocomplete="off">
<fieldset>
<div data-ng-show="success" class="text-center text-success">
<strong>Profile Saved Successfully</strong>
</div>
<div data-ng-show="error" class="text-center text-danger">
Couldn't Save Your Profile.<br>
Error: <strong data-ng-bind="error"></strong>
</div>
<div class="form-group row">
<div class="col-xs-7 field-title">
<b>First Name</b>
</div>
<div class="col-xs-12 field-input">
<input type="text" id="firstName" name="firstName" class="form-control" data-ng-model="user.firstName" placeholder="First Name" ng-pattern="/^[a-zA-Z0-9 \-.]*$/">
</div>
</div>
<div class="form-group row">
<div class="col-xs-7 field-title">
<b>Last Name</b>
</div>
<div class="col-xs-12 field-input">
<input type="text" id="lastName" name="lastName" class="form-control" data-ng-model="user.lastName" placeholder="Last Name" ng-pattern="/^[a-zA-Z0-9 \-.]*$/">
</div>
</div>
<div class="row">
<hr>
</div>
<div class="row form-group">
<div class="col-xs-7 field-title">
<b>Language</b>
</div>
<div class="col-xs-12 field-input">
<select ng-model="user.language" required>
<option ng-repeat="language in languages"
ng-selected="language == user.language"
value="{{language}}">
{{language}}
</option>
</select>
</div>
</div>
<div class="row form-group">
<div class="col-xs-7 field-title">
<b>Email</b>
<small>(also your username)</small>
</div>
<div class="col-xs-12 field-input">
<input type="email" id="email" name="email" class="form-control" data-ng-model="user.email" placeholder="Email">
</div>
</div>
<div class="text-center form-group">
<button type="submit" class="btn btn-large btn-primary" style="font-size:1.6em;">Update Profile</button>
</div>
</fieldset>
</form>
</div>
</section>