+
diff --git a/ui/scripts.js b/ui/scripts.js
index 89c4a6d..aec0cb8 100644
--- a/ui/scripts.js
+++ b/ui/scripts.js
@@ -13,14 +13,29 @@ function stopQueuePoll() {
}
function switchTab(name) {
- document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
+ document.querySelectorAll('.tab').forEach(t => {
+ const on = t.dataset.tab === name;
+ t.classList.toggle('active', on);
+ t.setAttribute('aria-selected', on ? 'true' : 'false');
+ });
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
- document.querySelector(`.tab[data-tab="${name}"]`).classList.add('active');
document.getElementById('tab-' + name).classList.add('active');
if (name === 'queue') { renderQueue(); startQueuePoll(); }
else stopQueuePoll();
}
+// TUI-ish keys: 1/2 switch tabs, / focuses search
+document.addEventListener('keydown', (e) => {
+ if (e.target.matches('input, textarea')) return;
+ if (e.key === '1') switchTab('search');
+ else if (e.key === '2') switchTab('queue');
+ else if (e.key === '/') {
+ e.preventDefault();
+ switchTab('search');
+ searchInput.focus();
+ }
+});
+
document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', () => switchTab(tab.dataset.tab));
});
@@ -71,7 +86,7 @@ function renderSearchResults(files) {
${formatSize(f.size)} · votes: ${f.votes}