04/18 Enhance app functionalities: master password reset, account deletion/recovery
This commit is contained in:
@@ -335,6 +335,64 @@
|
||||
<div id="sharing-keys-actions"></div>
|
||||
</div>
|
||||
|
||||
<!-- Change Password Section -->
|
||||
<div class="settings-section">
|
||||
<h4 class="settings-section-title">🔑 Change Master Password</h4>
|
||||
<p class="settings-desc">Your vault will be automatically re-encrypted with the new password.</p>
|
||||
<div id="change-password-area">
|
||||
<div class="form-group">
|
||||
<label for="cp-current">Current master password</label>
|
||||
<input type="password" id="cp-current" autocomplete="current-password" placeholder="Current password">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cp-new">New master password</label>
|
||||
<input type="password" id="cp-new" autocomplete="new-password" placeholder="Minimum 12 characters">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="cp-confirm">Confirm new password</label>
|
||||
<input type="password" id="cp-confirm" autocomplete="new-password" placeholder="Repeat new password">
|
||||
</div>
|
||||
<p id="cp-error" class="form-error hidden"></p>
|
||||
<button class="btn-primary" id="btn-change-password">Change Password</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recovery Code Section -->
|
||||
<div class="settings-section">
|
||||
<h4 class="settings-section-title">🆘 Account Recovery</h4>
|
||||
<p class="settings-desc">A recovery code lets you regain access if you forget your master password. Store it somewhere safe — it is shown only once and never stored on our servers.</p>
|
||||
<p id="recovery-status-text" class="settings-desc"></p>
|
||||
<div id="recovery-code-display" class="hidden">
|
||||
<div class="recovery-code-box">
|
||||
<code id="recovery-code-value"></code>
|
||||
<button class="btn-icon" id="btn-copy-recovery-code" title="Copy to clipboard">📋</button>
|
||||
</div>
|
||||
<p class="settings-desc warning-text">⚠️ Copy this code now. It will not be shown again.</p>
|
||||
<button class="btn-secondary" id="btn-recovery-done">I've saved my recovery code</button>
|
||||
</div>
|
||||
<div id="recovery-actions"></div>
|
||||
</div>
|
||||
|
||||
<!-- Danger Zone -->
|
||||
<div class="settings-section settings-section-danger">
|
||||
<h4 class="settings-section-title">⚠️ Danger Zone</h4>
|
||||
<p class="settings-desc">Permanently delete your account and all vault data. This cannot be undone.</p>
|
||||
<div id="delete-account-area">
|
||||
<div id="delete-confirm-area" class="hidden">
|
||||
<div class="form-group">
|
||||
<label for="delete-password">Enter your master password to confirm</label>
|
||||
<input type="password" id="delete-password" autocomplete="current-password" placeholder="Master password">
|
||||
</div>
|
||||
<p id="delete-error" class="form-error hidden"></p>
|
||||
<div class="modal-actions">
|
||||
<button class="btn-secondary" id="btn-delete-cancel">Cancel</button>
|
||||
<button class="btn-danger" id="btn-delete-confirm">Permanently Delete Account</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn-danger" id="btn-delete-account">Delete My Account</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user