2.0+ public access setup
This commit is contained in:
45 files changed
+7875
-32
No files matched your search
@@ -0,0 +1,18 @@
|
||||
<div class="subnav">
|
||||
<div class="subnav__inner">
|
||||
<a class="subnav__name" href="{{ url_for('leagues.dashboard', league_ref=league.url_ref) }}">{{ league.name }}</a>
|
||||
<span class="subnav__divider"></span>
|
||||
<nav class="subnav__nav">
|
||||
<a class="subnav__link {{ 'is-active' if request.endpoint == 'leagues.dashboard' }}" href="{{ url_for('leagues.dashboard', league_ref=league.url_ref) }}">Overview</a>
|
||||
<a class="subnav__link {{ 'is-active' if request.endpoint in ('leagues.sessions', 'leagues.session_detail') }}" href="{{ url_for('leagues.sessions', league_ref=league.url_ref) }}">Sessions</a>
|
||||
<a class="subnav__link {{ 'is-active' if request.endpoint in ('leagues.players', 'leagues.player_detail') }}" href="{{ url_for('leagues.players', league_ref=league.url_ref) }}">Players</a>
|
||||
<a class="subnav__link {{ 'is-active' if request.endpoint == 'leagues.leaderboard' }}" href="{{ url_for('leagues.leaderboard', league_ref=league.url_ref) }}">Leaderboard</a>
|
||||
{% if is_logged_in %}
|
||||
<a class="subnav__link {{ 'is-active' if request.endpoint == 'leagues.ledger' }}" href="{{ url_for('leagues.ledger', league_ref=league.url_ref) }}">Ledger</a>
|
||||
{% endif %}
|
||||
{% if is_owner is defined and is_owner %}
|
||||
<a class="subnav__link {{ 'is-active' if request.endpoint == 'leagues.league_settings' }}" href="{{ url_for('leagues.league_settings', league_ref=league.url_ref) }}">Settings</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Login · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="form-shell narrow">
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Owner access</p>
|
||||
<h1 style="font-size:28px;margin-bottom:8px;">Account login</h1>
|
||||
<p class="muted-text" style="margin-bottom:8px;">Manage leagues, players, sessions, and ledger entries.</p>
|
||||
</div>
|
||||
<label>
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" autocomplete="email" value="{{ form.email or '' }}" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Password</span>
|
||||
<input type="password" name="password" autocomplete="current-password" required>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit">Login</button>
|
||||
<a class="btn btn--ghost" href="{{ url_for('account.register') }}">Create account</a>
|
||||
<a style="font:400 12px/1 var(--font-ui);color:var(--text-3);text-align:center;margin-top:4px;" href="{{ url_for('account.forgot_password') }}">Forgot password?</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,30 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Create Account · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="form-shell narrow">
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Owner account</p>
|
||||
<h1 style="font-size:28px;margin-bottom:8px;">Create account</h1>
|
||||
<p class="muted-text" style="margin-bottom:8px;">Accounts are for league owners and managers.</p>
|
||||
</div>
|
||||
<label>
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" autocomplete="email" value="{{ form.email or '' }}" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Password</span>
|
||||
<input type="password" name="password" autocomplete="new-password" minlength="8" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Confirm password</span>
|
||||
<input type="password" name="confirm_password" autocomplete="new-password" minlength="8" required>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit">Create account</button>
|
||||
<a class="btn btn--ghost" href="{{ url_for('account.login') }}">Login instead</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,164 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Account settings · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="hero" style="padding-bottom:18px;">
|
||||
<p class="hero__kicker">Account</p>
|
||||
<h1 class="hero__title">Settings</h1>
|
||||
<p class="hero__sub">Manage your email address, password, and account.</p>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<div class="toolbar__left">
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.index') }}">My leagues</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stack">
|
||||
|
||||
<form class="panel form-card" method="post" action="{{ url_for('account.update_email') }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Profile</p>
|
||||
<h2 class="panel__title" style="margin-top:4px;">Email address</h2>
|
||||
</div>
|
||||
<label>
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" value="{{ user.email }}" required autocomplete="email">
|
||||
</label>
|
||||
<label>
|
||||
<span>Current password <span class="form-opt-hint">(required to change)</span></span>
|
||||
<input type="password" name="current_password" required autocomplete="current-password">
|
||||
</label>
|
||||
<div>
|
||||
<button class="btn btn--primary" type="submit">Update email</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form class="panel form-card" method="post" action="{{ url_for('account.update_password') }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Security</p>
|
||||
<h2 class="panel__title" style="margin-top:4px;">Change password</h2>
|
||||
</div>
|
||||
<label>
|
||||
<span>Current password</span>
|
||||
<input type="password" name="current_password" required autocomplete="current-password">
|
||||
</label>
|
||||
<label>
|
||||
<span>New password</span>
|
||||
<input type="password" name="new_password" required autocomplete="new-password">
|
||||
</label>
|
||||
<label>
|
||||
<span>Confirm new password</span>
|
||||
<input type="password" name="confirm_password" required autocomplete="new-password">
|
||||
</label>
|
||||
<div>
|
||||
<button class="btn btn--primary" type="submit">Change password</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;color:var(--neg);">Danger zone</p>
|
||||
<h2 class="panel__title">Destructive actions</h2>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-modal="modal-delete-account">Delete account</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop" id="modal-delete-account" hidden>
|
||||
<div class="modal-card">
|
||||
<div class="modal-card__head">
|
||||
<h2 style="font-size:18px;margin:0;">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>
|
||||
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 style="padding:0 20px 16px;display:grid;gap:10px;">
|
||||
<input
|
||||
class="modal-confirm-input"
|
||||
type="text"
|
||||
name="confirm"
|
||||
placeholder='Type "DELETE"'
|
||||
autocomplete="off"
|
||||
data-match="DELETE"
|
||||
data-target="delete-confirm-btn"
|
||||
data-also-requires="delete-password-input"
|
||||
>
|
||||
<input
|
||||
class="modal-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"
|
||||
>
|
||||
</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>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(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', '');
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
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));
|
||||
});
|
||||
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);
|
||||
})();
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
+55
-10
@@ -10,9 +10,10 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="l-bg" aria-hidden="true"></div>
|
||||
<header class="topbar">
|
||||
<div class="topbar__inner">
|
||||
<a class="brand" href="{{ url_for('public.leaderboard') }}">
|
||||
<a class="brand" href="{{ url_for('public.home') }}">
|
||||
<span class="brand__mark"></span>
|
||||
<span class="brand__name">myboker.org</span>
|
||||
</a>
|
||||
@@ -22,25 +23,35 @@
|
||||
<span></span>
|
||||
</button>
|
||||
<nav class="mainnav" id="mainnav">
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'public.leaderboard' }}" href="{{ url_for('public.leaderboard') }}">Leaderboard</a>
|
||||
<a class="navlink {{ 'is-active' if request.endpoint in ('public.sessions', 'public.session_detail') }}" href="{{ url_for('public.sessions') }}">Sessions</a>
|
||||
{% if is_admin %}
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'admin.dashboard' }}" href="{{ url_for('admin.dashboard') }}">Admin</a>
|
||||
{% if is_logged_in %}
|
||||
<a class="navlink {{ 'is-active' if request.endpoint and request.endpoint.startswith('leagues.') }}" href="{{ url_for('leagues.index') }}">Leagues</a>
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'public.explore' }}" href="{{ url_for('public.explore') }}">Explore</a>
|
||||
<a class="navlink {{ 'is-active' if request.endpoint and request.endpoint.startswith('account.') and request.endpoint not in ('account.login', 'account.register') }}" href="{{ url_for('account.settings') }}">Account</a>
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'public.help' }}" href="{{ url_for('public.help') }}">Help</a>
|
||||
{% else %}
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'admin.login' }}" href="{{ url_for('admin.login') }}">Admin</a>
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'public.explore' }}" href="{{ url_for('public.explore') }}">Explore</a>
|
||||
<a class="navlink {{ 'is-active' if request.endpoint == 'public.help' }}" href="{{ url_for('public.help') }}">Help</a>
|
||||
<a class="navlink navlink--mobile-auth {{ 'is-active' if request.endpoint == 'account.login' }}" href="{{ url_for('account.login') }}">Login</a>
|
||||
<a class="navlink navlink--mobile-auth {{ 'is-active' if request.endpoint == 'account.register' }}" href="{{ url_for('account.register') }}">Register</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
<span class="topbar__spacer"></span>
|
||||
{% if is_admin %}
|
||||
{% if is_logged_in %}
|
||||
<div class="topbar__admin-actions">
|
||||
<form method="post" action="{{ url_for('admin.logout') }}" style="margin:0">
|
||||
<form method="post" action="{{ url_for('account.logout') }}" style="margin:0">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--ghost btn--sm" type="submit">Logout</button>
|
||||
</form>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="topbar__admin-actions topbar__account-actions">
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('account.login') }}">Login</a>
|
||||
<a class="btn btn--outline btn--sm" href="{{ url_for('account.register') }}">Register</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% block subnav %}{% endblock %}
|
||||
<main class="page {% block page_class %}page--public{% endblock %}">
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
@@ -57,7 +68,7 @@
|
||||
<footer class="site-footer" aria-label="Site footer">
|
||||
<span>© 2026 myboker.org</span>
|
||||
<span>Version {{ app_version }}</span>
|
||||
<span>cedarline.digital</span>
|
||||
<span><a href="{{ url_for('public.help') }}" style="color:inherit;text-decoration:none;">Help</a> · cedarline.digital</span>
|
||||
</footer>
|
||||
</main>
|
||||
<script>
|
||||
@@ -91,5 +102,39 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(() => {
|
||||
function positionBubble(tip) {
|
||||
const bubble = tip.querySelector('.info-tip__bubble');
|
||||
if (!bubble) return;
|
||||
const rect = tip.getBoundingClientRect();
|
||||
const bw = bubble.offsetWidth || 220;
|
||||
const bh = bubble.offsetHeight || 60;
|
||||
let left = rect.left + rect.width / 2 - bw / 2;
|
||||
let top = rect.top - bh - 8;
|
||||
left = Math.max(8, Math.min(left, window.innerWidth - bw - 8));
|
||||
if (top < 8) top = rect.bottom + 8;
|
||||
bubble.style.left = left + 'px';
|
||||
bubble.style.top = top + 'px';
|
||||
}
|
||||
document.querySelectorAll('.info-tip').forEach(tip => {
|
||||
tip.addEventListener('mouseenter', () => { positionBubble(tip); tip.classList.add('is-open'); });
|
||||
tip.addEventListener('mouseleave', () => tip.classList.remove('is-open'));
|
||||
tip.addEventListener('click', e => {
|
||||
e.stopPropagation();
|
||||
const wasOpen = tip.classList.contains('is-open');
|
||||
document.querySelectorAll('.info-tip.is-open').forEach(t => t.classList.remove('is-open'));
|
||||
if (!wasOpen) { positionBubble(tip); tip.classList.add('is-open'); }
|
||||
});
|
||||
tip.addEventListener('keydown', e => {
|
||||
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); tip.click(); }
|
||||
if (e.key === 'Escape') tip.classList.remove('is-open');
|
||||
});
|
||||
});
|
||||
document.addEventListener('click', () => {
|
||||
document.querySelectorAll('.info-tip.is-open').forEach(t => t.classList.remove('is-open'));
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,222 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Help · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="hero" style="padding-bottom:12px;">
|
||||
<p class="hero__kicker">Documentation</p>
|
||||
<h1 class="hero__title">How myboker works</h1>
|
||||
<p class="hero__sub">Everything you need to run a home poker league — sessions, ledgers, leaderboards, and settlement.</p>
|
||||
</div>
|
||||
|
||||
<div class="docs-grid">
|
||||
|
||||
<nav class="docs-nav">
|
||||
<p class="kicker">Contents</p>
|
||||
<a href="#leagues">Leagues</a>
|
||||
<a href="#players">Players</a>
|
||||
<a href="#sessions">Sessions</a>
|
||||
<a href="#events">Ledger events</a>
|
||||
<a href="#settlement">Settlement</a>
|
||||
<a href="#leaderboard">Leaderboard & stats</a>
|
||||
<a href="#visibility">Public vs private</a>
|
||||
</nav>
|
||||
|
||||
<div class="docs-body">
|
||||
|
||||
<section class="docs-section" id="leagues">
|
||||
<h2 class="docs-h2">Leagues</h2>
|
||||
<p>A <strong>league</strong> is the top-level container for your home game. It holds all your players, sessions, and ledger events in one place. One account can manage multiple leagues — useful if you run separate games (e.g. a Thursday game and a weekend game).</p>
|
||||
<p>When you create a league you give it a name and optional description. A unique public key is automatically generated so you can share a link to it later if you make it public.</p>
|
||||
<div class="docs-callout">
|
||||
<strong>Tip:</strong> Leagues are long-lived. You don't need to create a new league every season — use <em>sessions</em> to separate individual nights of play.
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="docs-section" id="players">
|
||||
<h2 class="docs-h2">Players</h2>
|
||||
<p>Players are the people in your league. They <strong>do not need a myboker account</strong> — only the league owner or manager needs one. You just add names.</p>
|
||||
<p>Each player has a display name that appears on the leaderboard and in ledger events. You can add an optional note (like a payment handle) to help with settlement later.</p>
|
||||
<p><strong>Archiving</strong> a player hides them from the active roster but preserves all their history. You can reactivate them at any time.</p>
|
||||
<div class="docs-term-grid">
|
||||
<div class="docs-term">
|
||||
<strong>Active</strong>
|
||||
<span>Shows on the roster and is available to record events against.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Archived</strong>
|
||||
<span>Hidden from the roster. History and stats are preserved. Reactivate any time.</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="docs-section" id="sessions">
|
||||
<h2 class="docs-h2">Sessions</h2>
|
||||
<p>A <strong>session</strong> is a single night of poker. Sessions are date-stamped and sequenced — if you play twice on the same day, they become S1 and S2 automatically.</p>
|
||||
<p>Sessions have two states: <strong>open</strong> and <strong>closed</strong>. While open, you can record buy-ins, cashouts, and other ledger events. When everyone has settled up and cashed out, you close the session. Closing doesn't delete anything — you can always reopen it.</p>
|
||||
<div class="docs-term-grid">
|
||||
<div class="docs-term">
|
||||
<strong>Date</strong>
|
||||
<span>The calendar date the game was played. Used to order sessions and group same-day games.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Label</strong>
|
||||
<span>Optional short name for this session (e.g. "Main table", "Side game"). Shown in lists.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Notes</strong>
|
||||
<span>Optional freeform context visible in the session list (e.g. "Holiday game", "Marcus's place").</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Open</strong>
|
||||
<span>Session is live — events can be added and settlement is still in progress.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Closed</strong>
|
||||
<span>Session is settled. Books are considered final. Can be reopened if needed.</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="docs-section" id="events">
|
||||
<h2 class="docs-h2">Ledger events</h2>
|
||||
<p>All activity in a session is recorded as <strong>ledger events</strong>. The ledger is <strong>append-only</strong> — events are never deleted. This keeps the record clean and auditable, even if you need to correct a mistake (you just add a correcting entry).</p>
|
||||
<p>There are eight event types:</p>
|
||||
<div class="docs-events">
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-buyin">buy-in</span>
|
||||
<div>
|
||||
<strong>A player buys chips with cash.</strong>
|
||||
<p>Cash comes into the pot. Records how much the player has invested. Most common event — record one every time someone puts money on the table.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-front">front</span>
|
||||
<div>
|
||||
<strong>The house covers a player's buy-in.</strong>
|
||||
<p>When a player doesn't have cash handy, the organizer (house) can front them chips. This creates a debt — the player owes that amount back to the house. Track fronts carefully so you know who owes what at the end of the night.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-cashout">cashout</span>
|
||||
<div>
|
||||
<strong>A player exchanges their chips for their cash value.</strong>
|
||||
<p>Records the chip count a player walks away with. This is the "you are owed X" event — but it doesn't mean cash has left the house yet. Use <em>paid out</em> to record the actual cash handover.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-paid_out">paid out</span>
|
||||
<div>
|
||||
<strong>Cash physically leaves the house to the player.</strong>
|
||||
<p>Closes the loop on a cashout. Once a player has been paid out, their balance goes to $0. Record this separately from cashout because you may pay people out at different times (end of night, next day via transfer, etc.).</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-rollover_in">rollover in</span>
|
||||
<div>
|
||||
<strong>Chips carried in from a previous session.</strong>
|
||||
<p>If a player didn't cash out at the end of a session and instead carries their chip stack forward to the next game, record a rollover in at the start of the new session.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-rollover_out">rollover out</span>
|
||||
<div>
|
||||
<strong>Chips carried out to a future session.</strong>
|
||||
<p>Recorded when a player leaves a session without cashing out, intending to carry their stack forward. Paired with a rollover in at the next session.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-debt_repayment">debt repayment</span>
|
||||
<div>
|
||||
<strong>A player repays an outstanding front.</strong>
|
||||
<p>When a player who was fronted chips pays the house back (cash, transfer, etc.), record a debt repayment. This reduces their outstanding balance with the house.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-event">
|
||||
<span class="pill pill-writeoff">write-off</span>
|
||||
<div>
|
||||
<strong>The house forgives a debt.</strong>
|
||||
<p>If a front won't be collected (player left, debt forgiven, etc.), write it off. The debt is cleared from the open balance without cash changing hands. This is irreversible — add a note explaining why.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="docs-section" id="settlement">
|
||||
<h2 class="docs-h2">Settlement</h2>
|
||||
<p>The ledger tracks two types of open balances at all times:</p>
|
||||
<div class="docs-term-grid">
|
||||
<div class="docs-term">
|
||||
<strong>Due to players</strong>
|
||||
<span>Cash the house owes to players who have cashed out but haven't been paid yet. Pay these out to clear the balance.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Due to house</strong>
|
||||
<span>Cash players owe to the house from unpaid fronts. Collect debt repayments or write these off to clear the balance.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Cash in</strong>
|
||||
<span>Total real cash that has come into the pot across all sessions — buy-ins and repaid fronts only, not fronts themselves.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Cash paid out</strong>
|
||||
<span>Total real cash that has left the house to players. Ideally this approaches cash in over time.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-callout">
|
||||
<strong>Fronts vs buy-ins:</strong> A front doesn't add to "cash in" because no cash actually entered the pot — the house covered it. Cash in only counts real money on the table.
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="docs-section" id="leaderboard">
|
||||
<h2 class="docs-h2">Leaderboard & stats</h2>
|
||||
<p>The leaderboard ranks players by their all-time performance. Stats are computed from ledger events, not manually entered.</p>
|
||||
<div class="docs-term-grid">
|
||||
<div class="docs-term">
|
||||
<strong>Net</strong>
|
||||
<span>Total cash out minus total cash in across all sessions. Positive means up, negative means down.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>ROI</strong>
|
||||
<span>Net divided by total invested, expressed as a percentage. Compares performance independent of how much someone plays.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Win rate</strong>
|
||||
<span>Percentage of sessions where the player finished with a positive net. Ties (exactly break even) count as a loss.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Sessions played</strong>
|
||||
<span>Number of sessions with at least one ledger event for this player.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Biggest win</strong>
|
||||
<span>The single session where the player netted the most profit.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Biggest loss</strong>
|
||||
<span>The single session where the player lost the most money.</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="docs-section" id="visibility">
|
||||
<h2 class="docs-h2">Public vs private</h2>
|
||||
<p>Each league has a <strong>visibility</strong> setting you can change in league settings.</p>
|
||||
<div class="docs-term-grid">
|
||||
<div class="docs-term">
|
||||
<strong>Private</strong>
|
||||
<span>Only members (owners and managers) can see this league. The league won't appear on the Explore page. This is the default.</span>
|
||||
</div>
|
||||
<div class="docs-term">
|
||||
<strong>Public</strong>
|
||||
<span>Anyone with the link — or who finds it on the Explore page — can view the leaderboard and session history. No account required to view. Members still need an account to manage it.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="docs-callout">
|
||||
<strong>Note:</strong> Making a league public shares leaderboard rankings and session results, but not private financial details like individual debt balances or account emails.
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,60 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Explore leagues · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="hero" style="padding-bottom:8px;">
|
||||
<p class="hero__kicker">Public leagues</p>
|
||||
<h1 class="hero__title">Explore</h1>
|
||||
<p class="hero__sub">Browse poker leagues that have made their results publicly visible.</p>
|
||||
</div>
|
||||
|
||||
<form method="get" action="{{ url_for('public.explore') }}" class="explore-search">
|
||||
<input class="field-input explore-search__input" type="text" name="q" value="{{ q }}" placeholder="Search by league name…">
|
||||
<button class="btn btn--primary" type="submit">Search</button>
|
||||
{% if q %}<a class="btn btn--ghost" href="{{ url_for('public.explore') }}">Clear</a>{% endif %}
|
||||
</form>
|
||||
|
||||
{% if leagues %}
|
||||
<div class="explore-grid">
|
||||
{% for league in leagues %}
|
||||
{% set c = counts.get(league.id, {}) %}
|
||||
<a class="explore-card" href="{{ url_for('leagues.dashboard', league_ref=league.url_ref) }}">
|
||||
<div class="explore-card__head">
|
||||
<h2 class="explore-card__name">{{ league.name }}</h2>
|
||||
{% if league.description %}
|
||||
<p class="explore-card__desc">{{ league.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="explore-card__stats">
|
||||
<div class="explore-card__stat">
|
||||
<span class="kicker">Players</span>
|
||||
<strong>{{ c.get('players', 0) }}</strong>
|
||||
</div>
|
||||
<div class="explore-card__stat">
|
||||
<span class="kicker">Sessions</span>
|
||||
<strong>{{ c.get('sessions', 0) }}</strong>
|
||||
</div>
|
||||
<div class="explore-card__stat">
|
||||
<span class="kicker">Open</span>
|
||||
<strong>{{ c.get('open_sessions', 0) }}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explore-card__footer">
|
||||
<span class="explore-card__link">View league →</span>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% elif q %}
|
||||
<div class="empty-panel" style="max-width:480px;">
|
||||
<h3 class="panel__title">No results for "{{ q }}"</h3>
|
||||
<p class="muted-text">Try a shorter search or browse all leagues.</p>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="empty-panel" style="max-width:480px;">
|
||||
<h3 class="panel__title">No public leagues yet</h3>
|
||||
<p class="muted-text">League owners can set their league to public in settings.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,22 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Forgot Password · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="form-shell narrow">
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Account recovery</p>
|
||||
<h1 style="font-size:28px;margin-bottom:8px;">Forgot password</h1>
|
||||
<p class="muted-text" style="margin-bottom:8px;">Enter your email and we'll send a reset link if an account exists.</p>
|
||||
</div>
|
||||
<label>
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" autocomplete="email" required>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit">Send reset link</button>
|
||||
<a class="btn btn--ghost" href="{{ url_for('account.login') }}">Back to login</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,157 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}myboker.org · Poker league records{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<section class="l-hero">
|
||||
<p class="l-hero__kicker">For private poker leagues</p>
|
||||
<h1 class="l-hero__h1">Your home game,<br>properly tracked.</h1>
|
||||
<p class="l-hero__sub">Sessions, ledgers, leaderboards, and settlement visibility — built for home groups that want clean records without a payment app or social network in the way.</p>
|
||||
<div class="l-hero__cta">
|
||||
{% if is_logged_in %}
|
||||
<a class="btn btn--primary" href="{{ url_for('leagues.index') }}">Open leagues</a>
|
||||
{% else %}
|
||||
<a class="btn btn--primary" href="{{ url_for('account.register') }}">Create account</a>
|
||||
<a class="btn btn--ghost" href="{{ url_for('account.login') }}">Sign in</a>
|
||||
<a class="btn btn--ghost" href="{{ url_for('public.explore') }}">Explore league stats</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="l-preview" aria-hidden="true">
|
||||
<div class="l-preview__panel">
|
||||
<div class="l-preview__head">
|
||||
<span class="kicker" style="margin:0;">Leaderboard</span>
|
||||
<span class="l-preview__tag">All-time</span>
|
||||
</div>
|
||||
<div class="l-preview__rows">
|
||||
<div class="l-preview__row">
|
||||
<span class="l-preview__rank">1</span>
|
||||
<span class="l-preview__player">Rivera</span>
|
||||
<span class="l-preview__val l-preview__val--pos">+$1,420</span>
|
||||
</div>
|
||||
<div class="l-preview__row">
|
||||
<span class="l-preview__rank">2</span>
|
||||
<span class="l-preview__player">Chen</span>
|
||||
<span class="l-preview__val l-preview__val--pos">+$640</span>
|
||||
</div>
|
||||
<div class="l-preview__row">
|
||||
<span class="l-preview__rank">3</span>
|
||||
<span class="l-preview__player">Okafor</span>
|
||||
<span class="l-preview__val l-preview__val--neg">-$210</span>
|
||||
</div>
|
||||
<div class="l-preview__row l-preview__row--faded">
|
||||
<span class="l-preview__rank">4</span>
|
||||
<span class="l-preview__player">Walsh</span>
|
||||
<span class="l-preview__val l-preview__val--neg">-$850</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="l-preview__panel l-preview__panel--featured">
|
||||
<div class="l-preview__head">
|
||||
<span class="kicker" style="margin:0;">Session #18</span>
|
||||
<span class="live-badge">live</span>
|
||||
</div>
|
||||
<div class="l-preview__stats">
|
||||
<div class="l-preview__stat">
|
||||
<span class="kicker" style="margin:0;">Cash in</span>
|
||||
<strong>$1,200</strong>
|
||||
</div>
|
||||
<div class="l-preview__stat">
|
||||
<span class="kicker" style="margin:0;">Players</span>
|
||||
<strong>8</strong>
|
||||
</div>
|
||||
<div class="l-preview__stat">
|
||||
<span class="kicker" style="margin:0;">Open debts</span>
|
||||
<strong style="color:var(--warn);">$180</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="l-preview__evts">
|
||||
<div class="l-preview__evt">
|
||||
<span class="pill pill-buyin">buy-in</span>
|
||||
<span class="l-preview__evt-name">Rivera</span>
|
||||
<span class="l-preview__evt-val">$200</span>
|
||||
</div>
|
||||
<div class="l-preview__evt">
|
||||
<span class="pill pill-front">front</span>
|
||||
<span class="l-preview__evt-name">Chen</span>
|
||||
<span class="l-preview__evt-val">$200</span>
|
||||
</div>
|
||||
<div class="l-preview__evt">
|
||||
<span class="pill pill-cashout">cashout</span>
|
||||
<span class="l-preview__evt-name">Okafor</span>
|
||||
<span class="l-preview__evt-val">$450</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="l-preview__panel">
|
||||
<div class="l-preview__head">
|
||||
<span class="kicker" style="margin:0;">Open debts</span>
|
||||
<span class="l-preview__tag">Session #17</span>
|
||||
</div>
|
||||
<div class="l-preview__rows">
|
||||
<div class="l-preview__row">
|
||||
<span class="l-preview__player">Walsh</span>
|
||||
<span class="l-preview__val" style="color:var(--owes);">owes $120</span>
|
||||
</div>
|
||||
<div class="l-preview__row">
|
||||
<span class="l-preview__player">Okafor</span>
|
||||
<span class="l-preview__val" style="color:var(--owes);">owes $60</span>
|
||||
</div>
|
||||
<div class="l-preview__row l-preview__row--faded">
|
||||
<span class="l-preview__player">Chen</span>
|
||||
<span class="l-preview__val" style="color:var(--pos);">settled</span>
|
||||
</div>
|
||||
<div class="l-preview__row l-preview__row--faded">
|
||||
<span class="l-preview__player">Rivera</span>
|
||||
<span class="l-preview__val" style="color:var(--pos);">settled</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="l-features">
|
||||
<div class="l-feature">
|
||||
<div class="l-feature__icon">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-hidden="true">
|
||||
<rect x="1" y="7" width="14" height="13" rx="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M5 7V5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="l-feature__title">League workspaces</h3>
|
||||
<p class="l-feature__desc">Each league has its own players, sessions, leaderboard, and accounting. One account can manage multiple leagues independently.</p>
|
||||
</div>
|
||||
<div class="l-feature">
|
||||
<div class="l-feature__icon">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-hidden="true">
|
||||
<rect x="3" y="3" width="16" height="16" rx="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M7 8h8M7 11h6M7 14h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="l-feature__title">Append-only ledger</h3>
|
||||
<p class="l-feature__desc">Buy-ins, fronts, cashouts, rollovers, debt repayments, and write-offs stay permanently on record. Events are never deleted.</p>
|
||||
</div>
|
||||
<div class="l-feature">
|
||||
<div class="l-feature__icon">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-hidden="true">
|
||||
<path d="M3 17L8 11L13 14L20 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3 20h18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="l-feature__title">Performance analytics</h3>
|
||||
<p class="l-feature__desc">Net, ROI, win rate, and all-time cash movement are computed from ledger events. Rankings stay separate from settlement records.</p>
|
||||
</div>
|
||||
<div class="l-feature">
|
||||
<div class="l-feature__icon">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-hidden="true">
|
||||
<path d="M7 5h8M15 5l-3-3m3 3l-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15 17H7m0 0l3 3m-3-3l3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="l-feature__title">Settlement visibility</h3>
|
||||
<p class="l-feature__desc">Open debts, player payables, and house receivables are always tracked. Share settlement status with the group, not just final numbers.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,104 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
{% if is_logged_in %}
|
||||
<a class="league-back-link" href="{{ url_for('leagues.index') }}">← Leagues</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="db-hero">
|
||||
<div class="db-hero__bg-letter" aria-hidden="true">{{ league.name[0] | upper }}</div>
|
||||
<div class="db-hero__body">
|
||||
<div class="db-hero__chips">
|
||||
{% if is_owner %}
|
||||
<span class="db-chip db-chip--accent">Owner</span>
|
||||
{% endif %}
|
||||
<span class="db-chip">{{ league.visibility }}</span>
|
||||
</div>
|
||||
<h1 class="hero__title" style="margin-bottom:8px;">{{ league.name }}</h1>
|
||||
<p class="hero__sub" style="margin:0;">{{ league.description or 'No description set.' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if counts.open_sessions > 0 %}
|
||||
<div class="db-live-bar">
|
||||
<span class="live-badge">{{ counts.open_sessions }} live</span>
|
||||
<span class="db-live-bar__text">
|
||||
{% if counts.open_sessions == 1 %}A session is currently in progress.{% else %}{{ counts.open_sessions }} sessions are in progress.{% endif %}
|
||||
</span>
|
||||
<a class="btn btn--sm db-live-bar__btn" href="{{ url_for('leagues.sessions', league_ref=league.url_ref) }}">View sessions →</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="db-stats">
|
||||
<div class="stat stat--rail" style="--rail:var(--pos);">
|
||||
<span class="kicker">Active players</span>
|
||||
<div class="stat__val" style="color:var(--text-strong);">{{ counts.players }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--accent);">
|
||||
<span class="kicker">Sessions</span>
|
||||
<div class="stat__val" style="color:var(--text-strong);">{{ counts.sessions }}</div>
|
||||
{% if counts.open_sessions > 0 %}
|
||||
<div class="stat__sub" style="color:var(--pos);">{{ counts.open_sessions }} open now</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--warn);">
|
||||
<span class="kicker">Ledger events</span>
|
||||
<div class="stat__val" style="color:var(--text-strong);">{{ counts.events }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--rolled);">
|
||||
<span class="kicker">Seasons</span>
|
||||
<div class="stat__val" style="color:var(--text-strong);">{{ counts.seasons }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dashboard-grid">
|
||||
|
||||
<a class="dashboard-card panel" style="--card-accent:var(--warn);" href="{{ url_for('leagues.leaderboard', league_ref=league.url_ref) }}">
|
||||
<div class="dashboard-card__top">
|
||||
<span class="kicker">Stats</span>
|
||||
<span class="dashboard-card__count">{{ counts.players }} ranked</span>
|
||||
</div>
|
||||
<strong class="dashboard-card__title">Leaderboard</strong>
|
||||
<p class="dashboard-card__desc">All-time results, ROI, settlement totals, and standings.</p>
|
||||
<span class="dashboard-card__arrow">→</span>
|
||||
</a>
|
||||
|
||||
<a class="dashboard-card panel" style="--card-accent:var(--pos);" href="{{ url_for('leagues.players', league_ref=league.url_ref) }}">
|
||||
<div class="dashboard-card__top">
|
||||
<span class="kicker">Roster</span>
|
||||
<span class="dashboard-card__count">{{ counts.players }} active</span>
|
||||
</div>
|
||||
<strong class="dashboard-card__title">Players</strong>
|
||||
<p class="dashboard-card__desc">Add and manage player records for stats and ledger entry.</p>
|
||||
<span class="dashboard-card__arrow">→</span>
|
||||
</a>
|
||||
|
||||
<a class="dashboard-card panel {% if counts.open_sessions > 0 %}dashboard-card--live{% endif %}" style="--card-accent:var(--accent);" href="{{ url_for('leagues.sessions', league_ref=league.url_ref) }}">
|
||||
<div class="dashboard-card__top">
|
||||
<span class="kicker">Schedule</span>
|
||||
{% if counts.open_sessions > 0 %}
|
||||
<span class="live-badge">{{ counts.open_sessions }} live</span>
|
||||
{% else %}
|
||||
<span class="dashboard-card__count">{{ counts.sessions }} total</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<strong class="dashboard-card__title">Sessions</strong>
|
||||
<p class="dashboard-card__desc">Create sessions, record events, and manage open/closed state.</p>
|
||||
<span class="dashboard-card__arrow">→</span>
|
||||
</a>
|
||||
|
||||
<a class="dashboard-card panel" style="--card-accent:var(--rolled);" href="{{ url_for('leagues.ledger', league_ref=league.url_ref) }}">
|
||||
<div class="dashboard-card__top">
|
||||
<span class="kicker">Accounting</span>
|
||||
<span class="dashboard-card__count">{{ counts.events }} events</span>
|
||||
</div>
|
||||
<strong class="dashboard-card__title">League ledger</strong>
|
||||
<p class="dashboard-card__desc">Review all events, open debts, cash movement, and settlements.</p>
|
||||
<span class="dashboard-card__arrow">→</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,350 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Leaderboard · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="hero" style="display:flex;flex-wrap:wrap;gap:var(--s6);align-items:flex-start;justify-content:space-between;">
|
||||
<div>
|
||||
<h1 class="hero__title">Leaderboard</h1>
|
||||
<p class="hero__sub">{{ session_count }} session{{ 's' if session_count != 1 else '' }}{% if selected_session_date %} through {{ selected_session_label }}{% endif %}</p>
|
||||
</div>
|
||||
<div class="leaderboard-hero-stats">
|
||||
<div class="stat">
|
||||
<span class="kicker">Cash paid out</span>
|
||||
<div class="stat__val" style="color:var(--accent)">{{ cash_paid_out_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Sessions</span>
|
||||
<div class="stat__val" style="color:var(--text-strong)">{{ session_count }}{% if total_session_count != session_count %}<span style="color:var(--faintest);font-size:16px"> / {{ total_session_count }}</span>{% endif %}</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Players</span>
|
||||
<div class="stat__val" style="color:var(--text-strong)">{{ all_count }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel stack" style="gap:0;margin-bottom:20px;">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker">Trend</span>
|
||||
<h2 class="panel__title">Cumulative profit</h2>
|
||||
</div>
|
||||
<button class="btn btn--ghost btn--sm" type="button" id="expandLeaderboardChart">Expand</button>
|
||||
</div>
|
||||
<div class="chart-wrap">
|
||||
<div class="chart-frame chart-frame--tall">
|
||||
<canvas id="leaderboardChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<div class="toolbar__left">
|
||||
<div class="segmented">
|
||||
<button class="seg {{ 'is-on' if mode=='eligible' }}" data-mode="eligible">
|
||||
Eligible <span class="seg__count">{{ eligible_count }}</span>
|
||||
</button>
|
||||
<button class="seg {{ 'is-on' if mode=='all' }}" data-mode="all">
|
||||
All players <span class="seg__count">{{ all_count }}</span>
|
||||
</button>
|
||||
<button class="seg {{ 'is-on' if mode=='recent' }}" data-mode="recent">
|
||||
Recent <span class="seg__count">5 sess</span>
|
||||
</button>
|
||||
</div>
|
||||
<p class="toolbar__hint">
|
||||
{% if mode == 'eligible' %}
|
||||
{{ eligible_min_sessions }}+ sessions required. Keeps one-off guests from skewing standings.
|
||||
{% elif mode == 'all' %}
|
||||
Everyone who's sat down — rankings can swing on tiny samples.
|
||||
{% else %}
|
||||
Form guide — aggregated over the last 5 sessions only.
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="toolbar__right">
|
||||
<form class="session-filter-form" method="get">
|
||||
<input type="hidden" name="mode" value="{{ mode }}">
|
||||
<select class="session-filter-select" name="through_session" onchange="this.form.submit()">
|
||||
<option value="">Latest session</option>
|
||||
{% for s in available_sessions %}
|
||||
<option value="{{ s.session_id }}" {{ 'selected' if selected_session_id == s.session_id else '' }}>{{ session_label(s) }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
{% if selected_session_id %}
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.leaderboard', league_ref=league.url_ref, mode=mode) }}">Reset</a>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel tbl-scroll" style="margin-bottom:20px;">
|
||||
<table class="tbl" id="leaderboardTable" data-sort-key="net" data-sort-direction="desc">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-rank" style="width:52px;">
|
||||
<span style="font-family:var(--font-mono);font-size:10.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--muted);">#</span>
|
||||
</th>
|
||||
<th class="col-player">
|
||||
<button type="button" class="sort-btn" data-sort-key="player" data-sort-type="string" data-initial-direction="asc">Player <span class="sort-arrow">↕</span></button>
|
||||
</th>
|
||||
<th class="col-rank-delta"><button type="button" class="sort-btn" data-sort-key="rankdelta" data-sort-type="number" data-initial-direction="desc">Δ Rank <span class="sort-arrow">↕</span></button></th>
|
||||
<th><button type="button" class="sort-btn" data-sort-key="net" data-sort-type="number" data-initial-direction="desc">Net <span class="sort-arrow">↓</span></button></th>
|
||||
<th><button type="button" class="sort-btn" data-sort-key="winpct" data-sort-type="number" data-initial-direction="desc">Win% <span class="sort-arrow">↕</span></button></th>
|
||||
<th><button type="button" class="sort-btn" data-sort-key="roi" data-sort-type="number" data-initial-direction="desc">ROI <span class="sort-arrow">↕</span></button></th>
|
||||
<th><button type="button" class="sort-btn" data-sort-key="avgwin" data-sort-type="number" data-initial-direction="desc">Avg Win <span class="sort-arrow">↕</span></button></th>
|
||||
<th><button type="button" class="sort-btn" data-sort-key="avgloss" data-sort-type="number" data-initial-direction="desc">Avg Loss <span class="sort-arrow">↕</span></button></th>
|
||||
<th><button type="button" class="sort-btn" data-sort-key="sessions" data-sort-type="number" data-initial-direction="desc">Sessions <span class="sort-arrow">↕</span></button></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for player in main_board %}
|
||||
{% set idx = loop.index %}
|
||||
{% set player_href = url_for('leagues.player_detail', league_ref=league.url_ref, player_id=player_ids[player.player_name]) if player_ids.get(player.player_name) else '' %}
|
||||
<tr data-player-row="true" data-original-rank="{{ idx }}"
|
||||
{% if player_href %}onclick="window.location='{{ player_href }}'"{% endif %}>
|
||||
<td class="col-rank" data-sort-value="{{ idx }}">
|
||||
<span class="rank-num {{ 'rank-1' if idx==1 else 'rank-2' if idx==2 else 'rank-3' if idx==3 else '' }}" data-rank-cell>#{{ idx }}</span>
|
||||
</td>
|
||||
<td class="col-player" data-sort-value="{{ player.player_name|lower }}">
|
||||
{% if player_href %}<a href="{{ player_href }}">{{ player.player_name }}</a>{% else %}{{ player.player_name }}{% endif %}
|
||||
</td>
|
||||
<td class="col-rank-delta" data-sort-value="{{ player.rank_change }}">
|
||||
{% if player.rank_change > 0 %}
|
||||
<span class="rank-delta rank-delta--up">▲{{ player.rank_change }}</span>
|
||||
{% elif player.rank_change < 0 %}
|
||||
<span class="rank-delta rank-delta--down">▼{{ player.rank_change | abs }}</span>
|
||||
{% else %}
|
||||
<span class="rank-delta rank-delta--flat">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="num-net {{ 'num-pos' if player.total_net_cents > 0 else 'num-neg' if player.total_net_cents < 0 else 'num-muted' }}"
|
||||
data-sort-value="{{ player.total_net_cents }}">
|
||||
{{ '+' if player.total_net_cents > 0 else '' }}{{ player.total_net_cents | money }}
|
||||
</td>
|
||||
<td data-sort-value="{{ '%.4f'|format(player.win_pct) }}">{{ "%.1f"|format(player.win_pct) }}%</td>
|
||||
<td class="{{ 'num-pos' if player.roi_pct > 0 else 'num-neg' if player.roi_pct < 0 else '' }}"
|
||||
data-sort-value="{{ '%.4f'|format(player.roi_pct) }}">{{ "%.1f"|format(player.roi_pct) }}%</td>
|
||||
<td class="num-pos" data-sort-value="{{ player.avg_win_cents }}">{{ player.avg_win_cents | money }}</td>
|
||||
<td class="num-neg" data-sort-value="{{ player.avg_loss_cents }}">{{ player.avg_loss_cents | money }}</td>
|
||||
<td data-sort-value="{{ player.sessions_played }}">{{ player.sessions_played }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr>
|
||||
<td colspan="9" style="text-align:left;padding:28px;color:var(--muted);">
|
||||
No players yet — add the first event from a league session ledger.
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{% if mode == 'eligible' and provisional_board %}
|
||||
<div style="margin-bottom:20px;">
|
||||
<div class="toolbar" style="margin-top:0;margin-bottom:12px;">
|
||||
<span class="kicker" style="margin:0;">Provisional · fewer than {{ eligible_min_sessions }} sessions</span>
|
||||
</div>
|
||||
<div class="provisional-grid">
|
||||
{% for player in provisional_board %}
|
||||
{% set player_href = url_for('leagues.player_detail', league_ref=league.url_ref, player_id=player_ids[player.player_name]) if player_ids.get(player.player_name) else '' %}
|
||||
<a class="provisional-card" href="{{ player_href or '#' }}"
|
||||
style="display:block;text-decoration:none;">
|
||||
<p class="provisional-card__name">{{ player.player_name }}</p>
|
||||
<div class="provisional-card__meta">
|
||||
<span>{{ player.sessions_played }} sess</span>
|
||||
<span class="{{ 'num-pos' if player.total_net_cents > 0 else 'num-neg' if player.total_net_cents < 0 else '' }}"
|
||||
style="font-family:var(--font-mono);font-size:11px;font-weight:600;">{{ player.total_net_cents | money }}</span>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Expand modal -->
|
||||
<div id="chartModal" style="display:none;position:fixed;inset:0;z-index:80;align-items:center;justify-content:center;">
|
||||
<div style="position:absolute;inset:0;background:rgba(8,10,12,.82);backdrop-filter:blur(6px);" data-close-modal></div>
|
||||
<div style="position:relative;z-index:1;width:min(1280px,calc(100vw - 48px));margin:24px auto;padding:22px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:0 24px 64px rgba(0,0,0,.4);">
|
||||
<div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;">
|
||||
<h2 style="margin:0;">Cumulative profit</h2>
|
||||
<button class="btn btn--ghost btn--sm" data-close-modal>Close</button>
|
||||
</div>
|
||||
<div style="height:min(70vh,780px);position:relative;">
|
||||
<canvas id="leaderboardChartExpanded"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const CHART_PALETTE = ['#9b8cf0','#6fc093','#e0b15c','#cf6f86','#8f93c2','#7cb9e0','#f4a261','#a78bb0','#5cb8a0','#e58f3a'];
|
||||
const leaderboardChartData = {{ chart_data | tojson }};
|
||||
const rootStyles = getComputedStyle(document.documentElement);
|
||||
const textMuted = rootStyles.getPropertyValue('--text-muted').trim();
|
||||
const lineColor = rootStyles.getPropertyValue('--line').trim();
|
||||
|
||||
leaderboardChartData.datasets.forEach((ds, i) => {
|
||||
ds.borderColor = CHART_PALETTE[i % CHART_PALETTE.length];
|
||||
ds.backgroundColor = CHART_PALETTE[i % CHART_PALETTE.length];
|
||||
});
|
||||
|
||||
function buildChartConfig(data, compact) {
|
||||
return {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: data.labels,
|
||||
datasets: data.datasets.map(ds => ({
|
||||
...ds,
|
||||
pointRadius: compact ? 0 : 2,
|
||||
pointHoverRadius: 5,
|
||||
borderWidth: compact ? 2 : 2.5,
|
||||
tension: 0.28,
|
||||
fill: false,
|
||||
})),
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
interaction: { mode: 'nearest', intersect: false },
|
||||
plugins: {
|
||||
legend: {
|
||||
display: true,
|
||||
position: 'bottom',
|
||||
labels: { color: textMuted, usePointStyle: true, boxWidth: 8, boxHeight: 8, padding: 14 },
|
||||
},
|
||||
tooltip: {
|
||||
callbacks: {
|
||||
label(ctx) {
|
||||
const v = ctx.parsed.y;
|
||||
return v == null ? `${ctx.dataset.label}: —` : `${ctx.dataset.label}: $${Number(v).toFixed(2)}`;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
x: {
|
||||
ticks: { color: textMuted, maxRotation: 0, autoSkip: true, maxTicksLimit: compact ? 6 : 10 },
|
||||
grid: { color: lineColor, display: !compact },
|
||||
},
|
||||
y: {
|
||||
ticks: {
|
||||
color: textMuted,
|
||||
maxTicksLimit: compact ? 8 : 10,
|
||||
callback(v) { return (v < 0 ? '-' : '') + '$' + Math.abs(Number(v)).toFixed(0); }
|
||||
},
|
||||
grid: { color: lineColor },
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
const ctx = document.getElementById('leaderboardChart');
|
||||
let mainChart = null;
|
||||
if (ctx && leaderboardChartData.labels.length > 0) {
|
||||
const filtered = leaderboardChartData.datasets.filter(ds => (ds.sessions_played || 0) > 1);
|
||||
const chartData = {
|
||||
labels: leaderboardChartData.labels,
|
||||
datasets: filtered.length ? filtered : leaderboardChartData.datasets,
|
||||
};
|
||||
mainChart = new Chart(ctx, buildChartConfig(chartData, true));
|
||||
}
|
||||
|
||||
const modal = document.getElementById('chartModal');
|
||||
const expandBtn = document.getElementById('expandLeaderboardChart');
|
||||
let expandedChart = null;
|
||||
|
||||
expandBtn?.addEventListener('click', () => {
|
||||
if (!leaderboardChartData.labels.length) return;
|
||||
modal.style.display = 'flex';
|
||||
document.body.style.overflow = 'hidden';
|
||||
if (expandedChart) expandedChart.destroy();
|
||||
expandedChart = new Chart(
|
||||
document.getElementById('leaderboardChartExpanded'),
|
||||
buildChartConfig(leaderboardChartData, false)
|
||||
);
|
||||
});
|
||||
|
||||
document.querySelectorAll('[data-close-modal]').forEach(el => {
|
||||
el.addEventListener('click', () => {
|
||||
modal.style.display = 'none';
|
||||
document.body.style.overflow = '';
|
||||
if (expandedChart) { expandedChart.destroy(); expandedChart = null; }
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', e => {
|
||||
if (e.key === 'Escape' && modal.style.display === 'flex') {
|
||||
modal.style.display = 'none';
|
||||
document.body.style.overflow = '';
|
||||
if (expandedChart) { expandedChart.destroy(); expandedChart = null; }
|
||||
}
|
||||
});
|
||||
|
||||
// Segmented mode switcher
|
||||
document.querySelectorAll('[data-mode]').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const url = new URL(window.location.href);
|
||||
url.searchParams.set('mode', btn.dataset.mode);
|
||||
window.location.href = url.toString();
|
||||
});
|
||||
});
|
||||
|
||||
// Table sort
|
||||
const tbl = document.getElementById('leaderboardTable');
|
||||
const sortBtns = tbl ? Array.from(tbl.querySelectorAll('.sort-btn[data-sort-key]')) : [];
|
||||
const colMap = { rank: 0, player: 1, rankdelta: 2, net: 3, winpct: 4, roi: 5, avgwin: 6, avgloss: 7, sessions: 8 };
|
||||
|
||||
function setActiveSort(key, dir) {
|
||||
sortBtns.forEach(b => {
|
||||
const active = b.dataset.sortKey === key;
|
||||
b.classList.toggle('is-active', active);
|
||||
const arrow = b.querySelector('.sort-arrow');
|
||||
if (arrow) arrow.textContent = active ? (dir === 'asc' ? '↑' : '↓') : '↕';
|
||||
});
|
||||
}
|
||||
|
||||
function sortTable(key, sortType, forcedDir) {
|
||||
if (!tbl) return;
|
||||
const tbody = tbl.tBodies[0];
|
||||
const rows = Array.from(tbody.querySelectorAll('tr[data-player-row]'));
|
||||
const curKey = tbl.dataset.sortKey;
|
||||
const curDir = tbl.dataset.sortDirection || 'desc';
|
||||
let dir = forcedDir;
|
||||
if (!dir) {
|
||||
if (curKey === key) dir = curDir === 'desc' ? 'asc' : 'desc';
|
||||
else {
|
||||
const btn = sortBtns.find(b => b.dataset.sortKey === key);
|
||||
dir = btn?.dataset.initialDirection || 'desc';
|
||||
}
|
||||
}
|
||||
const mult = dir === 'asc' ? 1 : -1;
|
||||
const ci = colMap[key] ?? 0;
|
||||
rows.sort((a, b) => {
|
||||
const av = a.children[ci]?.dataset.sortValue ?? '';
|
||||
const bv = b.children[ci]?.dataset.sortValue ?? '';
|
||||
if (sortType === 'number') {
|
||||
const n = (Number(av) - Number(bv)) * mult;
|
||||
if (n !== 0) return n;
|
||||
} else {
|
||||
const s = av.localeCompare(bv) * mult;
|
||||
if (s !== 0) return s;
|
||||
}
|
||||
return Number(a.dataset.originalRank) - Number(b.dataset.originalRank);
|
||||
});
|
||||
rows.forEach(r => tbody.appendChild(r));
|
||||
tbl.dataset.sortKey = key;
|
||||
tbl.dataset.sortDirection = dir;
|
||||
rows.forEach((row, i) => {
|
||||
const rc = row.querySelector('[data-rank-cell]');
|
||||
if (rc) rc.textContent = `#${i + 1}`;
|
||||
});
|
||||
setActiveSort(key, dir);
|
||||
}
|
||||
|
||||
sortBtns.forEach(b => {
|
||||
b.addEventListener('click', () => sortTable(b.dataset.sortKey, b.dataset.sortType));
|
||||
});
|
||||
setActiveSort('net', 'desc');
|
||||
</script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,303 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Ledger · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="cash-strip">
|
||||
<div class="stat stat--rail" style="--rail:var(--accent);">
|
||||
<span class="kicker">Cash in <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Total real cash brought into the pot across all sessions. Counts buy-ins and collected fronts only — not fronts that haven't been repaid.</span></span></span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ totals.cash_in_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--pos);">
|
||||
<span class="kicker">Cash paid out <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Total cash physically returned to players via 'paid out' events. Should approach Cash In once everyone has settled.</span></span></span>
|
||||
<div class="stat__val" style="color:var(--pos)">{{ totals.cash_out_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--rolled);">
|
||||
<span class="kicker">House holds <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Cash in minus cash paid out — what the house physically holds right now before settling remaining claims.</span></span></span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ totals.book_held_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--neg);">
|
||||
<span class="kicker">Due to players <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Cash the house still owes to players who cashed out but haven't been paid yet. Record a 'paid out' event to clear these.</span></span></span>
|
||||
<div class="stat__val {{ 'num-neg' if totals.due_to_players_cents > 0 else 'num-muted' }}">{{ totals.due_to_players_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--owes);">
|
||||
<span class="kicker">Due to house <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Outstanding fronts — chips the house covered that players haven't repaid yet. Collect or write off using the Debt resolution panel below.</span></span></span>
|
||||
<div class="stat__val {{ 'num-neg' if totals.due_to_house_cents > 0 else 'num-muted' }}">{{ totals.due_to_house_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:{{ 'var(--pos)' if totals.net_position_cents >= 0 else 'var(--neg)' }};">
|
||||
<span class="kicker">Net position <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">House holds + owed by players − owed to players. Should be near zero once all sessions are settled.</span></span></span>
|
||||
<div class="stat__val {{ 'num-pos' if totals.net_position_cents > 0 else 'num-neg' if totals.net_position_cents < 0 else 'num-muted' }}">{{ totals.net_position_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--warn);">
|
||||
<span class="kicker">Events <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Total number of active ledger entries across all sessions.</span></span></span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ totals.events }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Open sessions alert -->
|
||||
{% if open_sessions %}
|
||||
<div class="panel" style="margin-top:20px; border-left:3px solid var(--pos);">
|
||||
<div class="panel__head">
|
||||
<span class="kicker" style="margin:0;display:flex;align-items:center;gap:8px;"><span class="live-badge">{{ open_sessions | length }} live</span> Open sessions</span>
|
||||
</div>
|
||||
<div class="audit-item-list">
|
||||
{% for s in open_sessions %}
|
||||
<div class="audit-item">
|
||||
<span>{{ session_label(s) }}</span>
|
||||
<span class="audit-item__right">
|
||||
<span class="stat__sub">{{ s.entries | length }} entries · {{ s.total_real_cash_in_cents | money }} in</span>
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.session_detail', league_ref=league.url_ref, session_id=session_ids[s.session_id]) }}">View →</a>
|
||||
</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Debt resolution -->
|
||||
<div class="panel debt-panel" style="margin-top:20px;">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">Front receivables <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">A front is chips the house covered for a player who didn't have cash. This section tracks who still owes money back to the house.</span></span></span>
|
||||
<h2 class="panel__title">Debt resolution</h2>
|
||||
</div>
|
||||
<div class="debt-summary">
|
||||
<span class="badge badge--owes">Open {{ totals.due_to_house_cents | money }}</span>
|
||||
<span class="badge badge--paid">Collected {{ totals.collected_cents | money }}</span>
|
||||
<span class="badge badge--written_off">Written off {{ totals.written_off_cents | money }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% if debt_entries %}
|
||||
<div class="debt-layout">
|
||||
<div class="debt-list">
|
||||
{% for item in debt_entries %}
|
||||
{% set s = item.session %}
|
||||
{% set e = item.entry %}
|
||||
<div class="debt-list-item">
|
||||
<div>
|
||||
<strong>{{ e.player_name }}</strong>
|
||||
<span>{{ session_label(s) }}</span>
|
||||
</div>
|
||||
<b>{{ e.current_due_to_house_cents | money }}</b>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% if can_manage %}
|
||||
<div class="debt-action-grid">
|
||||
<form class="form-card debt-form" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<h3>Collect debt</h3>
|
||||
<label>
|
||||
<span>Outstanding debt</span>
|
||||
<select class="debt-select" data-target="collect" required>
|
||||
<option value="">Select debt</option>
|
||||
{% for item in debt_entries %}
|
||||
{% set s = item.session %}
|
||||
{% set e = item.entry %}
|
||||
<option value="{{ session_ids[s.session_id] }}||{{ player_ids[e.player_name] }}">
|
||||
{{ e.player_name }} · {{ session_label(s) }} · owes {{ e.current_due_to_house_cents | money }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</label>
|
||||
<input type="hidden" name="session_id" value="">
|
||||
<input type="hidden" name="player_id" value="">
|
||||
<input type="hidden" name="event_type" value="debt_repayment">
|
||||
<label>
|
||||
<span>Amount</span>
|
||||
<input type="number" step="0.01" min="0.01" name="amount" placeholder="0.00" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Note <span class="field__opt">(optional)</span></span>
|
||||
<textarea name="note" rows="2" placeholder="E-transfer, cash, etc."></textarea>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit">Mark collected</button>
|
||||
</form>
|
||||
|
||||
<form class="form-card debt-form" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<h3>Write off debt</h3>
|
||||
<label>
|
||||
<span>Outstanding debt</span>
|
||||
<select class="debt-select" data-target="writeoff" required>
|
||||
<option value="">Select debt</option>
|
||||
{% for item in debt_entries %}
|
||||
{% set s = item.session %}
|
||||
{% set e = item.entry %}
|
||||
<option value="{{ session_ids[s.session_id] }}||{{ player_ids[e.player_name] }}">
|
||||
{{ e.player_name }} · {{ session_label(s) }} · owes {{ e.current_due_to_house_cents | money }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</label>
|
||||
<input type="hidden" name="session_id" value="">
|
||||
<input type="hidden" name="player_id" value="">
|
||||
<input type="hidden" name="event_type" value="writeoff">
|
||||
<label>
|
||||
<span>Amount</span>
|
||||
<input type="number" step="0.01" min="0.01" name="amount" placeholder="0.00" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Note <span class="field__opt">(optional)</span></span>
|
||||
<textarea name="note" rows="2" placeholder="Won't be collected."></textarea>
|
||||
</label>
|
||||
<button class="btn btn--ghost" type="submit">Write off</button>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="debt-empty">
|
||||
<div class="debt-empty__mark">$0</div>
|
||||
<p>No open player debts right now.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Due to players -->
|
||||
{% if due_to_player_items %}
|
||||
<div class="panel" style="margin-top:16px;">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">Unpaid cashout claims</span>
|
||||
<h2 class="panel__title">Due to players</h2>
|
||||
</div>
|
||||
<span class="badge badge--owes">{{ totals.due_to_players_cents | money }}</span>
|
||||
</div>
|
||||
<div class="audit-item-list">
|
||||
{% for item in due_to_player_items %}
|
||||
<div class="audit-item">
|
||||
<div>
|
||||
<strong>{{ item.entry.player_name }}</strong>
|
||||
<span class="stat__sub">{{ session_label(item.session) }}</span>
|
||||
</div>
|
||||
<span class="num-neg">{{ item.entry.current_due_to_player_cents | money }}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Import / Export -->
|
||||
{% if can_manage %}
|
||||
<div class="panel panel--pad import-export-panel" style="margin-top:16px;">
|
||||
<h2 class="panel__title" style="margin:0 0 4px">Import / export</h2>
|
||||
<p class="csv__desc">Back up or migrate the raw event ledger for this league.</p>
|
||||
<form method="post" action="{{ url_for('leagues.import_ledger_csv', league_ref=league.url_ref) }}" enctype="multipart/form-data" class="import-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="csv__btns">
|
||||
<a class="csv-btn-ghost" href="{{ url_for('leagues.export_ledger_csv', league_ref=league.url_ref) }}">↓ Export CSV</a>
|
||||
<label class="csv-btn-ghost" for="csvImport">↑ Import CSV</label>
|
||||
</div>
|
||||
<input id="csvImport" type="file" accept=".csv,text/csv" name="csv_file" hidden onchange="this.form.submit()">
|
||||
<label class="csv__drop" id="csvDrop" for="csvImport">Drop ledger.csv here to import</label>
|
||||
</form>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="panel panel--pad import-export-panel" style="margin-top:16px;">
|
||||
<h2 class="panel__title" style="margin:0 0 4px">Export</h2>
|
||||
<p class="csv__desc">Download the raw event ledger for this league.</p>
|
||||
<div class="csv__btns">
|
||||
<a class="csv-btn-ghost" href="{{ url_for('leagues.export_ledger_csv', league_ref=league.url_ref) }}">↓ Export CSV</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Sessions + events -->
|
||||
<div class="admin-bottom-grid" style="margin-top:16px;">
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">All sessions</span>
|
||||
<h2 class="panel__title">Ledger totals</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Session</th>
|
||||
<th>Players</th>
|
||||
<th>Cash in</th>
|
||||
<th>Paid out</th>
|
||||
<th>Due to house</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for s in sessions %}
|
||||
<tr>
|
||||
<td><a href="{{ url_for('leagues.session_detail', league_ref=league.url_ref, session_id=session_ids[s.session_id]) }}">{{ session_label(s) }}</a></td>
|
||||
<td style="font-family:var(--font-mono);color:var(--num)">{{ s.entries|length }}</td>
|
||||
<td style="font-family:var(--font-mono);color:var(--num)">{{ s.total_real_cash_in_cents | money }}</td>
|
||||
<td style="font-family:var(--font-mono);color:var(--pos)">{{ s.total_real_cash_out_cents | money }}</td>
|
||||
<td class="{{ 'negative' if s.total_current_due_to_house_cents > 0 else '' }}" style="font-family:var(--font-mono)">{{ s.total_current_due_to_house_cents | money }}</td>
|
||||
<td><span class="status-pill status-pill--{{ s.status }}">{{ s.status }}</span></td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="6" class="muted-text">No sessions yet.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">All events</span>
|
||||
<h2 class="panel__title">Ledger feed</h2>
|
||||
</div>
|
||||
<span class="badge badge--closed">append-only</span>
|
||||
</div>
|
||||
<div class="event-feed feed feed--inline">
|
||||
{% for event in raw_events %}
|
||||
<div class="event-card event-card--inline {% if event.voided_at %}event-card--voided{% endif %}">
|
||||
<div class="event-card-top">
|
||||
<strong>{{ event.player_name or "Session" }}</strong>
|
||||
<span class="pill pill-{{ event.event_type }}">{{ event.event_type | replace('_', ' ') }}</span>
|
||||
{% if event.voided_at %}<span class="void-badge">voided</span>{% endif %}
|
||||
{% if event.note and not event.voided_at %}<span class="event-note">{{ event.note }}</span>{% endif %}
|
||||
</div>
|
||||
<p class="event-amount">{{ event.amount_cents | money }}</p>
|
||||
{% if event.voided_at %}
|
||||
<p class="tiny-text void-reason">{{ event.void_reason }}</p>
|
||||
{% else %}
|
||||
<p class="tiny-text">{{ event.session_date }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="muted-text" style="padding:20px;">No events recorded.</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.debt-select').forEach(function(sel) {
|
||||
sel.addEventListener('change', function() {
|
||||
var parts = this.value.split('||');
|
||||
var form = this.closest('form');
|
||||
form.querySelector('[name=session_id]').value = parts[0] || '';
|
||||
form.querySelector('[name=player_id]').value = parts[1] || '';
|
||||
});
|
||||
});
|
||||
|
||||
var csvDrop = document.getElementById('csvDrop');
|
||||
var csvInput = document.getElementById('csvImport');
|
||||
if (csvDrop && csvInput) {
|
||||
csvDrop.addEventListener('dragover', function(e) { e.preventDefault(); csvDrop.classList.add('is-drag'); });
|
||||
csvDrop.addEventListener('dragleave', function() { csvDrop.classList.remove('is-drag'); });
|
||||
csvDrop.addEventListener('drop', function(e) {
|
||||
e.preventDefault();
|
||||
csvDrop.classList.remove('is-drag');
|
||||
if (!e.dataTransfer || !e.dataTransfer.files.length) return;
|
||||
csvInput.files = e.dataTransfer.files;
|
||||
csvInput.form.submit();
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,26 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}New League · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="form-shell narrow">
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">League setup</p>
|
||||
<h1 style="font-size:28px;margin-bottom:8px;">Create league</h1>
|
||||
<p class="muted-text" style="margin-bottom:8px;">Leagues are long-lived containers. Seasons can be added later.</p>
|
||||
</div>
|
||||
<label>
|
||||
<span>Name <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Pick something recognizable — it appears on your dashboard and the leaderboard.</span></span></span>
|
||||
<input type="text" name="name" value="{{ form.name or '' }}" placeholder="Friday Poker" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Description <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Optional. Add context like 'Friday night home game, $20 buy-in'. Visible to league members.</span></span></span>
|
||||
<textarea name="description" placeholder="Private home league">{{ form.description or '' }}</textarea>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit">Create league</button>
|
||||
<a class="btn btn--ghost" href="{{ url_for('leagues.index') }}">Cancel</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,346 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ player.player_name }} · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div class="hero">
|
||||
<div>
|
||||
{% if player_rank %}
|
||||
<p class="player-rank">Rank #{{ player_rank }}</p>
|
||||
{% endif %}
|
||||
<h1 class="hero__title">{{ player.player_name }}</h1>
|
||||
<p class="hero__sub">{{ player.sessions_played }} session{{ 's' if player.sessions_played != 1 else '' }} · {{ "%.1f"|format(player.win_pct) }}% win rate</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="player-stat-grid" style="margin-bottom:20px;">
|
||||
<div class="stat">
|
||||
<span class="kicker">Total net</span>
|
||||
<div class="stat__val {{ 'num-pos' if player.total_net_cents > 0 else 'num-neg' if player.total_net_cents < 0 else 'num-muted' }}">
|
||||
{{ '+' if player.total_net_cents > 0 else '' }}{{ player.total_net_cents | money }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Win rate</span>
|
||||
<div class="stat__val" style="color:var(--text-strong)">{{ "%.1f"|format(player.win_pct) }}%</div>
|
||||
<div class="stat__sub">{{ player.winning_sessions }}W · {{ player.losing_sessions }}L · {{ player.break_even_sessions }}E</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">ROI</span>
|
||||
<div class="stat__val {{ 'num-pos' if player.roi_pct > 0 else 'num-neg' if player.roi_pct < 0 else 'num-muted' }}">{{ "%.1f"|format(player.roi_pct) }}%</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Sessions</span>
|
||||
<div class="stat__val" style="color:var(--text-strong)">{{ player.sessions_played }}</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Current W/L</span>
|
||||
<div class="stat-pair">
|
||||
<span class="stat-pair__val" style="color:var(--pos)">{{ player.current_win_streak }}W</span>
|
||||
<span class="stat-pair__val" style="color:var(--neg)">{{ player.current_loss_streak }}L</span>
|
||||
</div>
|
||||
<div class="stat__sub">Longest {{ player.longest_win_streak }}W · {{ player.longest_loss_streak }}L</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Best / worst</span>
|
||||
<div class="stat-pair">
|
||||
<span class="stat-pair__val" style="color:var(--pos)">{{ player.biggest_win_cents | money }}</span>
|
||||
<span class="stat-pair__val" style="color:var(--neg)">{{ player.biggest_loss_cents | money }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Total invested</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ player.total_invested_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="kicker">Gross cashouts</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ player.total_cash_out_cents | money }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cumulative profit chart -->
|
||||
<div class="panel" style="margin-bottom:20px;">
|
||||
<div class="panel__head">
|
||||
<span class="kicker" style="margin:0;">Trend</span>
|
||||
<h2 class="panel__title">Cumulative profit</h2>
|
||||
</div>
|
||||
<div class="chart-wrap">
|
||||
<div class="chart-frame chart-frame--tall">
|
||||
<canvas id="playerCumulativeChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Charts row: session results + result mix -->
|
||||
<div class="split" style="margin-bottom:20px;">
|
||||
<div class="panel col-main">
|
||||
<div class="panel__head">
|
||||
<span class="kicker" style="margin:0;">Session by session</span>
|
||||
<h2 class="panel__title">Results</h2>
|
||||
</div>
|
||||
<div class="chart-wrap">
|
||||
<div class="chart-frame">
|
||||
<canvas id="playerSessionChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel col-side">
|
||||
<div class="panel__head">
|
||||
<span class="kicker" style="margin:0;">Breakdown</span>
|
||||
<h2 class="panel__title">Result mix</h2>
|
||||
</div>
|
||||
<div class="chart-wrap">
|
||||
<div class="result-mix" aria-label="Player result mix">
|
||||
{% set result_total = player.winning_sessions + player.losing_sessions + player.break_even_sessions %}
|
||||
<div class="result-mix__bar">
|
||||
{% if player.winning_sessions > 0 %}
|
||||
<span class="result-mix__seg result-mix__seg--win" style="flex-grow:{{ player.winning_sessions }}"></span>
|
||||
{% endif %}
|
||||
{% if player.break_even_sessions > 0 %}
|
||||
<span class="result-mix__seg result-mix__seg--even" style="flex-grow:{{ player.break_even_sessions }}"></span>
|
||||
{% endif %}
|
||||
{% if player.losing_sessions > 0 %}
|
||||
<span class="result-mix__seg result-mix__seg--loss" style="flex-grow:{{ player.losing_sessions }}"></span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="result-mix__legend">
|
||||
<div class="result-mix__legend-row">
|
||||
<span><i class="result-mix__key result-mix__key--win"></i>Wins</span>
|
||||
<strong><b>{{ player.winning_sessions }}</b><em>{{ "%.1f"|format((player.winning_sessions / result_total * 100) if result_total else 0) }}%</em></strong>
|
||||
</div>
|
||||
<div class="result-mix__legend-row">
|
||||
<span><i class="result-mix__key result-mix__key--even"></i>Even</span>
|
||||
<strong><b>{{ player.break_even_sessions }}</b><em>{{ "%.1f"|format((player.break_even_sessions / result_total * 100) if result_total else 0) }}%</em></strong>
|
||||
</div>
|
||||
<div class="result-mix__legend-row">
|
||||
<span><i class="result-mix__key result-mix__key--loss"></i>Losses</span>
|
||||
<strong><b>{{ player.losing_sessions }}</b><em>{{ "%.1f"|format((player.losing_sessions / result_total * 100) if result_total else 0) }}%</em></strong>
|
||||
</div>
|
||||
</div>
|
||||
{% if result_total > 0 %}
|
||||
<div class="result-mix__note">±$1.00 counts as even</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Perf vs Cash two-panel split -->
|
||||
<div class="split" style="margin-bottom:20px;">
|
||||
|
||||
<!-- Poker performance -->
|
||||
<div class="panel col-main">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<div class="section-marker">
|
||||
<span class="section-marker__dot section-marker__dot--accent"></span>
|
||||
Poker performance
|
||||
</div>
|
||||
<h2 class="panel__title">Game results</h2>
|
||||
</div>
|
||||
</div>
|
||||
<table style="width:100%;border-collapse:collapse;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Total Net</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-top:1px solid var(--divider);"
|
||||
class="{{ 'num-pos' if player.total_net_cents > 0 else 'num-neg' if player.total_net_cents < 0 else '' }}">
|
||||
{{ '+' if player.total_net_cents > 0 else '' }}{{ player.total_net_cents | money }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Win %</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">{{ "%.1f"|format(player.win_pct) }}%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Record</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">
|
||||
<span style="color:var(--pos)">{{ player.winning_sessions }}W</span>
|
||||
<span style="color:var(--faintest);margin:0 4px;">·</span>
|
||||
<span style="color:var(--neg)">{{ player.losing_sessions }}L</span>
|
||||
<span style="color:var(--faintest);margin:0 4px;">·</span>
|
||||
<span>{{ player.break_even_sessions }}E</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">ROI</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);"
|
||||
class="{{ 'num-pos' if player.roi_pct > 0 else 'num-neg' if player.roi_pct < 0 else '' }}">{{ "%.1f"|format(player.roi_pct) }}%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Average Win</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--pos);">{{ player.avg_win_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Average Loss</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--neg);">{{ player.avg_loss_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Best / Worst</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">
|
||||
<span style="color:var(--pos)">{{ player.biggest_win_cents | money }}</span>
|
||||
<span style="color:var(--faintest);margin:0 4px;">/</span>
|
||||
<span style="color:var(--neg)">{{ player.biggest_loss_cents | money }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Win / Loss Streak</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">
|
||||
<span style="color:var(--pos)">{{ player.current_win_streak }}W</span>
|
||||
<span style="color:var(--faintest);margin:0 4px;">·</span>
|
||||
<span style="color:var(--neg)">{{ player.current_loss_streak }}L</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Longest Win / Loss</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">
|
||||
{{ player.longest_win_streak }}W · {{ player.longest_loss_streak }}L
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Poker inputs and settlement. Fronts/rollovers are part of poker basis,
|
||||
while paid/collected rows are real cash movement. -->
|
||||
<div class="panel col-side">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<div class="section-marker">
|
||||
<span class="section-marker__dot section-marker__dot--rolled"></span>
|
||||
Poker basis + settlement
|
||||
</div>
|
||||
<h2 class="panel__title">Investment and settlement</h2>
|
||||
</div>
|
||||
</div>
|
||||
<table style="width:100%;border-collapse:collapse;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Buy-ins paid</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">{{ player.total_buy_in_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Fronted</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--warn);">{{ player.total_front_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Rolled in</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--rolled);">{{ player.total_rollover_in_cents | money }}</td>
|
||||
</tr>
|
||||
{% if player.total_payout_carry_in_cents > 0 %}
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Payout carry-in</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--rolled);">{{ player.total_payout_carry_in_cents | money }}</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Total invested</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">{{ player.total_invested_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Gross cashout result</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">{{ player.total_cash_out_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Gross player claim</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--num);">{{ player.total_gross_payout_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Rolled out</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--rolled);">{{ player.total_rollover_out_cents | money }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Cash paid out</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--pos);">{{ player.total_paid_out_cents | money }}</td>
|
||||
</tr>
|
||||
{% if player.total_debt_repayment_cents > 0 %}
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Cash debt repaid</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--pos);">{{ player.total_debt_repayment_cents | money }}</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% if player.current_due_to_player_cents > 0 %}
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">House owes player</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--neg);">{{ player.current_due_to_player_cents | money }}</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% if player.current_due_to_house_cents > 0 %}
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Owes house</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--owes);">{{ player.current_due_to_house_cents | money }}</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% if player.total_writeoff_cents > 0 %}
|
||||
<tr>
|
||||
<td style="padding:11px 20px;color:var(--muted);font-size:13.5px;border-top:1px solid var(--divider);">Written off</td>
|
||||
<td style="padding:11px 20px;text-align:right;font-family:var(--font-mono);border-top:1px solid var(--divider);color:var(--neg);">{{ player.total_writeoff_cents | money }}</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const playerChartData = {{ chart_data | tojson }};
|
||||
const rootStyles = getComputedStyle(document.documentElement);
|
||||
const textMuted = rootStyles.getPropertyValue('--text-muted').trim();
|
||||
const lineColor = rootStyles.getPropertyValue('--line').trim();
|
||||
|
||||
const sharedOpts = {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
plugins: {
|
||||
legend: { position: 'bottom', labels: { color: textMuted, usePointStyle: true, boxWidth: 9, boxHeight: 9, padding: 16 } },
|
||||
},
|
||||
scales: {
|
||||
x: { ticks: { color: textMuted, maxRotation: 0 }, grid: { color: lineColor } },
|
||||
y: { ticks: { color: textMuted }, grid: { color: lineColor } },
|
||||
},
|
||||
};
|
||||
|
||||
const cumulativeCtx = document.getElementById('playerCumulativeChart');
|
||||
if (cumulativeCtx) {
|
||||
new Chart(cumulativeCtx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: playerChartData.labels,
|
||||
datasets: [{
|
||||
label: 'Cumulative Profit',
|
||||
data: playerChartData.cumulative_values,
|
||||
borderColor: playerChartData.color,
|
||||
backgroundColor: playerChartData.color + '38',
|
||||
borderWidth: 2.5,
|
||||
pointRadius: 3,
|
||||
pointHoverRadius: 5,
|
||||
tension: 0.22,
|
||||
fill: true,
|
||||
}]
|
||||
},
|
||||
options: sharedOpts,
|
||||
});
|
||||
}
|
||||
|
||||
const sessionCtx = document.getElementById('playerSessionChart');
|
||||
if (sessionCtx) {
|
||||
new Chart(sessionCtx, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: playerChartData.labels,
|
||||
datasets: [{
|
||||
label: 'Session Net',
|
||||
data: playerChartData.net_values,
|
||||
backgroundColor: playerChartData.net_colors,
|
||||
borderColor: playerChartData.net_colors,
|
||||
borderRadius: 6,
|
||||
borderSkipped: false,
|
||||
}]
|
||||
},
|
||||
options: sharedOpts,
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,266 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Players · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
{% if can_manage %}
|
||||
<form class="panel form-card" method="post" style="margin-bottom:20px;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Roster</p>
|
||||
<h2 class="panel__title" style="margin-top:4px;">Add player</h2>
|
||||
</div>
|
||||
<div class="session-create-row">
|
||||
<label>
|
||||
<span>Name <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">The player's display name. Appears on the leaderboard and in all ledger events. Players don't need a myboker account.</span></span></span>
|
||||
<input type="text" name="display_name" value="{{ form.display_name or '' }}" placeholder="Alex" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Notes <span class="form-opt-hint">(optional)</span> <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Optional. Useful for payment handles like 'Venmo @alex'. Visible only to league managers, not on public pages.</span></span></span>
|
||||
<input type="text" name="notes" value="{{ form.notes or '' }}" placeholder="Venmo @alex">
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn--primary" type="submit">Add player</button>
|
||||
</div>
|
||||
</form>
|
||||
{% endif %}
|
||||
|
||||
{% set active_players = players | selectattr('status', 'equalto', 'active') | list %}
|
||||
{% set archived_players = players | selectattr('status', 'equalto', 'archived') | list %}
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;">Roster</p>
|
||||
<h2 class="panel__title">Active players</h2>
|
||||
</div>
|
||||
<span class="panel__tag">{{ active_players|length }} players</span>
|
||||
</div>
|
||||
{% if active_players %}
|
||||
<div class="player-grid">
|
||||
{% for player in active_players %}
|
||||
{% set stats = stats_by_name.get(player.display_name) %}
|
||||
{% set initials = player.display_name.split()|map('first')|join('')|upper %}
|
||||
{% set avatar_cls = 'player-avatar--pos' if stats and stats.total_net_cents > 0 else 'player-avatar--neg' if stats and stats.total_net_cents < 0 else '' %}
|
||||
<div class="player-card">
|
||||
<div class="player-card__head">
|
||||
<div class="player-avatar {{ avatar_cls }}">{{ initials[:2] }}</div>
|
||||
<div class="player-card__name-block">
|
||||
<a class="player-card__name" href="{{ url_for('leagues.player_detail', league_ref=league.url_ref, player_id=player.id) }}">{{ player.display_name }}</a>
|
||||
<span class="player-card__sub">
|
||||
{% if stats %}{{ stats.sessions_played }} session{{ 's' if stats.sessions_played != 1 else '' }}{% else %}No sessions yet{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
{% if can_manage %}
|
||||
<div class="card-menu">
|
||||
<button class="card-menu__trigger" type="button" aria-label="Player options">···</button>
|
||||
<div class="card-menu__dropdown" hidden>
|
||||
<button class="card-menu__item" type="button"
|
||||
data-edit-name="{{ player.display_name }}"
|
||||
data-edit-notes="{{ player.notes or '' }}"
|
||||
data-edit-action="{{ url_for('leagues.edit_player', league_ref=league.url_ref, player_id=player.id) }}">Edit player</button>
|
||||
{% if player.status == 'active' %}
|
||||
<button class="card-menu__item card-menu__item--warn" type="button"
|
||||
data-archive-name="{{ player.display_name }}"
|
||||
data-archive-action="{{ url_for('leagues.archive_player', league_ref=league.url_ref, player_id=player.id) }}">Archive</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if stats %}
|
||||
<div class="player-card__stats">
|
||||
<div class="player-card__stat">
|
||||
<span class="kicker">Net</span>
|
||||
<span class="player-card__stat-val {{ 'num-pos' if stats.total_net_cents > 0 else 'num-neg' if stats.total_net_cents < 0 else 'num-muted' }}">
|
||||
{{ '+' if stats.total_net_cents > 0 else '' }}{{ stats.total_net_cents | money }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="player-card__stat">
|
||||
<span class="kicker">Win rate</span>
|
||||
<span class="player-card__stat-val">{{ "%.0f"|format(stats.win_pct * 100) }}%</span>
|
||||
</div>
|
||||
<div class="player-card__stat">
|
||||
<span class="kicker">Best win</span>
|
||||
<span class="player-card__stat-val" style="color:var(--pos)">{{ stats.biggest_win_cents | money }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="empty-panel">
|
||||
<p class="kicker">Empty roster</p>
|
||||
<h3 class="panel__title">No players yet</h3>
|
||||
<p class="muted-text">Add the people who play in this league. Players don't need accounts.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if archived_players %}
|
||||
<div class="panel" style="margin-top:20px;">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;">Archive</p>
|
||||
<h2 class="panel__title">Archived players</h2>
|
||||
</div>
|
||||
<span class="panel__tag">{{ archived_players|length }}</span>
|
||||
</div>
|
||||
<div class="player-list">
|
||||
{% for player in archived_players %}
|
||||
{% set stats = stats_by_name.get(player.display_name) %}
|
||||
<div class="player-row" style="opacity:0.6;">
|
||||
<div>
|
||||
<strong>{{ player.display_name }}</strong>
|
||||
{% if stats %}<span>{{ stats.sessions_played }} sessions · {{ stats.total_net_cents | money }} net</span>{% endif %}
|
||||
</div>
|
||||
<div class="player-row__actions">
|
||||
{% if can_manage %}
|
||||
<div class="card-menu">
|
||||
<button class="card-menu__trigger" type="button" aria-label="Player options">···</button>
|
||||
<div class="card-menu__dropdown" hidden>
|
||||
<button class="card-menu__item" type="button"
|
||||
data-edit-name="{{ player.display_name }}"
|
||||
data-edit-notes="{{ player.notes or '' }}"
|
||||
data-edit-action="{{ url_for('leagues.edit_player', league_ref=league.url_ref, player_id=player.id) }}">Edit player</button>
|
||||
<form method="post" action="{{ url_for('leagues.reactivate_player', league_ref=league.url_ref, player_id=player.id) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="card-menu__item" type="submit">Reactivate</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if can_manage %}
|
||||
<div class="modal-backdrop" id="modal-edit-player" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-edit-player-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;">Roster</span>
|
||||
<h2 class="panel__title" id="modal-edit-player-title">Edit player</h2>
|
||||
</div>
|
||||
<form id="edit-player-form" method="post" action="">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="form-card" style="padding:0 20px 4px;gap:12px;">
|
||||
<label>
|
||||
<span>Name</span>
|
||||
<input type="text" name="display_name" id="edit-player-name" required minlength="2">
|
||||
</label>
|
||||
<label>
|
||||
<span>Notes <span class="form-opt-hint">(optional)</span></span>
|
||||
<input type="text" name="notes" id="edit-player-notes" placeholder="Venmo @alex">
|
||||
</label>
|
||||
</div>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<button class="btn btn--primary btn--sm" type="submit">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop" id="modal-archive-player" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-archive-player-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;">Roster</span>
|
||||
<h2 class="panel__title" id="modal-archive-player-title">Archive player?</h2>
|
||||
</div>
|
||||
<p style="padding:0 20px 16px;margin:0;font:400 14px/1.5 var(--font-ui);color:var(--text-2);">Archived players are hidden from the active roster. Their history is preserved. You can reactivate them any time.</p>
|
||||
<form id="archive-player-form" method="post" action="">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<button class="btn btn--danger btn--sm" type="submit">Archive player</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var editForm = document.getElementById('edit-player-form');
|
||||
var editName = document.getElementById('edit-player-name');
|
||||
var editNotes = document.getElementById('edit-player-notes');
|
||||
var editModal = document.getElementById('modal-edit-player');
|
||||
var archiveForm = document.getElementById('archive-player-form');
|
||||
var archiveTitle = document.getElementById('modal-archive-player-title');
|
||||
var archiveModal = document.getElementById('modal-archive-player');
|
||||
|
||||
function closeAllDropdowns() {
|
||||
document.querySelectorAll('.card-menu__dropdown').forEach(function (d) {
|
||||
d.setAttribute('hidden', '');
|
||||
d.style.cssText = '';
|
||||
});
|
||||
}
|
||||
|
||||
// Card menu: open with fixed positioning to escape overflow:hidden panels
|
||||
document.querySelectorAll('.card-menu__trigger').forEach(function (trigger) {
|
||||
trigger.addEventListener('click', function (e) {
|
||||
e.stopPropagation();
|
||||
var dropdown = this.nextElementSibling;
|
||||
var isOpen = !dropdown.hasAttribute('hidden');
|
||||
closeAllDropdowns();
|
||||
if (!isOpen) {
|
||||
var tr = trigger.getBoundingClientRect();
|
||||
dropdown.style.position = 'fixed';
|
||||
dropdown.style.right = 'auto';
|
||||
dropdown.style.top = 'auto';
|
||||
dropdown.removeAttribute('hidden');
|
||||
var dw = dropdown.offsetWidth;
|
||||
var dh = dropdown.offsetHeight;
|
||||
var left = tr.right - dw;
|
||||
var top = tr.bottom + 4;
|
||||
if (top + dh > window.innerHeight - 8) top = tr.top - dh - 4;
|
||||
if (left < 8) left = 8;
|
||||
dropdown.style.left = left + 'px';
|
||||
dropdown.style.top = top + 'px';
|
||||
}
|
||||
});
|
||||
});
|
||||
document.addEventListener('click', closeAllDropdowns);
|
||||
|
||||
// Edit player
|
||||
document.querySelectorAll('.card-menu__item[data-edit-action]').forEach(function (item) {
|
||||
item.addEventListener('click', function () {
|
||||
closeAllDropdowns();
|
||||
editForm.action = this.dataset.editAction;
|
||||
editName.value = this.dataset.editName;
|
||||
editNotes.value = this.dataset.editNotes;
|
||||
editModal.removeAttribute('hidden');
|
||||
setTimeout(function () { editName.focus(); }, 50);
|
||||
});
|
||||
});
|
||||
|
||||
// Archive player
|
||||
document.querySelectorAll('.card-menu__item[data-archive-action]').forEach(function (item) {
|
||||
item.addEventListener('click', function () {
|
||||
closeAllDropdowns();
|
||||
archiveTitle.textContent = 'Archive ' + this.dataset.archiveName + '?';
|
||||
archiveForm.action = this.dataset.archiveAction;
|
||||
archiveModal.removeAttribute('hidden');
|
||||
});
|
||||
});
|
||||
|
||||
// Modal close
|
||||
document.querySelectorAll('[data-close-modal]').forEach(function (btn) {
|
||||
btn.addEventListener('click', function () {
|
||||
this.closest('.modal-backdrop').setAttribute('hidden', '');
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.modal-backdrop').forEach(function (backdrop) {
|
||||
backdrop.addEventListener('click', function (e) {
|
||||
if (e.target === this) this.setAttribute('hidden', '');
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,382 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ session_model.display_label }} · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="hero" style="padding-top:0;padding-bottom:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;">
|
||||
<div>
|
||||
<h1 class="hero__title">{{ session_model.display_label }}</h1>
|
||||
<p class="hero__sub">{{ session_model.session_date.isoformat() | pretty_date }} · <span class="status-badge status-{{ session_model.status }}">{{ session_model.status }}</span></p>
|
||||
</div>
|
||||
<div class="button-row">
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.session_public_view', league_ref=league.url_ref, session_id=session_model.id) }}">Public view</a>
|
||||
{% if can_manage %}
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-modal="modal-edit-session">Edit session</button>
|
||||
{% if session_model.status == 'open' %}
|
||||
<form method="post" action="{{ url_for('leagues.close_league_session', league_ref=league.url_ref, session_id=session_model.id) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--ghost btn--sm" type="submit">Close session</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-modal="modal-reopen-session">Reopen session</button>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if is_owner %}
|
||||
<button class="btn btn--danger btn--sm" type="button" data-modal="modal-delete-session">Delete session</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cash-strip">
|
||||
<div class="stat stat--rail" style="--rail:var(--accent);">
|
||||
<span class="kicker">Invested</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ session.total_invested_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--rank-2);">
|
||||
<span class="kicker">Cashout</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ session.total_cash_out_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--pos);">
|
||||
<span class="kicker">Paid out</span>
|
||||
<div class="stat__val" style="color:var(--pos)">{{ session.total_paid_out_cents | money }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--warn);">
|
||||
<span class="kicker">Open items</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ (session.total_current_due_to_player_cents + session.total_current_due_to_house_cents) | money }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="league-manage-grid" style="margin-top:20px;align-items:stretch;">
|
||||
{% if can_manage %}
|
||||
<form class="panel form-card" method="post" id="appendForm" style="align-self:stretch;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Append event</p>
|
||||
<h2 class="panel__title" style="margin-top:4px;">Ledger entry</h2>
|
||||
</div>
|
||||
{% if session_model.status != 'open' %}
|
||||
<div class="session-locked-banner">
|
||||
<strong>Session closed</strong>
|
||||
<span>Books assumed settled. Reopen to add events.</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<fieldset {% if session_model.status != 'open' %}disabled{% endif %} style="border:none;padding:0;margin:0;min-width:0;">
|
||||
<label>
|
||||
<span>Player</span>
|
||||
<input
|
||||
type="text"
|
||||
id="playerSearch"
|
||||
list="playerList"
|
||||
placeholder="Start typing a name…"
|
||||
autocomplete="off"
|
||||
value="{{ players | selectattr('id', 'equalto', append_form.player_id) | map(attribute='display_name') | first | default('') }}"
|
||||
>
|
||||
<datalist id="playerList">
|
||||
{% for player in players %}
|
||||
<option value="{{ player.display_name }}"></option>
|
||||
{% endfor %}
|
||||
</datalist>
|
||||
<input type="hidden" name="player_id" id="playerIdInput" value="{{ append_form.player_id or '' }}">
|
||||
</label>
|
||||
<label>
|
||||
<span>Event type</span>
|
||||
<select name="event_type" id="eventTypeSelect" required>
|
||||
{% for value, label in event_types %}
|
||||
<option value="{{ value }}" {{ 'selected' if append_form.event_type == value else '' }}>{{ label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</label>
|
||||
<label>
|
||||
<span>Amount</span>
|
||||
<input type="number" step="0.01" min="0" name="amount" value="{{ append_form.amount }}" placeholder="0.00">
|
||||
</label>
|
||||
<label>
|
||||
<span>Note <span class="form-opt-hint">(optional)</span></span>
|
||||
<textarea name="note" placeholder="Optional context">{{ append_form.note or '' }}</textarea>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit" style="margin-top:8px;">Append event</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
{% else %}
|
||||
<div class="panel empty-panel">
|
||||
<h2 class="panel__title">Read only</h2>
|
||||
<p class="muted-text">Your role can inspect this session but cannot append ledger events.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;">Results</p>
|
||||
<h2 class="panel__title">Player totals</h2>
|
||||
</div>
|
||||
<span class="panel__tag">{{ session.entries|length }} players</span>
|
||||
</div>
|
||||
{% if session.entries %}
|
||||
<div class="player-ledger-list">
|
||||
{% for entry in session.entries %}
|
||||
{% set row_cls = 'player-ledger-row--pos' if entry.net_cents > 0 else 'player-ledger-row--neg' if entry.net_cents < 0 else '' %}
|
||||
<div class="player-ledger-row {{ row_cls }}">
|
||||
<div class="player-ledger-row__header">
|
||||
<span class="player-ledger-row__name">{{ entry.player_name }}</span>
|
||||
{% if entry.current_due_to_house_cents > 0 %}
|
||||
<span class="badge badge--owes">Owes {{ entry.current_due_to_house_cents | money }}</span>
|
||||
{% elif entry.current_due_to_player_cents > 0 %}
|
||||
<span class="badge badge--unpaid">Due {{ entry.current_due_to_player_cents | money }}</span>
|
||||
{% else %}
|
||||
<span class="badge badge--settled">Settled</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="player-ledger-row__fields">
|
||||
<div class="player-ledger-row__field">
|
||||
<span class="player-ledger-row__lbl">Buy in</span>
|
||||
<span class="player-ledger-row__val">{{ entry.invested_cents | money }}</span>
|
||||
</div>
|
||||
<div class="player-ledger-row__field">
|
||||
<span class="player-ledger-row__lbl">Cashout claim</span>
|
||||
<span class="player-ledger-row__val">{{ entry.cash_out_cents | money }}</span>
|
||||
</div>
|
||||
<div class="player-ledger-row__field">
|
||||
<span class="player-ledger-row__lbl">Paid out</span>
|
||||
<span class="player-ledger-row__val" style="color:var(--pos)">{{ entry.paid_out_cents | money if entry.paid_out_cents else '—' }}</span>
|
||||
</div>
|
||||
<div class="player-ledger-row__field player-ledger-row__field--net">
|
||||
<span class="player-ledger-row__lbl">Net</span>
|
||||
<span class="player-ledger-row__val {{ 'num-pos' if entry.net_cents > 0 else 'num-neg' if entry.net_cents < 0 else 'num-muted' }}">
|
||||
{{ '+' if entry.net_cents > 0 else '' }}{{ entry.net_cents | money }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{% if entry.rollover_in_cents or entry.rollover_out_cents or entry.payout_carry_in_cents %}
|
||||
<div class="player-ledger-row__fields player-ledger-row__fields--secondary">
|
||||
<div class="player-ledger-row__field">
|
||||
<span class="player-ledger-row__lbl">Rolled in</span>
|
||||
<span class="player-ledger-row__val" style="color:var(--rolled)">{{ entry.rollover_in_cents | money }}</span>
|
||||
</div>
|
||||
<div class="player-ledger-row__field">
|
||||
<span class="player-ledger-row__lbl">Carry in</span>
|
||||
<span class="player-ledger-row__val" style="color:var(--rolled)">{{ entry.payout_carry_in_cents | money }}</span>
|
||||
</div>
|
||||
<div class="player-ledger-row__field">
|
||||
<span class="player-ledger-row__lbl">Rolled out</span>
|
||||
<span class="player-ledger-row__val" style="color:var(--rolled)">{{ entry.rollover_out_cents | money }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="muted-text" style="padding:28px;">No player ledger events yet.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel" style="margin-top:20px;">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;">Audit trail</p>
|
||||
<h2 class="panel__title">Raw ledger events</h2>
|
||||
</div>
|
||||
<span class="badge badge--closed">append-only</span>
|
||||
</div>
|
||||
<div class="event-feed feed feed--inline" style="max-height:none;">
|
||||
{% for event in raw_events | reverse %}
|
||||
<div class="event-card event-card--inline {% if event.voided_at %}event-card--voided{% endif %}">
|
||||
<div class="event-card-top">
|
||||
<strong>{{ event.player_name or "Session" }}</strong>
|
||||
<span class="pill pill-{{ event.event_type }}">{{ event.event_type | replace('_', ' ') }}</span>
|
||||
{% if event.voided_at %}<span class="void-badge">voided</span>{% endif %}
|
||||
{% if event.note and not event.voided_at %}<span class="event-note">{{ event.note }}</span>{% endif %}
|
||||
</div>
|
||||
<p class="event-amount">{{ event.amount_cents | money }}</p>
|
||||
{% if event.voided_at %}
|
||||
<p class="tiny-text void-reason">{{ event.void_reason }}</p>
|
||||
{% else %}
|
||||
<p class="tiny-text">{{ event.created_at }}</p>
|
||||
{% if is_owner %}
|
||||
<button class="btn-void-toggle" type="button"
|
||||
data-void-id="{{ event.id }}"
|
||||
data-void-player="{{ event.player_name or 'Session' }}"
|
||||
data-void-type="{{ event.event_type | replace('_', ' ') }}"
|
||||
data-void-amount="${{ '%.2f' % (event.amount_cents / 100) }}"
|
||||
data-void-action="{{ url_for('leagues.void_event', league_ref=league.url_ref, event_id=event.id) }}">
|
||||
void
|
||||
</button>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="muted-text" style="padding:20px;">No events recorded.</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Void event modal -->
|
||||
{% if is_owner %}
|
||||
<div class="modal-backdrop" id="modal-void-event" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-void-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;color:var(--warn);">Correct the record</span>
|
||||
<h2 class="panel__title" id="modal-void-title">Void event</h2>
|
||||
</div>
|
||||
<p class="modal-card__text" id="modal-void-desc">This event will remain visible in the audit trail but will no longer count toward any calculations.</p>
|
||||
<form id="modal-void-form" method="post" action="">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<label style="display:flex;flex-direction:column;gap:6px;margin-bottom:16px;">
|
||||
<span style="font:600 12px/1 var(--font-ui);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;">Reason</span>
|
||||
<input type="text" name="void_reason" placeholder="What was wrong with this event?" required maxlength="200"
|
||||
style="background:var(--field);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px 12px;font:400 14px/1.4 var(--font-ui);color:var(--text-1);">
|
||||
</label>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<button class="btn btn--danger btn--sm" type="submit">Void this event</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Delete confirmation modal -->
|
||||
<div class="modal-backdrop" id="modal-delete-session" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-delete-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;color:var(--neg);">Destructive action</span>
|
||||
<h2 class="panel__title" id="modal-delete-title">Delete {{ session_model.display_label }}?</h2>
|
||||
</div>
|
||||
<p class="modal-card__text">This will permanently delete the session and <strong>all {{ session_model.event_count if session_model.event_count is defined else 'its' }} ledger events</strong> attached to it. There is no undo.</p>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<form method="post" action="{{ url_for('leagues.delete_session', league_ref=league.url_ref, session_id=session_model.id) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--danger btn--sm" type="submit">Yes, delete permanently</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Edit session modal -->
|
||||
{% if can_manage %}
|
||||
<div class="modal-backdrop" id="modal-edit-session" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-edit-session-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;">Session</span>
|
||||
<h2 class="panel__title" id="modal-edit-session-title">Edit session</h2>
|
||||
</div>
|
||||
<form method="post" action="{{ url_for('leagues.edit_session', league_ref=league.url_ref, session_id=session_model.id) }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="form-card" style="padding:0 20px 4px;gap:12px;">
|
||||
<label>
|
||||
<span>Date</span>
|
||||
<input type="date" name="session_date" value="{{ session_model.session_date.isoformat() }}" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Label <span class="form-opt-hint">(optional)</span></span>
|
||||
<input type="text" name="label" value="{{ session_model.label or '' }}" placeholder="e.g. Main table">
|
||||
</label>
|
||||
<label>
|
||||
<span>Notes <span class="form-opt-hint">(optional)</span></span>
|
||||
<input type="text" name="notes" value="{{ session_model.notes or '' }}" placeholder="Optional context">
|
||||
</label>
|
||||
</div>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<button class="btn btn--primary btn--sm" type="submit">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Reopen confirmation modal -->
|
||||
<div class="modal-backdrop" id="modal-reopen-session" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-reopen-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;">Settled session</span>
|
||||
<h2 class="panel__title" id="modal-reopen-title">Reopen this session?</h2>
|
||||
</div>
|
||||
<p class="modal-card__text">This session has been closed and books are assumed to be settled. Reopening will allow new ledger events to be appended and may affect settlement totals.</p>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<form method="post" action="{{ url_for('leagues.open_league_session', league_ref=league.url_ref, session_id=session_model.id) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--primary btn--sm" type="submit">Reopen session</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Player search — map display name → player id
|
||||
const playerMap = {
|
||||
{% for player in players %}"{{ player.display_name | replace('"', '\\"') }}": "{{ player.id }}"{% if not loop.last %},{% endif %}
|
||||
{% endfor %}
|
||||
};
|
||||
const searchInput = document.getElementById('playerSearch');
|
||||
const idInput = document.getElementById('playerIdInput');
|
||||
const eventTypeSelect = document.getElementById('eventTypeSelect');
|
||||
|
||||
if (searchInput && idInput) {
|
||||
searchInput.addEventListener('input', function () {
|
||||
idInput.value = playerMap[this.value.trim()] || '';
|
||||
});
|
||||
// Also handle datalist selection which fires change
|
||||
searchInput.addEventListener('change', function () {
|
||||
idInput.value = playerMap[this.value.trim()] || '';
|
||||
});
|
||||
}
|
||||
|
||||
// Clear player field when event type is "note"
|
||||
if (eventTypeSelect && searchInput && idInput) {
|
||||
eventTypeSelect.addEventListener('change', function () {
|
||||
if (this.value === 'note') {
|
||||
searchInput.value = '';
|
||||
idInput.value = '';
|
||||
searchInput.placeholder = 'No player (session note)';
|
||||
} else {
|
||||
searchInput.placeholder = 'Start typing a name…';
|
||||
}
|
||||
});
|
||||
// Set initial placeholder if note is selected
|
||||
if (eventTypeSelect.value === 'note') {
|
||||
searchInput.placeholder = 'No player (session note)';
|
||||
}
|
||||
}
|
||||
|
||||
// Modal logic
|
||||
document.querySelectorAll('[data-modal]').forEach(function(btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
var target = document.getElementById(this.dataset.modal);
|
||||
if (target) target.removeAttribute('hidden');
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('[data-close-modal]').forEach(function(btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
this.closest('.modal-backdrop').setAttribute('hidden', '');
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('.modal-backdrop').forEach(function(backdrop) {
|
||||
backdrop.addEventListener('click', function(e) {
|
||||
if (e.target === this) this.setAttribute('hidden', '');
|
||||
});
|
||||
});
|
||||
|
||||
// Void event modal
|
||||
document.querySelectorAll('[data-void-id]').forEach(function(btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
var player = this.dataset.voidPlayer;
|
||||
var type = this.dataset.voidType;
|
||||
var amount = this.dataset.voidAmount;
|
||||
document.getElementById('modal-void-title').textContent = 'Void ' + type + ' — ' + player;
|
||||
document.getElementById('modal-void-desc').textContent =
|
||||
'The ' + amount + ' ' + type + ' event for ' + player +
|
||||
' will be marked voided and excluded from all calculations. It stays visible in the audit trail.';
|
||||
var form = document.getElementById('modal-void-form');
|
||||
form.action = this.dataset.voidAction;
|
||||
form.querySelector('[name=void_reason]').value = '';
|
||||
document.getElementById('modal-void-event').removeAttribute('hidden');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,263 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{{ session_model.display_label }} · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block page_class %}page--session{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="breadcrumb">
|
||||
<a href="{{ url_for('leagues.sessions', league_ref=league.url_ref) }}">Sessions</a>
|
||||
<span class="breadcrumb__sep">/</span>
|
||||
<span>{{ session_model.display_label }}</span>
|
||||
<span style="flex:1"></span>
|
||||
{% if prev_session_id %}
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.session_public_view', league_ref=league.url_ref, session_id=prev_session_id) }}">← Prev</a>
|
||||
{% endif %}
|
||||
{% if next_session_id %}
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.session_public_view', league_ref=league.url_ref, session_id=next_session_id) }}">Next →</a>
|
||||
{% endif %}
|
||||
<button class="btn btn--outline btn--sm" id="copyLinkBtn" type="button" onclick="copySessionLink(this)">Share</button>
|
||||
</div>
|
||||
|
||||
<div class="hero" style="padding-top:0;">
|
||||
<p class="hero__kicker session-number">Session #{{ "%03d"|format(session_number) }}</p>
|
||||
<h1 class="hero__title">{{ session_model.display_label }}</h1>
|
||||
<p class="hero__sub">{{ session.entries|length }} player{{ 's' if session.entries|length != 1 else '' }} · <span class="status-badge status-{{ session_model.status }}">{{ session_model.status }}</span></p>
|
||||
</div>
|
||||
|
||||
<!-- Recon cards -->
|
||||
<div class="recon-grid" style="margin-bottom:20px;">
|
||||
<div class="panel">
|
||||
<div class="recon-card-head">
|
||||
<span class="kicker kicker--dot kicker--dot-accent">Banker cash flow</span>
|
||||
</div>
|
||||
<div class="recon-metric-grid">
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Actual cash in</span>
|
||||
<div class="recon-val recon-val--num">{{ session.total_real_cash_in_cents | money }}</div>
|
||||
</div>
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Gross player claim</span>
|
||||
<div class="recon-val recon-val--num">{{ session.total_gross_payout_cents | money }}</div>
|
||||
</div>
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Cash paid out</span>
|
||||
<div class="recon-val recon-val--pos">{{ session.total_real_cash_out_cents | money }}</div>
|
||||
</div>
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Rolled out</span>
|
||||
<div class="recon-val" style="color:var(--rolled)">{{ session.total_rollover_out_cents | money }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div class="recon-card-head">
|
||||
<span class="kicker kicker--dot kicker--dot-warn">Open items</span>
|
||||
</div>
|
||||
<div class="recon-metric-grid">
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">House owes players</span>
|
||||
<div class="recon-val {{ 'recon-val--neg' if session.total_current_due_to_player_cents > 0 else 'recon-val--pos' }}">
|
||||
{{ session.total_current_due_to_player_cents | money }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Players owe house</span>
|
||||
<div class="recon-val {{ 'recon-val--warn' if session.total_current_due_to_house_cents > 0 else '' }}">
|
||||
{{ session.total_current_due_to_house_cents | money }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Cash debt repaid</span>
|
||||
<div class="recon-val" style="color:var(--pos)">{{ session.total_debt_repayment_cents | money }}</div>
|
||||
</div>
|
||||
<div class="recon-cell">
|
||||
<span class="kicker" style="font-size:10px;">Written off</span>
|
||||
<div class="recon-val" style="color:var(--neg)">{{ session.total_writeoff_cents | money }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Player totals table -->
|
||||
<div class="panel" style="margin-bottom:20px;">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">Results</span>
|
||||
<h2 class="panel__title">Player totals</h2>
|
||||
</div>
|
||||
<div class="segmented" id="viewToggle">
|
||||
<button class="seg is-on" data-view="compact">Compact</button>
|
||||
<button class="seg" data-view="full">Full ledger</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tbl-scroll">
|
||||
<table class="tbl tbl--session" id="sessionTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-player">Player</th>
|
||||
<th>Invested</th>
|
||||
<th>Gross cashout</th>
|
||||
<th>Net</th>
|
||||
<th>Paid out</th>
|
||||
<th>Open settlement</th>
|
||||
<th>Settlement status</th>
|
||||
<th class="col-acct">Front</th>
|
||||
<th class="col-acct">Rolled in</th>
|
||||
<th class="col-acct">Payout carry-in</th>
|
||||
<th class="col-acct">Gross player claim</th>
|
||||
<th class="col-acct">Rolled out</th>
|
||||
<th class="col-acct">Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for entry in session.entries %}
|
||||
<tr>
|
||||
<td class="col-player">{{ entry.player_name }}</td>
|
||||
<td>{{ entry.invested_cents | money }}</td>
|
||||
<td>{{ entry.cash_out_cents | money }}</td>
|
||||
<td class="num-net {{ 'num-pos' if entry.net_cents > 0 else 'num-neg' if entry.net_cents < 0 else 'num-muted' }}">
|
||||
{{ '+' if entry.net_cents > 0 else '' }}{{ entry.net_cents | money }}
|
||||
</td>
|
||||
<td style="color:var(--pos)">{{ entry.paid_out_cents | money }}</td>
|
||||
<td>
|
||||
{% if entry.current_due_to_house_cents > 0 %}
|
||||
<span style="color:var(--owes)">owes {{ entry.current_due_to_house_cents | money }}</span>
|
||||
{% elif entry.current_due_to_player_cents > 0 %}
|
||||
<span style="color:var(--neg)">due {{ entry.current_due_to_player_cents | money }}</span>
|
||||
{% else %}
|
||||
<span class="num-muted">{{ 0 | money }}</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td><span class="badge badge--{{ entry.payout_status }}">{{ entry.payout_status }}</span></td>
|
||||
<td class="col-acct" style="color:var(--warn)">{{ entry.front_cents | money }}</td>
|
||||
<td class="col-acct" style="color:var(--rolled)">{{ entry.rollover_in_cents | money }}</td>
|
||||
<td class="col-acct" style="color:var(--rolled)">{{ entry.payout_carry_in_cents | money }}</td>
|
||||
<td class="col-acct">
|
||||
{% if entry.gross_due_to_house_cents > 0 %}—{% else %}{{ entry.gross_payout_cents | money }}{% endif %}
|
||||
</td>
|
||||
<td class="col-acct" style="color:var(--rolled)">{{ entry.rollover_out_cents | money }}</td>
|
||||
<td class="col-acct" style="text-align:left;font-family:var(--font-ui);">
|
||||
{% if entry.notes %}
|
||||
<ul class="note-list">{% for n in entry.notes %}<li>{{ n }}</li>{% endfor %}</ul>
|
||||
{% else %}
|
||||
<span style="color:var(--faintest-2)">—</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="13" style="text-align:left;padding:28px;color:var(--muted);">No player events yet.</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Net bars + snapshot -->
|
||||
<div class="split">
|
||||
<div class="panel col-main">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">Breakdown</span>
|
||||
<h2 class="panel__title">Net by player</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart-wrap">
|
||||
<div class="session-net-bars" id="sessionBreakdownChart" aria-label="Net by player"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel col-side">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<span class="kicker" style="margin:0;">Quick read</span>
|
||||
<h2 class="panel__title">Session snapshot</h2>
|
||||
</div>
|
||||
</div>
|
||||
{% set winners = session.entries | selectattr('net_cents', 'gt', 0) | list %}
|
||||
{% set losers = session.entries | selectattr('net_cents', 'lt', 0) | list %}
|
||||
<div class="snapshot-grid">
|
||||
<div class="snapshot-cell">
|
||||
<span class="kicker" style="font-size:10px;">Biggest winner</span>
|
||||
<div class="snapshot-val" style="color:var(--pos)">
|
||||
{% if winners %}{{ (winners | sort(attribute='net_cents', reverse=True) | first).net_cents | money }}{% else %}—{% endif %}
|
||||
</div>
|
||||
{% if winners %}<div style="font-size:12px;color:var(--muted);margin-top:4px;">{{ winners | sort(attribute='net_cents', reverse=True) | first | attr('player_name') }}</div>{% endif %}
|
||||
</div>
|
||||
<div class="snapshot-cell">
|
||||
<span class="kicker" style="font-size:10px;">Biggest loser</span>
|
||||
<div class="snapshot-val" style="color:var(--neg)">
|
||||
{% if losers %}{{ (losers | sort(attribute='net_cents') | first).net_cents | money }}{% else %}—{% endif %}
|
||||
</div>
|
||||
{% if losers %}<div style="font-size:12px;color:var(--muted);margin-top:4px;">{{ losers | sort(attribute='net_cents') | first | attr('player_name') }}</div>{% endif %}
|
||||
</div>
|
||||
<div class="snapshot-cell">
|
||||
<span class="kicker" style="font-size:10px;">Gross cashout result</span>
|
||||
<div class="snapshot-val">{{ session.total_cash_out_cents | money }}</div>
|
||||
</div>
|
||||
<div class="snapshot-cell">
|
||||
<span class="kicker" style="font-size:10px;">Open items</span>
|
||||
<div class="snapshot-val {{ 'recon-val--neg' if (session.total_current_due_to_player_cents + session.total_current_due_to_house_cents) > 0 else '' }}">
|
||||
{{ (session.total_current_due_to_player_cents + session.total_current_due_to_house_cents) | money }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const sessionChartData = {{ chart_data | tojson }};
|
||||
const breakdownCtx = document.getElementById('sessionBreakdownChart');
|
||||
if (breakdownCtx) {
|
||||
const values = sessionChartData.net_values || [];
|
||||
const labels = sessionChartData.labels || [];
|
||||
const colors = sessionChartData.net_colors || [];
|
||||
const maxAbs = Math.max(...values.map(v => Math.abs(v)), 1);
|
||||
const fmt = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' });
|
||||
const esc = v => String(v).replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));
|
||||
breakdownCtx.innerHTML = labels.map((label, i) => {
|
||||
const val = Number(values[i] || 0);
|
||||
const w = Math.min(Math.abs(val) / maxAbs * 50, 50);
|
||||
const cls = val < 0 ? 'session-net-bars__bar--neg' : 'session-net-bars__bar--pos';
|
||||
const amt = `${val > 0 ? '+' : ''}${fmt.format(val)}`;
|
||||
const color = colors[i] || (val < 0 ? '#e0758a' : val > 0 ? '#6fc093' : '#84828e');
|
||||
return `<div class="session-net-bars__row">
|
||||
<div class="session-net-bars__name">${esc(label)}</div>
|
||||
<div class="session-net-bars__track"><span class="session-net-bars__bar ${cls}" style="width:${w}%;background:${color};"></span></div>
|
||||
<div class="session-net-bars__amount">${amt}</div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
document.querySelectorAll('#viewToggle .seg').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
document.querySelectorAll('#viewToggle .seg').forEach(b => b.classList.remove('is-on'));
|
||||
btn.classList.add('is-on');
|
||||
document.getElementById('sessionTable').classList.toggle('is-full', btn.dataset.view === 'full');
|
||||
});
|
||||
});
|
||||
|
||||
function copySessionLink(btn) {
|
||||
navigator.clipboard.writeText(window.location.href).then(function() {
|
||||
var orig = btn.textContent;
|
||||
btn.textContent = 'Copied!';
|
||||
btn.disabled = true;
|
||||
setTimeout(function() { btn.textContent = orig; btn.disabled = false; }, 2000);
|
||||
}).catch(function() {
|
||||
// Fallback for non-HTTPS or denied clipboard
|
||||
var ta = document.createElement('textarea');
|
||||
ta.value = window.location.href;
|
||||
ta.style.position = 'fixed';
|
||||
ta.style.opacity = '0';
|
||||
document.body.appendChild(ta);
|
||||
ta.select();
|
||||
document.execCommand('copy');
|
||||
document.body.removeChild(ta);
|
||||
var orig = btn.textContent;
|
||||
btn.textContent = 'Copied!';
|
||||
btn.disabled = true;
|
||||
setTimeout(function() { btn.textContent = orig; btn.disabled = false; }, 2000);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,149 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Sessions · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="stack">
|
||||
|
||||
{% if can_manage %}
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Add session</p>
|
||||
<h2 class="panel__title" style="margin-top:4px;">New session</h2>
|
||||
</div>
|
||||
<input type="hidden" name="status" value="open">
|
||||
<div class="session-create-row">
|
||||
<label>
|
||||
<span>Date <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">The night the game was played. Same-day sessions automatically become S1, S2, etc.</span></span></span>
|
||||
<input type="date" name="session_date" value="{{ form.session_date }}" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Label <span class="form-opt-hint">(optional)</span> <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">A short name for this session — 'Main table', 'Side game', etc. Shown in the session list alongside the date.</span></span></span>
|
||||
<input type="text" name="label" value="{{ form.label or '' }}" placeholder="e.g. Main table">
|
||||
</label>
|
||||
<label>
|
||||
<span>Notes <span class="form-opt-hint">(optional)</span> <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Optional context visible in the session list — venue, occasion, anything worth noting.</span></span></span>
|
||||
<input type="text" name="notes" value="{{ form.notes or '' }}" placeholder="Optional context">
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn--primary" type="submit">Create session</button>
|
||||
</div>
|
||||
</form>
|
||||
{% endif %}
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;">History</p>
|
||||
<h2 class="panel__title">All sessions</h2>
|
||||
</div>
|
||||
<div style="display:flex;align-items:center;gap:8px;">
|
||||
<span class="panel__tag">{{ sessions|length }} total</span>
|
||||
{% if can_manage and empty_count > 0 %}
|
||||
<form method="post" action="{{ url_for('leagues.prune_empty_sessions', league_ref=league.url_ref) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--ghost btn--sm" type="submit">Prune empty ({{ empty_count }})</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% if sessions %}
|
||||
<div>
|
||||
{% for session in sessions %}
|
||||
{% set sm = db_id_to_summary.get(session.id) %}
|
||||
<div class="session-row session-row--{{ session.status }}">
|
||||
<div class="session-row__info">
|
||||
<div class="session-date-block">
|
||||
<span class="session-date-block__mon">{{ session.session_date.strftime('%b') }}</span>
|
||||
<span class="session-date-block__day">{{ session.session_date.strftime('%-d') }}</span>
|
||||
</div>
|
||||
<div class="session-row__text">
|
||||
<div class="session-row__title">
|
||||
<a href="{{ url_for('leagues.session_public_view', league_ref=league.url_ref, session_id=session.id) }}">{{ session.display_label }}</a>
|
||||
</div>
|
||||
<div class="session-row__meta">
|
||||
<span>S{{ session.sequence_on_date }}</span>
|
||||
{% if sm and sm.entries %}
|
||||
<span>· {{ sm.entries|length }} player{{ 's' if sm.entries|length != 1 else '' }}</span>
|
||||
<span>· {{ sm.total_invested_cents | money }} pot</span>
|
||||
{% if sm.total_current_due_to_house_cents > 0 or sm.total_current_due_to_player_cents > 0 %}
|
||||
<span style="color:var(--warn);">· {{ (sm.total_current_due_to_house_cents + sm.total_current_due_to_player_cents) | money }} open</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if session.notes %}<span>· {{ session.notes }}</span>{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="session-row__actions">
|
||||
<span class="status-pill status-pill--{{ session.status }}">{{ session.status }}</span>
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.session_public_view', league_ref=league.url_ref, session_id=session.id) }}">View</a>
|
||||
{% if can_manage %}
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.session_detail', league_ref=league.url_ref, session_id=session.id) }}">Manage</a>
|
||||
{% if session.status == 'open' %}
|
||||
<form method="post" action="{{ url_for('leagues.close_league_session', league_ref=league.url_ref, session_id=session.id) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--ghost btn--sm" type="submit">Close</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<button class="btn btn--outline btn--sm" type="button"
|
||||
data-modal="modal-reopen-session"
|
||||
data-reopen-action="{{ url_for('leagues.open_league_session', league_ref=league.url_ref, session_id=session.id) }}">Reopen</button>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="empty-panel">
|
||||
<h3 class="panel__title">No sessions yet</h3>
|
||||
<p class="muted-text">Create the first session above. Same-day sessions will automatically become S1, S2, and so on.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Reopen confirmation modal -->
|
||||
<div class="modal-backdrop" id="modal-reopen-session" hidden>
|
||||
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modal-reopen-title">
|
||||
<div class="modal-card__head">
|
||||
<span class="kicker" style="margin:0;">Settled session</span>
|
||||
<h2 class="panel__title" id="modal-reopen-title">Reopen this session?</h2>
|
||||
</div>
|
||||
<p class="modal-card__text">This session has been closed and books are assumed to be settled. Reopening will allow new ledger events to be appended and may affect settlement totals.</p>
|
||||
<div class="modal-card__actions">
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-close-modal>Cancel</button>
|
||||
<form id="reopenForm" method="post" action="" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--primary btn--sm" type="submit">Reopen session</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var reopenModal = document.getElementById('modal-reopen-session');
|
||||
var reopenForm = document.getElementById('reopenForm');
|
||||
|
||||
document.querySelectorAll('[data-modal="modal-reopen-session"]').forEach(function(btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
if (reopenForm && this.dataset.reopenAction) {
|
||||
reopenForm.action = this.dataset.reopenAction;
|
||||
}
|
||||
if (reopenModal) reopenModal.removeAttribute('hidden');
|
||||
});
|
||||
});
|
||||
document.querySelectorAll('[data-close-modal]').forEach(function(btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
this.closest('.modal-backdrop').setAttribute('hidden', '');
|
||||
});
|
||||
});
|
||||
reopenModal && reopenModal.addEventListener('click', function(e) {
|
||||
if (e.target === this) this.setAttribute('hidden', '');
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,168 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Settings · {{ league.name }} · myboker.org{% endblock %}
|
||||
{% block subnav %}{% include "_league_subnav.html" %}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
|
||||
<div class="stack">
|
||||
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">General</p>
|
||||
<h2 class="panel__title" style="margin-top:4px;">League info</h2>
|
||||
</div>
|
||||
<label>
|
||||
<span>Name <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">The display name for this league. Shown on your dashboard and the public leaderboard.</span></span></span>
|
||||
<input type="text" name="name" value="{{ form.name }}" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Description <span class="form-opt-hint">(optional)</span> <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Optional. A short note about the league — game night, buy-in rules, anything useful to members.</span></span></span>
|
||||
<textarea name="description">{{ form.description }}</textarea>
|
||||
</label>
|
||||
<label>
|
||||
<span>Visibility <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Private keeps the league off the Explore page. Public makes the leaderboard and session history visible to anyone with the link — no account needed.</span></span></span>
|
||||
<select name="visibility">
|
||||
<option value="private" {{ 'selected' if form.visibility == 'private' else '' }}>Private — only members can see this league</option>
|
||||
<option value="public" {{ 'selected' if form.visibility == 'public' else '' }}>Public — leaderboard is visible to anyone</option>
|
||||
</select>
|
||||
</label>
|
||||
<div>
|
||||
<button class="btn btn--primary" type="submit">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;">Access</p>
|
||||
<h2 class="panel__title">Members</h2>
|
||||
</div>
|
||||
<span class="panel__tag">{{ members|length }} member{{ 's' if members|length != 1 else '' }}</span>
|
||||
</div>
|
||||
<div class="panel__body" style="padding-bottom:0;">
|
||||
{% for membership, member_user in members %}
|
||||
<div class="member-row">
|
||||
<div>
|
||||
<strong>{{ member_user.email }}</strong>
|
||||
<span class="kicker" style="margin-left:8px;text-transform:capitalize;">{{ membership.role }}</span>
|
||||
</div>
|
||||
{% if membership.role != 'owner' %}
|
||||
<form method="post" action="{{ url_for('leagues.remove_member', league_ref=league.url_ref, user_id=member_user.id) }}" style="margin:0;">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<button class="btn btn--ghost btn--sm" type="submit">Remove</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<form class="form-card" method="post" action="{{ url_for('leagues.invite_member', league_ref=league.url_ref) }}" style="padding:16px 20px 20px;border-top:1px solid var(--border);">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<p class="kicker" style="margin-bottom:10px;">Invite by email</p>
|
||||
<div class="session-create-row" style="align-items:flex-end;gap:10px;">
|
||||
<label style="flex:1 1 200px;">
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" placeholder="friend@example.com" required>
|
||||
</label>
|
||||
<label style="flex:0 0 130px;">
|
||||
<span>Role</span>
|
||||
<select name="role">
|
||||
<option value="manager">Manager</option>
|
||||
<option value="viewer">Viewer</option>
|
||||
</select>
|
||||
</label>
|
||||
<button class="btn btn--primary btn--sm" type="submit" style="flex:0 0 auto;margin-bottom:1px;">Send invite</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel__head">
|
||||
<div>
|
||||
<p class="kicker" style="margin:0;color:var(--neg);">Danger zone</p>
|
||||
<h2 class="panel__title">Destructive actions</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel__body">
|
||||
<div class="danger-row">
|
||||
<div>
|
||||
<strong class="danger-row__title">Archive league</strong>
|
||||
<p class="muted-text">Removes this league from your dashboard. All players, sessions, and ledger data are preserved.</p>
|
||||
</div>
|
||||
<button class="btn btn--ghost btn--sm" type="button" data-modal="modal-archive">Archive league</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="modal-backdrop" id="modal-archive" hidden>
|
||||
<div class="modal-card">
|
||||
<div class="modal-card__head">
|
||||
<h2 style="font-size:18px;margin:0;">Archive league</h2>
|
||||
</div>
|
||||
<p class="modal-card__text">
|
||||
<strong>{{ league.name }}</strong> will be hidden from your dashboard. All data is preserved and can be recovered by contacting support. This does not delete any sessions or ledger events.<br><br>
|
||||
Type the league name to confirm:
|
||||
</p>
|
||||
<form method="post" action="{{ url_for('leagues.archive_league', league_ref=league.url_ref) }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div style="padding:0 20px 16px;">
|
||||
<input
|
||||
class="modal-confirm-input"
|
||||
type="text"
|
||||
name="confirm_name"
|
||||
placeholder="{{ league.name }}"
|
||||
autocomplete="off"
|
||||
data-match="{{ league.name }}"
|
||||
data-target="archive-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="archive-confirm-btn" type="submit" disabled>Archive league</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
function openModal(id) {
|
||||
const el = document.getElementById(id);
|
||||
if (el) {
|
||||
el.removeAttribute('hidden');
|
||||
const inp = el.querySelector('.modal-confirm-input, input[type="password"]');
|
||||
if (inp) { inp.value = ''; inp.focus(); checkConfirmInput(inp); }
|
||||
}
|
||||
}
|
||||
function closeModal(el) {
|
||||
el.closest('.modal-backdrop').setAttribute('hidden', '');
|
||||
}
|
||||
function checkConfirmInput(inp) {
|
||||
const targetId = inp.dataset.target;
|
||||
const btn = document.getElementById(targetId);
|
||||
if (!btn) return;
|
||||
if (inp.dataset.match) {
|
||||
btn.disabled = inp.value !== inp.dataset.match;
|
||||
} else if (inp.dataset.minlength) {
|
||||
btn.disabled = inp.value.length < parseInt(inp.dataset.minlength, 10);
|
||||
}
|
||||
}
|
||||
|
||||
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));
|
||||
});
|
||||
document.querySelectorAll('.modal-backdrop').forEach(backdrop => {
|
||||
backdrop.addEventListener('click', e => { if (e.target === backdrop) backdrop.setAttribute('hidden', ''); });
|
||||
});
|
||||
document.querySelectorAll('.modal-confirm-input').forEach(inp => {
|
||||
inp.addEventListener('input', () => checkConfirmInput(inp));
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,136 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Leagues · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="hero" style="padding-bottom:12px;">
|
||||
<p class="hero__kicker">Leagues</p>
|
||||
<h1 class="hero__title">Your poker leagues</h1>
|
||||
<p class="hero__sub">Owner and manager workspace.</p>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<div class="toolbar__left">
|
||||
<a class="btn btn--primary" href="{{ url_for('leagues.new') }}">New league</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if leagues %}
|
||||
<div class="league-hub-summary">
|
||||
<div class="stat stat--rail" style="--rail:var(--accent);">
|
||||
<span class="kicker">Leagues</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ page_summary.league_count }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--pos);">
|
||||
<span class="kicker">Live</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ page_summary.live_count }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--rolled);">
|
||||
<span class="kicker">Sessions</span>
|
||||
<div class="stat__val" style="color:var(--num)">{{ page_summary.sessions_count }}</div>
|
||||
</div>
|
||||
<div class="stat stat--rail" style="--rail:var(--warn);">
|
||||
<span class="kicker">Open items</span>
|
||||
<div class="stat__val {{ 'num-neg' if page_summary.open_items_cents > 0 else 'num-muted' }}">{{ page_summary.open_items_cents | money }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="league-board">
|
||||
{% for item in leagues %}
|
||||
{% set league = item.league %}
|
||||
{% set membership = item.membership %}
|
||||
<article class="panel league-row">
|
||||
<div class="league-row__identity">
|
||||
<a class="league-row__title" href="{{ url_for('leagues.dashboard', league_ref=league.url_ref) }}">
|
||||
<div>
|
||||
<span class="kicker">{{ membership.role }}</span>
|
||||
<h2>{{ league.name }}</h2>
|
||||
</div>
|
||||
{% if item.live_session %}
|
||||
<span class="live-badge">{{ session_label(item.live_session) }}</span>
|
||||
{% else %}
|
||||
<span class="status-pill status-pill--closed">idle</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
<div class="league-row__chips">
|
||||
<span class="db-chip {% if league.visibility == 'public' %}db-chip--public{% endif %}">
|
||||
{% if league.visibility == 'public' %}
|
||||
<svg width="11" height="11" viewBox="0 0 20 20" fill="none" aria-hidden="true">
|
||||
<circle cx="10" cy="10" r="8" stroke="currentColor" stroke-width="1.6"/>
|
||||
<path d="M10 2c-2.5 3-2.5 13 0 16" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" fill="none"/>
|
||||
<path d="M10 2c2.5 3 2.5 13 0 16" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" fill="none"/>
|
||||
<path d="M2.5 10h15" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
public
|
||||
{% else %}
|
||||
<svg width="10" height="12" viewBox="0 0 10 12" fill="none" aria-hidden="true">
|
||||
<rect x="1" y="5" width="8" height="6.5" rx="1.5" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M3 5V3.5A2 2 0 0 1 7 3.5V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
private
|
||||
{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
<p class="league-row__desc">
|
||||
{% if league.description %}{{ league.description }}{% else %}{{ league.slug }}{% endif %}
|
||||
</p>
|
||||
<div class="league-row__meta">
|
||||
{% if item.latest_session %}
|
||||
<span>Latest {{ session_label(item.latest_session) }}</span>
|
||||
{% else %}
|
||||
<span>No sessions yet</span>
|
||||
{% endif %}
|
||||
{% if item.leader %}
|
||||
<span>Leader {{ item.leader.player_name }} · {{ item.leader.total_net_cents | money }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="league-row__metrics">
|
||||
<div><span>Players</span><strong>{{ item.players_count }}</strong></div>
|
||||
<div><span>Sessions</span><strong>{{ item.sessions_count }}</strong></div>
|
||||
<div><span>Paid out</span><strong>{{ item.cash_paid_out_cents | money }}</strong></div>
|
||||
<div><span>Open</span><strong class="{{ 'num-neg' if item.open_items_cents > 0 else 'num-muted' }}">{{ item.open_items_cents | money }}</strong></div>
|
||||
</div>
|
||||
|
||||
<div class="league-row__leaders">
|
||||
<div class="league-row__section-head">
|
||||
<span class="kicker">Top 3</span>
|
||||
<a href="{{ url_for('leagues.leaderboard', league_ref=league.url_ref) }}">Full board</a>
|
||||
</div>
|
||||
{% if item.top_players %}
|
||||
<ol class="league-top-list">
|
||||
{% for player in item.top_players %}
|
||||
<li>
|
||||
<span>{{ player.player_name }}</span>
|
||||
<strong class="{{ 'num-pos' if player.total_net_cents > 0 else 'num-neg' if player.total_net_cents < 0 else 'num-muted' }}">
|
||||
{{ '+' if player.total_net_cents > 0 else '' }}{{ player.total_net_cents | money }}
|
||||
</strong>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
{% else %}
|
||||
<div class="league-row__empty">
|
||||
<span>No results yet</span>
|
||||
<a href="{{ url_for('leagues.sessions', league_ref=league.url_ref) }}">Create a session</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="league-row__actions">
|
||||
<a class="btn btn--primary btn--sm" href="{{ url_for('leagues.dashboard', league_ref=league.url_ref) }}">Open</a>
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.sessions', league_ref=league.url_ref) }}">Sessions</a>
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.ledger', league_ref=league.url_ref) }}">Ledger</a>
|
||||
<a class="btn btn--ghost btn--sm" href="{{ url_for('leagues.players', league_ref=league.url_ref) }}">Players</a>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="panel empty-panel">
|
||||
<h2 class="panel__title">No leagues yet</h2>
|
||||
<p class="muted-text">Create the first league to start adding players, sessions, and ledger events.</p>
|
||||
<a class="btn btn--primary" href="{{ url_for('leagues.new') }}">Create league</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,25 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Reset Password · myboker.org{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="form-shell narrow">
|
||||
<form class="panel form-card" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div>
|
||||
<p class="eyebrow">Account recovery</p>
|
||||
<h1 style="font-size:28px;margin-bottom:8px;">Reset password</h1>
|
||||
<p class="muted-text" style="margin-bottom:8px;">Enter a new password for your account.</p>
|
||||
</div>
|
||||
<label>
|
||||
<span>New password</span>
|
||||
<input type="password" name="new_password" autocomplete="new-password" minlength="8" required>
|
||||
</label>
|
||||
<label>
|
||||
<span>Confirm new password</span>
|
||||
<input type="password" name="confirm_password" autocomplete="new-password" minlength="8" required>
|
||||
</label>
|
||||
<button class="btn btn--primary" type="submit">Reset password</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Reference in new issue
Block a user