jheapsandClaude Sonnet 5
7c64749267
Quick Split answered the easy half of the question and printed a footnote for the hard half: if somebody was all-in for less, go set up the full table. That's the moment a dealer least wants to be setting up a table. A second mode takes what each player put in and lists the main pot and each side pot with who can win it, plus anything uncalled that goes back. Rows can be marked folded, so dead money lands in the right pot without its owner being able to win it. The running total is shown so the breakdown can be checked against the chips actually on the table. It reuses the same pot maths as the full table rather than growing a second implementation, which means the two screens can't drift apart and Quick Split inherits the uncalled-bet and everyone-folded handling that was fixed there. Also fixes hiding: these sections carry a `display` declaration, which outranks the browser's own [hidden] rule, so toggling `hidden` on them did nothing and both modes' controls showed at once. Co-Authored-By: Claude Sonnet 5 <[email protected]> Claude-Session: https://claude.ai/code/session_015bnp7xKUPFFSpwkYNFaPgb
96 lines
3.8 KiB
Plaintext
96 lines
3.8 KiB
Plaintext
@page
|
|
@model JoshHeaps.Net.Pages.Casino.TexasHoldem.QuickSplitModel
|
|
@{
|
|
ViewData["Title"] = "Quick Split";
|
|
Layout = "_Layout";
|
|
}
|
|
|
|
<div id="splitApp">
|
|
<header id="splitHeader">
|
|
<h1>Quick Split</h1>
|
|
<p class="splitSubtitle">Chop a pot without setting up a table.</p>
|
|
</header>
|
|
|
|
<div id="modeToggle" class="chipRow" role="group" aria-label="How the money went in">
|
|
<button type="button" id="modeEvenBtn" class="choiceChip selected">Everyone matched</button>
|
|
<button type="button" id="modeUnevenBtn" class="choiceChip">Someone's all-in</button>
|
|
</div>
|
|
|
|
<div id="splitResult" aria-live="polite">
|
|
<div id="splitResultLabel">Each player gets</div>
|
|
<div id="splitResultAmount">$0.00</div>
|
|
<div id="splitOddNote" hidden></div>
|
|
<div id="splitDustNote" hidden></div>
|
|
</div>
|
|
|
|
<div id="unevenResult" hidden aria-live="polite">
|
|
<div id="unevenPots"></div>
|
|
<p id="unevenEmpty" class="unevenEmpty">Enter what each player put in.</p>
|
|
</div>
|
|
|
|
<section class="splitField unevenOnly" hidden>
|
|
<span class="splitLabel">What each player put in</span>
|
|
<div id="unevenRows"></div>
|
|
<button type="button" id="addPlayerBtn" class="splitBtn splitBtnGhost">+ Add player</button>
|
|
</section>
|
|
|
|
<section class="splitField evenOnly">
|
|
<label for="potInput" class="splitLabel">Pot</label>
|
|
<div class="potInputWrap">
|
|
<span class="potCurrency">$</span>
|
|
<input type="text" id="potInput" inputmode="decimal" autocomplete="off"
|
|
placeholder="0" aria-label="Pot amount" />
|
|
<button type="button" id="clearPotBtn" class="clearPotBtn" aria-label="Clear pot amount" hidden>✕</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="splitField evenOnly">
|
|
<span class="splitLabel" id="waysLabel">Split between</span>
|
|
<div id="waysChoices" class="chipRow" role="group" aria-labelledby="waysLabel"></div>
|
|
</section>
|
|
|
|
<section class="splitField evenOnly">
|
|
<span class="splitLabel" id="chipLabel">Smallest chip in play</span>
|
|
<div id="chipChoices" class="chipRow" role="group" aria-labelledby="chipLabel"></div>
|
|
</section>
|
|
|
|
<div id="splitActions">
|
|
<button type="button" id="resetSplitBtn" class="splitBtn splitBtnGhost">Clear</button>
|
|
<a href="/casino/texasholdem" class="splitBtn splitBtnGhost">Full dealer table →</a>
|
|
</div>
|
|
|
|
<p class="splitFootnote evenOnly">
|
|
If somebody was all-in for less than the others, switch to
|
|
<strong>Someone's all-in</strong> above.
|
|
</p>
|
|
|
|
<p class="splitFootnote unevenOnly" hidden>
|
|
Pots are listed with who can win each. Award them by hand strength, best hand
|
|
first. Nothing here is saved — the <a href="/casino/texasholdem">full table</a>
|
|
keeps a log.
|
|
</p>
|
|
</div>
|
|
|
|
<template id="unevenRowTemplate">
|
|
<div class="unevenRow">
|
|
<span class="unevenRowLabel"></span>
|
|
<div class="unevenAmountWrap">
|
|
<span class="unevenCurrency">$</span>
|
|
<input type="text" class="unevenAmount" inputmode="decimal" autocomplete="off" placeholder="0" />
|
|
</div>
|
|
<button type="button" class="unevenFoldBtn" aria-pressed="false">Folded</button>
|
|
<button type="button" class="unevenRemoveBtn" aria-label="Remove player">✕</button>
|
|
</div>
|
|
</template>
|
|
|
|
@section Styles {
|
|
<link href="/css/casino/quicksplit.css?v=@ViewData["cssVersion"]" rel="stylesheet" type="text/css" />
|
|
}
|
|
|
|
@section Scripts {
|
|
<script src="~/js/casino/holdem/money.js?v=@ViewData["cssVersion"]"></script>
|
|
<script src="~/js/casino/holdem/splitCalculator.js?v=@ViewData["cssVersion"]"></script>
|
|
<script src="~/js/casino/holdem/potCalculator.js?v=@ViewData["cssVersion"]"></script>
|
|
<script src="~/js/casino/holdem/quickSplit.js?v=@ViewData["cssVersion"]"></script>
|
|
}
|