SowinskiBraeden/boker
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

seperate delete from archive functions

Browse Source
This commit is contained in:
SowinskiBraeden committed 2026-06-27 14:30:52 -07:00
1 parent 42a9595966
commit 9921e61515
7 files changed
+208 -40
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

templates/account_settings.html
+82 -33
View File
@@ -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>
templates/league_settings.html
+38
View File
@@ -131,6 +131,13 @@
</div>
<button class="btn btn--warning btn--sm danger-row__btn" type="button" data-modal="modal-archive">Archive league</button>
</div>
<div class="danger-row">
<div>
<strong class="danger-row__title">Delete league</strong>
<p class="muted-text">Permanently deletes this league and all players, sessions, and ledger data. This cannot be undone.</p>
</div>
<button class="btn btn--warning btn--sm danger-row__btn" type="button" data-modal="modal-delete-league">Delete league</button>
</div>
</div>
</div>
@@ -231,6 +238,37 @@
</form>
</div>
</div>
<div class="modal-backdrop" id="modal-delete-league" hidden>
<div class="modal-card">
<div class="modal-card__head">
<span class="kicker" style="margin:0;">Danger zone</span>
<h2 class="panel__title">Delete league</h2>
</div>
<p class="modal-card__text">
<strong>{{ league.name }}</strong> and all its players, sessions, and ledger data will be <strong>permanently deleted</strong>. This cannot be undone.<br><br>
Type the league name to confirm:
</p>
<form method="post" action="{{ url_for('leagues.delete_league_route', league_ref=league.url_ref) }}">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="form-card" style="padding:0 20px 4px;">
<input
class="modal-confirm-input"
type="text"
name="confirm_name"
placeholder="{{ league.name }}"
autocomplete="off"
data-match="{{ league.name }}"
data-target="delete-league-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-league-confirm-btn" type="submit" disabled>Permanently delete</button>
</div>
</form>
</div>
</div>
<script>
(function () {
function openModal(id) {