mirror of
https://github.com/mwisnowski/mtg_python_deckbuilder.git
synced 2025-09-22 04:50:46 +02:00
65 lines
4.3 KiB
HTML
65 lines
4.3 KiB
HTML
{% if compliance %}
|
|
{% set non_compliant = compliance.overall is defined and (compliance.overall|string|lower != 'pass') %}
|
|
<details id="compliance-panel" style="margin-top:.75rem;" {% if non_compliant %}open{% endif %}>
|
|
<summary>Bracket compliance</summary>
|
|
{% set ov = compliance.overall|string|lower %}
|
|
<div class="muted" style="margin:.35rem 0;">Overall:
|
|
{% if ov == 'fail' %}
|
|
<span class="chip" title="Overall bracket status"><span class="dot" style="background: var(--red-main);"></span> FAIL</span>
|
|
{% elif ov == 'warn' %}
|
|
<span class="chip" title="Overall bracket status"><span class="dot" style="background: var(--orange-main);"></span> WARN</span>
|
|
{% else %}
|
|
<span class="chip" title="Overall bracket status"><span class="dot" style="background: var(--green-main);"></span> PASS</span>
|
|
{% endif %}
|
|
(Bracket: {{ compliance.bracket|title }}{{ ' #' ~ compliance.level if compliance.level is defined }})
|
|
</div>
|
|
{% if compliance.messages and compliance.messages|length > 0 %}
|
|
<ul style="margin:.25rem 0; padding-left:1.25rem;">
|
|
{% for m in compliance.messages %}
|
|
<li>{{ m }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
{# Flagged tiles by category, in the same card grid style #}
|
|
{% if flagged_meta and flagged_meta|length > 0 %}
|
|
<h5 style="margin:.75rem 0 .35rem 0;">Flagged cards</h5>
|
|
<div class="card-grid">
|
|
{% for f in flagged_meta %}
|
|
{% set sev = (f.severity or 'FAIL')|upper %}
|
|
<div class="card-tile" data-card-name="{{ f.name }}" data-role="{{ f.role or '' }}" {% if sev == 'FAIL' %}style="border-color: var(--red-main);"{% elif sev == 'WARN' %}style="border-color: var(--orange-main);"{% endif %}>
|
|
<a href="https://scryfall.com/search?q={{ f.name|urlencode }}" target="_blank" rel="noopener" class="img-btn" title="{{ f.name }}">
|
|
<img class="card-thumb" src="https://api.scryfall.com/cards/named?fuzzy={{ f.name|urlencode }}&format=image&version=normal" alt="{{ f.name }} image" width="160" loading="lazy" decoding="async" data-lqip="1"
|
|
srcset="https://api.scryfall.com/cards/named?fuzzy={{ f.name|urlencode }}&format=image&version=small 160w, https://api.scryfall.com/cards/named?fuzzy={{ f.name|urlencode }}&format=image&version=normal 488w, https://api.scryfall.com/cards/named?fuzzy={{ f.name|urlencode }}&format=image&version=large 672w"
|
|
sizes="160px" />
|
|
</a>
|
|
<div class="owned-badge" title="{{ 'Owned' if f.owned else 'Not owned' }}" aria-label="{{ 'Owned' if f.owned else 'Not owned' }}">{% if f.owned %}✔{% else %}✖{% endif %}</div>
|
|
<div class="name">{{ f.name }}</div>
|
|
<div class="muted" style="text-align:center; font-size:12px; display:flex; gap:.35rem; justify-content:center; align-items:center; flex-wrap:wrap;">
|
|
<span>{{ f.category }}{% if f.role %} • {{ f.role }}{% endif %}</span>
|
|
{% if sev == 'FAIL' %}
|
|
<span class="chip" title="Severity: FAIL"><span class="dot" style="background: var(--red-main);"></span> FAIL</span>
|
|
{% elif sev == 'WARN' %}
|
|
<span class="chip" title="Severity: WARN"><span class="dot" style="background: var(--orange-main);"></span> WARN</span>
|
|
{% endif %}
|
|
</div>
|
|
<div style="display:flex; justify-content:center; margin-top:.25rem;">
|
|
{# Role-aware alternatives: pass the flagged name; server will infer role and exclude in-deck/locked #}
|
|
<button type="button" class="btn" hx-get="/build/alternatives" hx-vals='{"name": "{{ f.name }}"}' hx-target="#alts-flag-{{ loop.index0 }}" hx-swap="innerHTML" title="Suggest role-consistent replacements">Pick replacement…</button>
|
|
</div>
|
|
<div id="alts-flag-{{ loop.index0 }}" class="alts" style="margin-top:.25rem;"></div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if compliance.enforcement %}
|
|
<div style="margin-top:.75rem; display:flex; gap:1rem; flex-wrap:wrap; align-items:center;">
|
|
<form hx-post="/build/enforce/apply" hx-target="#wizard" hx-swap="innerHTML" style="display:inline;">
|
|
<button type="submit" class="btn-rerun">Apply enforcement now</button>
|
|
</form>
|
|
<div class="muted">Tip: pick replacements first; your choices are honored during enforcement.</div>
|
|
</div>
|
|
{% endif %}
|
|
</details>
|
|
{% endif %}
|