mirror of https://github.com/goharbor/harbor.git
61 lines
3.7 KiB
HTML
61 lines
3.7 KiB
HTML
<clr-modal [(clrModalOpen)]="opened" [clrModalStaticBackdrop]="true">
|
|
<h3 class="modal-title">{{'CHANGE_PWD.TITLE' | translate}}</h3>
|
|
<inline-alert class="modal-title" (confirmEvt)="confirmCancel($event)"></inline-alert>
|
|
<div class="modal-body" style="overflow-y: hidden;">
|
|
<form #changepwdForm="ngForm" class="form">
|
|
<section class="form-block">
|
|
<div class="form-group form-group-override">
|
|
<label for="oldPassword" class="required form-group-label-override">{{'CHANGE_PWD.CURRENT_PWD' | translate}}</label>
|
|
<label for="oldPassword" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]="oldPassInput.invalid && (oldPassInput.dirty || oldPassInput.touched)">
|
|
<input type="password" id="oldPassword"
|
|
required
|
|
name="oldPassword"
|
|
[(ngModel)]="oldPwd"
|
|
#oldPassInput="ngModel" size="42">
|
|
<span class="tooltip-content">
|
|
{{'TOOLTIP.CURRENT_PWD' | translate}}
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div class="form-group form-group-override">
|
|
<label for="newPassword" class="required form-group-label-override">{{'CHANGE_PWD.NEW_PWD' | translate}}</label>
|
|
<label for="newPassword" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-top-left" [class.invalid]='!getValidationState("newPassword")'>
|
|
<input type="password" id="newPassword"
|
|
required
|
|
pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"
|
|
name="newPassword"
|
|
[(ngModel)]="newPwd"
|
|
#newPassInput="ngModel" size="42"
|
|
(input)='handleValidation("newPassword", false)'
|
|
(focusout)='handleValidation("newPassword", true)'>
|
|
<span class="tooltip-content">
|
|
{{'TOOLTIP.PASSWORD' | translate}}
|
|
</span>
|
|
</label>
|
|
<label class="sub-label-for-input">{{'CHANGE_PWD.PASS_TIPS' | translate}}</label>
|
|
</div>
|
|
<div class="form-group form-group-override">
|
|
<label for="reNewPassword" class="required form-group-label-override">{{'CHANGE_PWD.CONFIRM_PWD' | translate}}</label>
|
|
<label for="reNewPassword" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-top-left" [class.invalid]='!getValidationState("reNewPassword")'>
|
|
<input type="password" id="reNewPassword"
|
|
required
|
|
pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"
|
|
name="reNewPassword"
|
|
[(ngModel)]="reNewPwd"
|
|
#reNewPassInput="ngModel" size="42"
|
|
(input)='handleValidation("reNewPassword", false)'
|
|
(focusout)='handleValidation("reNewPassword", true)'>
|
|
<span class="tooltip-content">
|
|
{{'TOOLTIP.CONFIRM_PWD' | translate}}
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<span class="spinner spinner-inline" style="top:8px;" [hidden]="showProgress === false"></span>
|
|
<button type="button" class="btn btn-outline" (click)="close()">{{'BUTTON.CANCEL' | translate}}</button>
|
|
<button type="button" class="btn btn-primary" [disabled]="!isValid || showProgress" (click)="doOk()">{{'BUTTON.OK' | translate}}</button>
|
|
</div>
|
|
</clr-modal> |