mirror of
https://github.com/goharbor/harbor.git
synced 2024-11-23 18:55:18 +01:00
9ebce75c07
Add "(form.$submitted || form.$$$$)" on show ng-message to resolve no focus on form can't show error message issue.
64 lines
3.7 KiB
HTML
64 lines
3.7 KiB
HTML
<div class="container-fluid container-fluid-custom" element-height ng-controller="ChangePasswordController as vm">
|
|
<modal-dialog modal-title="// vm.modalTitle //" modal-message="// vm.modalMessage //" confirm-only="vm.confirmOnly" action="vm.action()"></modal-dialog>
|
|
<div class="container container-custom">
|
|
<div class="row extend-height">
|
|
<div class="section">
|
|
<h1 class="col-md-12 col-md-offset-2 main-title title-color">// 'change_password' | tr //</h1>
|
|
<div class="col-md-12 col-md-offset-2 main-content">
|
|
<form name="form" class="css-form form-horizontal" novalidate>
|
|
<div>
|
|
<div class="form-group">
|
|
<label for="oldPassword" class="col-sm-3 control-label">// 'old_password' | tr //:</label>
|
|
<div class="col-sm-7">
|
|
<input type="password" class="form-control" id="oldPassword" ng-model="user.oldPassword" ng-change="vm.reset()" name="uOldPassword" required>
|
|
<div class="error-message" ng-messages="(form.$submitted || form.uOldPassword.$touched) && form.uOldPassword.$error">
|
|
<span ng-message="required">// 'old_password_is_required' | tr //</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<span class="asterisk">*</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password" class="col-sm-3 control-label">// 'new_password' | tr //:</label>
|
|
<div class="col-sm-7">
|
|
<input type="password" class="form-control" id="password" ng-model="user.password" ng-change="vm.reset()" name="uPassword" required password>
|
|
<div class="error-message" ng-messages="(form.$submitted || form.uPassword.$touched) && form.uPassword.$error">
|
|
<span ng-message="required">// 'password_is_required' | tr //</span>
|
|
<span ng-message="password">// 'password_is_invalid' | tr //</span>
|
|
</div>
|
|
<p class="help-block small-size-fonts">// 'password_desc' | tr //</p>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<span class="asterisk">*</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="confirmPassword" class="col-sm-3 control-label">// 'confirm_password' | tr //:</label>
|
|
<div class="col-sm-7">
|
|
<input type="password" class="form-control" id="confirmPassword" ng-model="user.confirmPassword" ng-change="vm.reset()" name="uConfirmPassword" ng-model-options="{ updateOn: 'blur' }" compare-to="user.password">
|
|
<div class="error-message" ng-messages="(form.$submitted || form.uConfirmPassword.$touched) && form.uConfirmPassword.$error">
|
|
<span ng-message="compareTo">// 'password_does_not_match' | tr //</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<span class="asterisk">*</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-offset-7 col-md-10">
|
|
<input type="submit" class="btn btn-primary" ng-click="form.$valid && vm.updatePassword(user)" value="// 'save' | tr //">
|
|
<input type="button" class="btn btn-default" ng-click="vm.cancel(form)" value="// 'cancel' | tr //">
|
|
</div>
|
|
</div>
|
|
<div class="error-message">
|
|
<span ng-show="vm.hasError">// vm.errorMessage | tr //</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|