blob: 1287fe9758e419860f2751b51285c86e9c2346a6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
import { API } from '../api.js';
import { state } from '../state.js';
import { escapeHtml, toast } from '../utils.js';
let loadMediaCallback = () => {};
export function initSets({ onLoadMedia } = {}) {
loadMediaCallback = onLoadMedia || (() => {});
}
export function renderSets() {
const el = document.getElementById('set-list');
if (el) {
el.innerHTML = state.sets.map((s) =>
`<div class="set-row" tabindex="0" role="button" data-id="${s.id}" aria-label="Set ${escapeHtml(s.name)}">
<span class="set-item flex-1-18" data-id="${s.id}">${escapeHtml(s.name)}</span>
<button class="icon-btn btn-sm" data-cover-set="${s.id}" title="Regenerate cover">🔄</button>
</div>`
).join('');
el.querySelectorAll('.set-row').forEach((row) => {
row.addEventListener('click', (e) => {
if (e.target.closest('[data-cover-set]')) return;
e.preventDefault();
selectSet(parseInt(row.dataset.id, 10));
});
});
el.querySelectorAll('[data-cover-set]').forEach((b) => {
b.addEventListener('click', async (e) => {
e.stopPropagation();
const id = b.dataset.coverSet;
try {
await API.regenCover(id);
toast('Cover regenerated');
} catch (err) {
toast(err.message || 'Cover failed', 'error');
}
});
});
}
updateSetRowsUI();
}
export function selectSet(id) {
if (!Number.isFinite(id)) return false;
if (!state.sets.some((set) => set.id === id)) return false;
state.selectedSetIds = [id];
state.selectedSetId = id;
state.folderPath = '';
updateSetRowsUI();
loadMediaCallback();
return true;
}
export function selectSetByHotkey(key) {
const index = parseInt(key, 10) - 1;
if (!Number.isFinite(index) || index < 0 || index >= 9 || index >= state.sets.length) {
return false;
}
return selectSet(state.sets[index].id);
}
export function updateSetRowsUI() {
document.querySelectorAll('#set-list .set-row').forEach((row) => {
const id = parseInt(row.dataset.id, 10);
const item = row.querySelector('.set-item');
if (!item) return;
item.classList.toggle('active', id === state.selectedSetId);
item.classList.toggle('selected', state.selectedSetIds.includes(id));
});
}
export function toggleSetSelection() {
const sidebar = document.getElementById('sidebar');
if (!sidebar) return;
const focused = document.activeElement.closest('.set-row');
if (!focused) return;
const id = parseInt(focused.dataset.id, 10);
const idx = state.selectedSetIds.indexOf(id);
if (idx >= 0) {
state.selectedSetIds.splice(idx, 1);
} else {
state.selectedSetIds.push(id);
}
if (state.selectedSetIds.length) {
state.selectedSetId = state.selectedSetIds[state.selectedSetIds.length - 1];
} else {
state.selectedSetId = null;
}
state.folderPath = '';
updateSetRowsUI();
loadMediaCallback();
}
export function setSetByDelta(dx) {
if (!state.sets.length) return;
let idx = state.sets.findIndex((s) => s.id === state.selectedSetId);
if (idx < 0) idx = 0;
const nextIdx = (idx + dx + state.sets.length) % state.sets.length;
selectSet(state.sets[nextIdx].id);
}
|
