{% for c in added_cards %}
+ {% set owned = (owned_set is defined and c.name and (c.name|lower in owned_set)) %}
diff --git a/code/web/templates/configs/run_result.html b/code/web/templates/configs/run_result.html
index 9dcbd66..4b442dd 100644
--- a/code/web/templates/configs/run_result.html
+++ b/code/web/templates/configs/run_result.html
@@ -3,7 +3,7 @@
This page shows the results of a non-interactive build from the selected JSON configuration.
diff --git a/code/web/templates/configs/view.html b/code/web/templates/configs/view.html
index a76e215..c4797db 100644
--- a/code/web/templates/configs/view.html
+++ b/code/web/templates/configs/view.html
@@ -15,8 +15,12 @@
Ideal Counts
{{ data.ideal_counts | tojson(indent=2) }}
-
diff --git a/code/web/templates/decks/index.html b/code/web/templates/decks/index.html
index fadd906..50ac7bd 100644
--- a/code/web/templates/decks/index.html
+++ b/code/web/templates/decks/index.html
@@ -16,18 +16,20 @@
+
-
+
@@ -82,7 +84,7 @@
Enter/Space opens a focused deck; Ctrl/Shift+Enter opens in a new tab
Arrow ↑/↓, Home, End navigate rows
Esc clears the filter (when focused)
-
R resets all filters, sort, and tags
+
R resets all filters, sort, and theme
Use “TXT only” to show only decks that have a TXT export
Share copies a link with your current filters
@@ -97,9 +99,9 @@
(function(){
var input = document.getElementById('deck-filter');
var sortSel = document.getElementById('deck-sort');
+ var themeSel = document.getElementById('deck-theme');
var clearBtn = document.getElementById('deck-clear');
var list = document.getElementById('deck-list');
- var chips = document.getElementById('tag-chips');
var countEl = document.getElementById('deck-count');
var shareBtn = document.getElementById('deck-share');
var resetAllBtn = document.getElementById('deck-reset-all');
@@ -112,15 +114,30 @@
var txtOnlyCb = document.getElementById('deck-txt-only');
if (!list) return;
- // Build tag chips from data-tags-pipe
- var tagSet = new Set();
+ // Panels and themes discovery from data-tags-pipe
var panels = Array.prototype.slice.call(list.querySelectorAll('.panel'));
function refreshPanels(){ panels = Array.prototype.slice.call(list.querySelectorAll('.panel')); }
- panels.forEach(function(p){
- var raw = p.dataset.tagsPipe || '';
- raw.split('|').forEach(function(t){ if (t && t.trim()) tagSet.add(t.trim()); });
+ var themeSet = new Set();
+ panels.forEach(function(p){
+ var raw = p.dataset.tagsPipe || '';
+ raw.split('|').forEach(function(t){ t = (t||'').trim(); if (t) themeSet.add(t); });
});
- var activeTags = new Set();
+ // Populate theme dropdown
+ if (themeSel) {
+ // Preserve current selection if any
+ var prev = themeSel.value || '';
+ // Reset to default option
+ themeSel.innerHTML = '
';
+ Array.from(themeSet).sort(function(a,b){ return a.localeCompare(b); }).forEach(function(t){
+ var opt = document.createElement('option');
+ opt.value = t; opt.textContent = t; themeSel.appendChild(opt);
+ });
+ if (prev) {
+ // Re-apply previous selection if it exists
+ var has = Array.prototype.some.call(themeSel.options, function(o){ return o.value === prev; });
+ if (has) themeSel.value = prev;
+ }
+ }
// URL hash <-> state sync helpers
function parseHash(){
@@ -130,22 +147,24 @@
var qp = new URLSearchParams(h);
var q = qp.get('q') || '';
var sort = qp.get('sort') || '';
+ var tag = qp.get('tag') || '';
var tagsStr = qp.get('tags') || '';
- var tags = tagsStr ? tagsStr.split(',').filter(Boolean).map(function(s){ return decodeURIComponent(s); }) : [];
+ var tags = tagsStr ? tagsStr.split(',').filter(Boolean).map(function(s){ return decodeURIComponent(s); }) : [];
+ if (!tag && tags.length) { tag = tags[0]; }
var txt = qp.get('txt');
var txtOnly = (txt === '1' || txt === 'true');
- return { q: q, sort: sort, tags: tags, txt: txtOnly };
+ return { q: q, sort: sort, tag: tag, txt: txtOnly };
} catch(_) { return null; }
}
function updateHashFromState(){
try {
var q = (input && input.value) ? input.value.trim() : '';
var sort = (sortSel && sortSel.value) ? sortSel.value : 'newest';
- var tags = Array.from(activeTags);
+ var tag = (themeSel && themeSel.value) ? themeSel.value : '';
var qp = new URLSearchParams();
if (q) qp.set('q', q);
if (sort && sort !== 'newest') qp.set('sort', sort);
- if (tags.length) qp.set('tags', tags.map(function(s){ return encodeURIComponent(s); }).join(','));
+ if (tag) qp.set('tag', tag);
if (txtOnlyCb && txtOnlyCb.checked) qp.set('txt', '1');
var newHash = qp.toString();
var base = location.pathname + location.search;
@@ -161,45 +180,16 @@
var changed = false;
if (typeof s.q === 'string' && input && input.value !== s.q) { input.value = s.q; changed = true; }
if (s.sort && sortSel && sortSel.value !== s.sort) { sortSel.value = s.sort; changed = true; }
- if (Array.isArray(s.tags)) { activeTags = new Set(s.tags); changed = true; }
+ if (typeof s.tag === 'string' && themeSel) {
+ // If the tag isn't present in options, add it for back-compat
+ var exists = Array.prototype.some.call(themeSel.options, function(o){ return o.value === s.tag; });
+ if (s.tag && !exists) { var opt = document.createElement('option'); opt.value = s.tag; opt.textContent = s.tag; themeSel.appendChild(opt); }
+ themeSel.value = s.tag; changed = true;
+ }
if (typeof s.txt === 'boolean' && txtOnlyCb) { txtOnlyCb.checked = s.txt; changed = true; }
- renderChips();
applyAll();
return changed;
}
- function renderChips(){
- if (!chips) return;
- chips.innerHTML = '';
- Array.from(tagSet).sort(function(a,b){ return a.localeCompare(b); }).forEach(function(t){
- var btn = document.createElement('button');
- btn.type = 'button';
- btn.className = 'chip chip-filter' + (activeTags.has(t) ? ' active' : '');
- btn.textContent = t;
- btn.setAttribute('aria-pressed', activeTags.has(t) ? 'true' : 'false');
- btn.addEventListener('click', function(){
- if (activeTags.has(t)) activeTags.delete(t); else activeTags.add(t);
- renderChips();
- applyAll();
- });
- chips.appendChild(btn);
- });
- // Reset tags control appears only when any tags are active
- if (activeTags.size > 0) {
- var reset = document.createElement('button');
- reset.type = 'button';
- reset.id = 'reset-tags';
- reset.className = 'chip';
- reset.textContent = 'Reset tags';
- reset.title = 'Clear selected theme tags';
- reset.addEventListener('click', function(){
- activeTags.clear();
- renderChips();
- applyAll();
- if (liveEl) liveEl.textContent = 'Theme tags cleared';
- });
- chips.appendChild(reset);
- }
- }
function updateCount(){
if (!countEl) return;
@@ -218,13 +208,13 @@
function applyFilter(){
var q = (input && input.value || '').toLowerCase();
+ var selTag = (themeSel && themeSel.value) ? themeSel.value : '';
panels.forEach(function(row){
var hay = (row.dataset.name + ' ' + row.dataset.commander + ' ' + (row.dataset.tags||'')).toLowerCase();
var textMatch = hay.indexOf(q) >= 0;
var tagsPipe = row.dataset.tagsPipe || '';
var tags = tagsPipe ? tagsPipe.split('|').filter(Boolean) : [];
- var tagMatch = true;
- activeTags.forEach(function(t){ if (tags.indexOf(t) === -1) tagMatch = false; });
+ var tagMatch = selTag ? (tags.indexOf(selTag) !== -1) : true;
var txtOk = true;
try { if (txtOnlyCb && txtOnlyCb.checked) { txtOk = (row.dataset.txt === '1'); } } catch(_){ }
row.style.display = (textMatch && tagMatch && txtOk) ? '' : 'none';
@@ -312,7 +302,7 @@
try {
if (input) localStorage.setItem('decks-filter', input.value || '');
if (sortSel) localStorage.setItem('decks-sort', sortSel.value || 'newest');
- localStorage.setItem('decks-tags', JSON.stringify(Array.from(activeTags)));
+ if (themeSel) localStorage.setItem('decks-theme', themeSel.value || '');
if (txtOnlyCb) localStorage.setItem('decks-txt', txtOnlyCb.checked ? '1' : '0');
} catch(_){ }
// Update URL hash for shareable state
@@ -332,13 +322,13 @@
var debouncedApply = debounce(applyAll, 150);
if (input) input.addEventListener('input', debouncedApply);
if (sortSel) sortSel.addEventListener('change', applyAll);
+ if (themeSel) themeSel.addEventListener('change', applyAll);
if (txtOnlyCb) txtOnlyCb.addEventListener('change', applyAll);
if (clearBtn) clearBtn.addEventListener('click', function(){
if (input) input.value = '';
- activeTags.clear();
+ if (themeSel) themeSel.value = '';
if (sortSel) sortSel.value = 'newest';
if (txtOnlyCb) txtOnlyCb.checked = false;
- renderChips();
applyAll();
});
@@ -348,19 +338,18 @@
if (input) input.value = '';
if (sortSel) sortSel.value = 'newest';
if (txtOnlyCb) txtOnlyCb.checked = false;
- activeTags.clear();
- renderChips();
+ if (themeSel) themeSel.value = '';
// Clear persistence
localStorage.removeItem('decks-filter');
localStorage.removeItem('decks-sort');
- localStorage.removeItem('decks-tags');
+ localStorage.removeItem('decks-theme');
localStorage.removeItem('decks-txt');
// Clear URL hash
var base = location.pathname + location.search;
history.replaceState(null, '', base);
} catch(_){ }
applyAll();
- if (liveEl) liveEl.textContent = 'Filters, sort, and tags reset';
+ if (liveEl) liveEl.textContent = 'Filters, sort, and theme reset';
});
if (shareBtn) shareBtn.addEventListener('click', function(){
@@ -385,7 +374,6 @@
var hadHash = false;
try { hadHash = !!((location.hash || '').replace(/^#/, '')); } catch(_){ }
if (hadHash) {
- renderChips();
if (!applyStateFromHash()) { applyAll(); }
} else {
// Load persisted state
@@ -394,11 +382,26 @@
if (input) input.value = savedFilter;
var savedSort = localStorage.getItem('decks-sort') || 'newest';
if (sortSel) sortSel.value = savedSort;
- var savedTags = JSON.parse(localStorage.getItem('decks-tags') || '[]');
- if (Array.isArray(savedTags)) savedTags.forEach(function(t){ activeTags.add(t); });
+ var savedTheme = localStorage.getItem('decks-theme') || '';
+ if (themeSel && savedTheme) {
+ var exists = Array.prototype.some.call(themeSel.options, function(o){ return o.value === savedTheme; });
+ if (!exists) { var opt = document.createElement('option'); opt.value = savedTheme; opt.textContent = savedTheme; themeSel.appendChild(opt); }
+ themeSel.value = savedTheme;
+ }
+ // Back-compat: if no savedTheme, try first of old saved tags
+ if (themeSel && !savedTheme) {
+ try {
+ var oldTags = JSON.parse(localStorage.getItem('decks-tags') || '[]');
+ if (Array.isArray(oldTags) && oldTags.length > 0) {
+ var ot = oldTags[0];
+ var ex2 = Array.prototype.some.call(themeSel.options, function(o){ return o.value === ot; });
+ if (!ex2) { var o2 = document.createElement('option'); o2.value = ot; o2.textContent = ot; themeSel.appendChild(o2); }
+ themeSel.value = ot;
+ }
+ } catch(_e){}
+ }
if (txtOnlyCb) txtOnlyCb.checked = (localStorage.getItem('decks-txt') === '1');
} catch(_){ }
- renderChips();
applyAll();
}
@@ -544,8 +547,6 @@
})();
+{% endblock %}
diff --git a/code/web/templates/partials/deck_summary.html b/code/web/templates/partials/deck_summary.html
index 808b168..640f274 100644
--- a/code/web/templates/partials/deck_summary.html
+++ b/code/web/templates/partials/deck_summary.html
@@ -1,9 +1,9 @@
Deck Summary
-
- Legend:
Game Changer
-
(green highlight)
-
+
+ Legend:
+ Game Changer (green highlight)
+ ✔Owned • ✖Not owned
@@ -29,7 +29,9 @@
.stack-card { width: var(--card-w); height: var(--card-h); border-radius:8px; box-shadow: 0 6px 18px rgba(0,0,0,.55); border:1px solid var(--border); background:#0f1115; transition: transform .06s ease, box-shadow .06s ease; position: relative; }
.stack-card img { width: var(--card-w); height: var(--card-h); display:block; border-radius:8px; }
.stack-card:hover { z-index: 999; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.6); }
- .count-badge { position:absolute; top:6px; right:6px; background:rgba(17,24,39,.9); color:#e5e7eb; border:1px solid var(--border); border-radius:12px; font-size:12px; line-height:18px; height:18px; padding:0 6px; pointer-events:none; }
+ .count-badge { position:absolute; top:6px; right:6px; background:rgba(17,24,39,.9); color:#e5e7eb; border:1px solid var(--border); border-radius:12px; font-size:12px; line-height:18px; height:18px; padding:0 6px; pointer-events:none; }
+ .owned-badge { position:absolute; top:6px; left:6px; background:rgba(17,24,39,.9); color:#e5e7eb; border:1px solid var(--border); border-radius:12px; font-size:12px; line-height:18px; height:18px; min-width:18px; padding:0 6px; text-align:center; pointer-events:none; z-index: 2; }
+ .owned-flag { font-size:.95rem; opacity:.9; }
{% for t in tb.order %}
@@ -42,9 +44,11 @@
{% for c in clist %}
{% set cnt = c.count if c.count else 1 %}
+ {% set owned = (owned_set is defined and c.name and (c.name|lower in owned_set)) %}
{{ cnt }}x {{ c.name }}
+ {% if owned %}✔{% else %}✖{% endif %}
{% endfor %}
@@ -64,9 +68,11 @@
{% for c in clist %}
{% set cnt = c.count if c.count else 1 %}
+ {% set owned = (owned_set is defined and c.name and (c.name|lower in owned_set)) %}
{{ cnt }}x
+
{% if owned %}✔{% else %}✖{% endif %}
{% endfor %}
@@ -133,110 +139,115 @@
})();
-
+
- Mana Pip Distribution (non-lands)
- {% set pd = summary.pip_distribution %}
+ Mana Overview
{% set deck_colors = summary.colors or [] %}
- {% if pd %}
- {% set colors = deck_colors if deck_colors else ['W','U','B','R','G'] %}
-
- {% for color in colors %}
- {% set w = (pd.weights[color] if pd.weights and color in pd.weights else 0) %}
- {% set pct = (w * 100) | int %}
-
-
-
{{ color }}
+
+
+
+
Mana Pips (non-lands)
+ {% set pd = summary.pip_distribution %}
+ {% if pd %}
+ {% set colors = deck_colors if deck_colors else ['W','U','B','R','G'] %}
+
+ {% for color in colors %}
+ {% set w = (pd.weights[color] if pd.weights and color in pd.weights else 0) %}
+ {% set pct = (w * 100) | int %}
+
+
+
{{ color }}
+
+ {% endfor %}
- {% endfor %}
+ {% else %}
+
No pip data.
+ {% endif %}
- {% else %}
-
No pip data.
- {% endif %}
-
-
-
- Mana Generation (Color Sources)
- {% set mg = summary.mana_generation %}
- {% set deck_colors = summary.colors or [] %}
- {% if mg %}
- {% set colors = deck_colors if deck_colors else ['W','U','B','R','G'] %}
- {% set ns = namespace(max_src=0) %}
- {% for color in colors %}
- {% set val = mg.get(color, 0) %}
- {% if val > ns.max_src %}{% set ns.max_src = val %}{% endif %}
- {% endfor %}
- {% set denom = (ns.max_src if ns.max_src and ns.max_src > 0 else 1) %}
-
- {% for color in colors %}
- {% set val = mg.get(color, 0) %}
- {% set pct = (val * 100 / denom) | int %}
-
-
-
{{ color }}
+
+
+
Mana Sources
+ {% set mg = summary.mana_generation %}
+ {% if mg %}
+ {% set colors = deck_colors if deck_colors else ['W','U','B','R','G'] %}
+ {% set ns = namespace(max_src=0) %}
+ {% for color in colors %}
+ {% set val = mg.get(color, 0) %}
+ {% if val > ns.max_src %}{% set ns.max_src = val %}{% endif %}
+ {% endfor %}
+ {% set denom = (ns.max_src if ns.max_src and ns.max_src > 0 else 1) %}
+
+ {% for color in colors %}
+ {% set val = mg.get(color, 0) %}
+ {% set pct = (val * 100 / denom) | int %}
+
+
+
{{ color }}
+
+ {% endfor %}
- {% endfor %}
+
Total sources: {{ mg.total_sources or 0 }}
+ {% else %}
+
No mana source data.
+ {% endif %}
-
Total sources: {{ mg.total_sources or 0 }}
- {% else %}
-
No mana source data.
- {% endif %}
-
-
-
- Mana Curve (non-lands)
- {% set mc = summary.mana_curve %}
- {% if mc %}
- {% set ts = mc.total_spells or 0 %}
- {% set denom = (ts if ts and ts > 0 else 1) %}
-
- {% for label in ['0','1','2','3','4','5','6+'] %}
- {% set val = mc.get(label, 0) %}
- {% set pct = (val * 100 / denom) | int %}
-
-
-
{{ label }}
+
+
+
Mana Curve (non-lands)
+ {% set mc = summary.mana_curve %}
+ {% if mc %}
+ {% set ts = mc.total_spells or 0 %}
+ {% set denom = (ts if ts and ts > 0 else 1) %}
+
+ {% for label in ['0','1','2','3','4','5','6+'] %}
+ {% set val = mc.get(label, 0) %}
+ {% set pct = (val * 100 / denom) | int %}
+
+
+
{{ label }}
+
+ {% endfor %}
- {% endfor %}
+
Total spells: {{ mc.total_spells or 0 }}
+ {% else %}
+
No curve data.
+ {% endif %}
-
Total spells: {{ mc.total_spells or 0 }}
- {% else %}
-
No curve data.
- {% endif %}
+
@@ -318,16 +329,15 @@
var grid = document.getElementById('test-hand-grid');
if (!grid) return;
grid.innerHTML = '';
- var unique = compress(hand);
- unique.forEach(function(it){
+ hand.forEach(function(name){
+ if (!name) return;
var div = document.createElement('div');
div.className = 'stack-card';
- if (GC_SET && GC_SET.has(it.name)) {
+ if (GC_SET && GC_SET.has(name)) {
div.className += ' game-changer';
}
div.innerHTML = (
- '
 + '&format=image&version=normal)
' +
- '
' + it.count + 'x
'
+ '
 + '&format=image&version=normal)
'
);
grid.appendChild(div);
});