mirror of
https://github.com/mwisnowski/mtg_python_deckbuilder.git
synced 2025-12-30 14:18:50 +01:00
Web UI: setup progress + logs folding, Finished Decks library, commander search UX (debounce, keyboard, highlights, color chips), ranking fixes (first-word priority, substring include), optional auto-select; setup start reliability (POST+GET), force runs, status with percent/ETA/timestamps; stepwise builder with added stage reporting and sidecar summaries; keyboard grid wrap-around; restrict commander search to eligible rows
This commit is contained in:
parent
8fa040a05a
commit
0f73a85a4e
43 changed files with 4515 additions and 105 deletions
44
code/web/templates/build/_step3.html
Normal file
44
code/web/templates/build/_step3.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<section>
|
||||
<h3>Step 3: Ideal Counts</h3>
|
||||
<div class="two-col two-col-left-rail">
|
||||
<aside class="card-preview" data-card-name="{{ commander|urlencode }}">
|
||||
<a href="https://scryfall.com/search?q={{ commander|urlencode }}" target="_blank" rel="noopener">
|
||||
<img src="https://api.scryfall.com/cards/named?fuzzy={{ commander|urlencode }}&format=image&version=normal" alt="{{ commander }} card image" />
|
||||
</a>
|
||||
</aside>
|
||||
<div class="grow">
|
||||
<div hx-get="/build/banner?step=Ideal%20Counts&i=3&n=5" hx-trigger="load"></div>
|
||||
|
||||
|
||||
|
||||
{% if error %}
|
||||
<div style="color:#a00; margin:.5rem 0;">{{ error }}</div>
|
||||
{% endif %}
|
||||
|
||||
<form hx-post="/build/step3" hx-target="#wizard" hx-swap="innerHTML">
|
||||
<fieldset>
|
||||
<legend>Card Type Targets</legend>
|
||||
<div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:.75rem;">
|
||||
{% for key, label in labels.items() %}
|
||||
<label>
|
||||
{{ label }}
|
||||
<input type="number" name="{{ key }}" min="0" value="{{ (values or defaults)[key] }}" />
|
||||
<small class="muted">Default: {{ defaults[key] }}</small>
|
||||
</label>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<div style="margin-top:1rem; display:flex; gap:.5rem;">
|
||||
<button type="submit">Continue to Review</button>
|
||||
<button type="button" hx-get="/build/step2" hx-target="#wizard" hx-swap="innerHTML">Back</button>
|
||||
</div>
|
||||
</form>
|
||||
<div style="margin-top:.5rem;">
|
||||
<form action="/build" method="get" style="display:inline; margin:0;">
|
||||
<button type="submit">Start over</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue