seperate delete from archive functions
This commit is contained in:
SowinskiBraeden committed
1 parent
42a9595966
commit
9921e61515
7 files changed
+208
-40
No files matched your search
@@ -67,16 +67,66 @@
|
||||
<div class="panel__body">
|
||||
<div class="danger-row">
|
||||
<div>
|
||||
<strong class="danger-row__title">Delete account</strong>
|
||||
<p class="muted-text">Permanently disables your account and archives all leagues you own. This cannot be undone.</p>
|
||||
<strong class="danger-row__title">Disable account</strong>
|
||||
<p class="muted-text">Disables your account and archives all leagues you own. Your data is preserved — you can sign up again with the same email to restore access.</p>
|
||||
</div>
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-modal="modal-delete-account">Delete account</button>
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-modal="modal-disable-account">Disable account</button>
|
||||
</div>
|
||||
<div class="danger-row">
|
||||
<div>
|
||||
<strong class="danger-row__title">Delete account</strong>
|
||||
<p class="muted-text">Permanently deletes your account and all leagues, sessions, and ledger data you own. This cannot be undone.</p>
|
||||
</div>
|
||||
<button class="btn btn--warning btn--sm danger-row__btn" type="button" data-modal="modal-delete-account">Delete account</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Disable account modal -->
|
||||
<div class="modal-backdrop" id="modal-disable-account" hidden>
|
||||
<div class="modal-card">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;">Account</span>
|
||||
<h2 class="panel__title">Disable account</h2>
|
||||
</div>
|
||||
<p class="modal-card__text">
|
||||
Your account will be disabled and all leagues you own will be archived. Your data is preserved — you can sign up again with the same email to restore access.<br><br>
|
||||
Type <strong>DISABLE</strong> and enter your password to confirm.
|
||||
</p>
|
||||
<form method="post" action="{{ url_for('account.disable_account') }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="form-card" style="padding:0 20px 4px;gap:10px;">
|
||||
<input
|
||||
class="confirm-text-input"
|
||||
type="text"
|
||||
name="confirm"
|
||||
placeholder='Type "DISABLE"'
|
||||
autocomplete="off"
|
||||
data-match="DISABLE"
|
||||
data-submit="disable-confirm-btn"
|
||||
data-requires-password="disable-password-input"
|
||||
>
|
||||
<input
|
||||
class="confirm-password-input"
|
||||
id="disable-password-input"
|
||||
type="password"
|
||||
name="current_password"
|
||||
placeholder="Your password"
|
||||
autocomplete="current-password"
|
||||
data-submit="disable-confirm-btn"
|
||||
>
|
||||
</div>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<button class="btn btn--sm btn--danger" id="disable-confirm-btn" type="submit" disabled>Disable my account</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete account modal -->
|
||||
<div class="modal-backdrop" id="modal-delete-account" hidden>
|
||||
<div class="modal-card">
|
||||
<div class="modal-card__head">
|
||||
@@ -84,36 +134,35 @@
|
||||
<h2 class="panel__title">Delete account</h2>
|
||||
</div>
|
||||
<p class="modal-card__text">
|
||||
Your account will be <strong>permanently disabled</strong> and all leagues you own will be archived. This cannot be undone.<br><br>
|
||||
Your account and all leagues, sessions, and ledger data you own will be <strong>permanently deleted</strong>. This cannot be undone.<br><br>
|
||||
Type <strong>DELETE</strong> and enter your password to confirm.
|
||||
</p>
|
||||
<form method="post" action="{{ url_for('account.delete_account') }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="form-card" style="padding:0 20px 4px;gap:10px;">
|
||||
<input
|
||||
class="modal-confirm-input"
|
||||
class="confirm-text-input"
|
||||
type="text"
|
||||
name="confirm"
|
||||
placeholder='Type "DELETE"'
|
||||
autocomplete="off"
|
||||
data-match="DELETE"
|
||||
data-target="delete-confirm-btn"
|
||||
data-also-requires="delete-password-input"
|
||||
data-submit="delete-confirm-btn"
|
||||
data-requires-password="delete-password-input"
|
||||
>
|
||||
<input
|
||||
class="modal-password-input"
|
||||
class="confirm-password-input"
|
||||
id="delete-password-input"
|
||||
type="password"
|
||||
name="current_password"
|
||||
placeholder="Your password"
|
||||
autocomplete="current-password"
|
||||
data-target="delete-confirm-btn"
|
||||
data-confirm-input="modal-delete-account"
|
||||
data-submit="delete-confirm-btn"
|
||||
>
|
||||
</div>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<button class="btn btn--sm btn--danger" id="delete-confirm-btn" type="submit" disabled>Delete my account</button>
|
||||
<button class="btn btn--sm btn--danger" id="delete-confirm-btn" type="submit" disabled>Permanently delete account</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -123,41 +172,41 @@
|
||||
(function () {
|
||||
function openModal(id) {
|
||||
const el = document.getElementById(id);
|
||||
if (el) {
|
||||
el.removeAttribute('hidden');
|
||||
const inp = el.querySelector('.modal-confirm-input');
|
||||
if (inp) { inp.value = ''; inp.focus(); }
|
||||
const pwd = el.querySelector('.modal-password-input');
|
||||
if (pwd) pwd.value = '';
|
||||
refreshDeleteBtn();
|
||||
}
|
||||
}
|
||||
function closeModal(el) {
|
||||
el.closest('.modal-backdrop').setAttribute('hidden', '');
|
||||
if (!el) return;
|
||||
el.removeAttribute('hidden');
|
||||
const txt = el.querySelector('.confirm-text-input');
|
||||
const pwd = el.querySelector('.confirm-password-input');
|
||||
if (txt) { txt.value = ''; txt.focus(); }
|
||||
if (pwd) pwd.value = '';
|
||||
refreshModal(el);
|
||||
}
|
||||
|
||||
function refreshDeleteBtn() {
|
||||
const confirmInp = document.querySelector('#modal-delete-account .modal-confirm-input');
|
||||
const pwdInp = document.getElementById('delete-password-input');
|
||||
const btn = document.getElementById('delete-confirm-btn');
|
||||
if (!confirmInp || !pwdInp || !btn) return;
|
||||
btn.disabled = !(confirmInp.value === 'DELETE' && pwdInp.value.length >= 1);
|
||||
function refreshModal(modalEl) {
|
||||
const txt = modalEl.querySelector('.confirm-text-input');
|
||||
if (!txt) return;
|
||||
const btnId = txt.dataset.submit;
|
||||
const pwdId = txt.dataset.requiresPassword;
|
||||
const btn = document.getElementById(btnId);
|
||||
const pwd = pwdId ? document.getElementById(pwdId) : null;
|
||||
if (!btn) return;
|
||||
const textOk = txt.value === txt.dataset.match;
|
||||
const pwdOk = !pwd || pwd.value.length >= 1;
|
||||
btn.disabled = !(textOk && pwdOk);
|
||||
}
|
||||
|
||||
document.querySelectorAll('[data-modal]').forEach(trigger => {
|
||||
trigger.addEventListener('click', () => openModal(trigger.dataset.modal));
|
||||
});
|
||||
document.querySelectorAll('[data-close-modal]').forEach(btn => {
|
||||
btn.addEventListener('click', () => closeModal(btn));
|
||||
btn.addEventListener('click', () => btn.closest('.modal-backdrop').setAttribute('hidden', ''));
|
||||
});
|
||||
document.querySelectorAll('.modal-backdrop').forEach(backdrop => {
|
||||
backdrop.addEventListener('click', e => { if (e.target === backdrop) backdrop.setAttribute('hidden', ''); });
|
||||
});
|
||||
|
||||
const confirmInp = document.querySelector('#modal-delete-account .modal-confirm-input');
|
||||
const pwdInp = document.getElementById('delete-password-input');
|
||||
if (confirmInp) confirmInp.addEventListener('input', refreshDeleteBtn);
|
||||
if (pwdInp) pwdInp.addEventListener('input', refreshDeleteBtn);
|
||||
document.querySelectorAll('.confirm-text-input, .confirm-password-input').forEach(inp => {
|
||||
inp.addEventListener('input', () => refreshModal(inp.closest('.modal-backdrop')));
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
|
||||
Reference in new issue
Block a user