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
2025-08-26 09:48:25 -07:00
|
|
|
<section>
|
|
|
|
<h3>Step 4: Review</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=Review&i=4&n=5" hx-trigger="load"></div>
|
|
|
|
<h4>Chosen Ideals</h4>
|
|
|
|
<ul>
|
|
|
|
{% for key, label in labels.items() %}
|
|
|
|
<li>{{ label }}: <strong>{{ values[key] }}</strong></li>
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
2025-08-26 16:25:34 -07:00
|
|
|
<form hx-post="/build/toggle-owned-review" hx-target="#wizard" hx-swap="innerHTML" style="margin:.5rem 0; display:flex; align-items:center; gap:1rem; flex-wrap:wrap;">
|
|
|
|
<label style="display:flex; align-items:center; gap:.35rem;">
|
|
|
|
<input type="checkbox" name="use_owned_only" value="1" {% if owned_only %}checked{% endif %} onchange="this.form.requestSubmit();" />
|
|
|
|
Use only owned cards
|
|
|
|
</label>
|
|
|
|
<label style="display:flex; align-items:center; gap:.35rem;">
|
|
|
|
<input type="checkbox" name="prefer_owned" value="1" {% if prefer_owned %}checked{% endif %} onchange="this.form.requestSubmit();" />
|
|
|
|
Prefer owned cards (allow unowned fallback)
|
|
|
|
</label>
|
|
|
|
<a href="/owned" target="_blank" rel="noopener" class="muted">Manage Owned Library</a>
|
|
|
|
</form>
|
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
2025-08-26 09:48:25 -07:00
|
|
|
<div style="margin-top:1rem; display:flex; gap:.5rem;">
|
|
|
|
<form action="/build/step5/start" method="post" hx-post="/build/step5/start" hx-target="#wizard" hx-swap="innerHTML" style="display:inline; margin:0;">
|
|
|
|
<button type="submit">Build Deck</button>
|
|
|
|
</form>
|
|
|
|
<button type="button" hx-get="/build/step3" hx-target="#wizard" hx-swap="innerHTML">Back</button>
|
|
|
|
<form action="/build" method="get" style="display:inline; margin:0;">
|
|
|
|
<button type="submit">Start over</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|