theater/tendrils
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add table view hash state and shrink table font

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Ian Gulliver
2026-01-29 10:55:51 -08:00
parent 0c98198e91
commit 8ea593625a
2 changed files with 39 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
static/index.html
View File

@@ -335,10 +335,11 @@
background: #222;
border-radius: 8px;
overflow: hidden;
font-size: 11px;
}
.data-table th, .data-table td {
padding: 8px 12px;
padding: 6px 10px;
text-align: left;
border-bottom: 1px solid #333;
}
@@ -2325,7 +2326,21 @@
connectSSE();
let currentMode = 'network';
let currentView = 'map';
let tableData = null;
let tableSortColumn = null;
let tableSortAsc = true;
function updateHash() {
let hash = '';
if (currentMode !== 'network') hash = currentMode;
if (currentView === 'table') hash += (hash ? '-' : '') + 'table';
window.location.hash = hash;
}
function setMode(mode) {
currentMode = mode;
document.body.classList.remove('dante-mode', 'artnet-mode', 'sacn-mode');
document.getElementById('mode-network').classList.remove('active');
document.getElementById('mode-dante').classList.remove('active');
@@ -2335,20 +2350,17 @@
if (mode === 'dante') {
document.body.classList.add('dante-mode');
document.getElementById('mode-dante').classList.add('active');
window.location.hash = 'dante';
} else if (mode === 'artnet') {
document.body.classList.add('artnet-mode');
document.getElementById('mode-artnet').classList.add('active');
window.location.hash = 'artnet';
} else if (mode === 'sacn') {
document.body.classList.add('sacn-mode');
document.getElementById('mode-sacn').classList.add('active');
window.location.hash = 'sacn';
} else {
document.getElementById('mode-network').classList.add('active');
window.location.hash = '';
}
updateHash();
tableSortColumn = null;
tableSortAsc = true;
if (currentView === 'table') {
@@ -2356,26 +2368,21 @@
}
}
function setView(view) {
currentView = view;
document.getElementById('view-map').classList.toggle('active', view === 'map');
document.getElementById('view-table').classList.toggle('active', view === 'table');
document.body.classList.toggle('table-view', view === 'table');
updateHash();
if (view === 'table' && tableData) {
renderTable();
}
}
document.getElementById('mode-network').addEventListener('click', () => setMode('network'));
document.getElementById('mode-dante').addEventListener('click', () => setMode('dante'));
document.getElementById('mode-artnet').addEventListener('click', () => setMode('artnet'));
document.getElementById('mode-sacn').addEventListener('click', () => setMode('sacn'));
let currentView = 'map';
let tableData = null;
let tableSortColumn = null;
let tableSortAsc = true;
function setView(view) {
currentView = view;
document.getElementById('view-map').classList.toggle('active', view === 'map');
document.getElementById('view-table').classList.toggle('active', view === 'table');
document.body.classList.toggle('table-view', view === 'table');
if (view === 'table' && tableData) {
renderTable();
}
}
document.getElementById('view-map').addEventListener('click', () => setView('map'));
document.getElementById('view-table').addEventListener('click', () => setView('table'));
@@ -2715,12 +2722,16 @@
}
});
if (window.location.hash === '#dante') {
setMode('dante');
} else if (window.location.hash === '#artnet') {
setMode('artnet');
} else if (window.location.hash === '#sacn') {
setMode('sacn');
const hash = window.location.hash.slice(1);
const hashParts = hash.split('-');
const hashMode = hashParts[0];
const hashView = hashParts.includes('table') ? 'table' : 'map';
if (hashMode === 'dante' || hashMode === 'artnet' || hashMode === 'sacn') {
setMode(hashMode);
}
if (hashView === 'table') {
setView('table');
}
</script>
</body>