- <header class="page-header"><div><p>ACCOUNT SECURITY</p><h1>修改密码</h1><span>验证当前密码后更新管理员凭据，并注销该账号的全部会话</span></div></header>
- <section class="password-card">
- <div class="security-note"><lucide-icon [img]="icons.ShieldCheck" [size]="23" /><div><strong>修改后需要重新登录</strong><span>所有浏览器和设备上的现有管理员会话都会立即失效。</span></div></div>
- <form (ngSubmit)="submit()">
- <label><span>原密码</span><input type="password" autocomplete="current-password" [ngModel]="oldPassword()" (ngModelChange)="oldPassword.set($event)" name="oldPassword" /></label>
- <label><span>新密码</span><input type="password" autocomplete="new-password" minlength="8" maxlength="72" [ngModel]="newPassword()" (ngModelChange)="newPassword.set($event)" name="newPassword" /></label>
- <label><span>确认新密码</span><input type="password" autocomplete="new-password" minlength="8" maxlength="72" [ngModel]="confirmPassword()" (ngModelChange)="confirmPassword.set($event)" name="confirmPassword" /></label>
- @if (error()) { <div class="form-error">{{ error() }}</div> }
- <button type="submit" [disabled]="loading()"><lucide-icon [img]="loading() ? icons.LoaderCircle : icons.KeyRound" [size]="17" [class.spin]="loading()" />{{ loading() ? '正在安全更新…' : '修改密码并退出' }}</button>
- </form>
- </section>
|
