Hynes/Void-Homelab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add separate Network·Devices band (IoT/personal) below Little Blue

Browse Source 
Read-only static band from public/devices.json (ARP scan), grouped Smart Home /
Entertainment / Personal / Network / Flagged. Kept distinct from Little Blue's
service health band. Live discovery deferred.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
root
2026-06-03 00:10:54 +10:00
parent 3fb5a60bf6
commit 1e1d0c539d
4 changed files with 100 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/views/sacred_valley.js
View File

@@ -1,6 +1,7 @@
import { el, mount } from '../dom.js';
import { api } from '../api.js';
import { renderHealthBand, stopHealthBand } from './health_band.js';
import { renderDevicesBand, stopDevicesBand } from './devices_band.js';
import { svCard } from '../components/sv_card.js';
import { attachReorder } from '../components/sv_reorder.js';
import { orderCards } from './cards/registry.js';
@@ -18,12 +19,13 @@ let renderGen = 0; // guards against overlapping
export async function render(main) {
const myGen = ++renderGen;
active.forEach(c => c.stop && c.stop()); active = []; stopHealthBand();
active.forEach(c => c.stop && c.stop()); active = []; stopHealthBand(); stopDevicesBand();
mount(main,
el('h1', { class: 'view-h1' }, 'Sacred Valley'),
el('p', { class: 'view-sub' }, 'The homelab, at a glance.'),
el('div', { id: 'sv-cards' }),
el('div', { id: 'sv-health' })
el('div', { id: 'sv-health' }),
el('div', { id: 'sv-devices' })
);
let layout = { card_order: [], hidden: [], sizes: {} };
@@ -50,4 +52,5 @@ export async function render(main) {
catch (e) { console.error('save layout', e); }
});
renderHealthBand(document.getElementById('sv-health'));
renderDevicesBand(document.getElementById('sv-devices'));
}