mirror of
https://github.com/sismics/docs.git
synced 2025-12-13 09:46:17 +00:00
50 lines
3.3 KiB
HTML
50 lines
3.3 KiB
HTML
<h2 ng-show="isEdit()">Edit <small>"{{ user.username }}"</small></h2>
|
|
<h2 ng-show="!isEdit()">Add <small>user</small></h2>
|
|
<form class="form-horizontal" name="editUserForm" novalidate>
|
|
<div class="control-group" ng-class="{ error: !editUserForm.username.$valid, success: editUserForm.username.$valid }">
|
|
<label class="control-label" for="inputUsername">Username</label>
|
|
<div class="controls">
|
|
<input name="username" type="text" id="inputUsername" required ng-disabled="isEdit()"
|
|
ng-minlength="3" ng-maxlength="50" placeholder="Username" ng-model="user.username" />
|
|
<span class="help-inline" ng-show="editUserForm.username.$error.required">Required</span>
|
|
<span class="help-inline" ng-show="editUserForm.username.$error.minlength">Too short</span>
|
|
<span class="help-inline" ng-show="editUserForm.username.$error.maxlength">Too long</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" ng-class="{ error: !editUserForm.email.$valid, success: editUserForm.email.$valid }">
|
|
<label class="control-label" for="inputEmail">E-mail</label>
|
|
<div class="controls">
|
|
<input name="email" type="email" id="inputEmail" required
|
|
ng-minlength="3" ng-maxlength="50" placeholder="E-mail" ng-model="user.email" />
|
|
<span class="help-inline" ng-show="editUserForm.email.$error.required">Required</span>
|
|
<span class="help-inline" ng-show="editUserForm.email.$error.email">Must be a valid e-mail</span>
|
|
<span class="help-inline" ng-show="editUserForm.email.$error.minlength">Too short</span>
|
|
<span class="help-inline" ng-show="editUserForm.email.$error.maxlength">Too long</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" ng-class="{ error: !editUserForm.password.$valid, success: editUserForm.password.$valid }">
|
|
<label class="control-label" for="inputPassword">Password</label>
|
|
<div class="controls">
|
|
<input name="password" type="password" id="inputPassword" ng-required="!isEdit()"
|
|
ng-minlength="8" ng-maxlength="50" placeholder="Password" ng-model="user.password" />
|
|
<span class="help-inline" ng-show="editUserForm.password.$error.required">Required</span>
|
|
<span class="help-inline" ng-show="editUserForm.password.$error.minlength">Too short</span>
|
|
<span class="help-inline" ng-show="editUserForm.password.$error.maxlength">Too long</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group" ng-class="{ error: !editUserForm.passwordconfirm.$valid, success: editUserForm.passwordconfirm.$valid }">
|
|
<label class="control-label" for="inputPasswordConfirm">Password (confirm)</label>
|
|
<div class="controls">
|
|
<input name="passwordconfirm" type="password" id="inputPasswordConfirm" ng-required="!isEdit()"
|
|
ui-validate="'$value == user.password'" ui-validate-watch="'user.password'"
|
|
placeholder="Password (confirm)" ng-model="user.passwordconfirm" />
|
|
<span class="help-inline" ng-show="editUserForm.passwordconfirm.$error.validator">Password and password confirmation must match</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn btn-primary" ng-click="edit()" ng-disabled="!editUserForm.$valid">
|
|
<span class="icon-pencil icon-white"></span> {{ isEdit() ? 'Edit' : 'Add' }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{ alert.msg }}</alert> |