feat: add web frontend for FabWorks API

Add static HTML/CSS/JS frontend with export browser, search, and file download capabilities served via UseStaticFiles. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-18 20:37:16 -05:00
parent cf76ca8bb1
commit 5ec66f9039
7 changed files with 1339 additions and 0 deletions
@@ -0,0 +1,35 @@
+const router = {
+    go(page, params = {}) {
+        const hash = page + (params.id ? '/' + params.id : '') + (params.q ? '?q=' + encodeURIComponent(params.q) : '');
+        location.hash = hash;
+    },
+    parse() {
+        const h = location.hash.slice(1) || 'exports';
+        const [path, qs] = h.split('?');
+        const parts = path.split('/');
+        const params = {};
+        if (qs) qs.split('&').forEach(p => { const [k,v] = p.split('='); params[k] = decodeURIComponent(v); });
+        return { page: parts[0], id: parts[1], params };
+    },
+    init() {
+        window.addEventListener('hashchange', () => this.dispatch());
+        this.dispatch();
+    },
+    dispatch() {
+        const { page, id, params } = this.parse();
+        document.querySelectorAll('.nav-item').forEach(el => {
+            el.classList.toggle('active',
+                el.dataset.page === page ||
+                (page === 'export-detail' && el.dataset.page === 'exports') ||
+                (page === 'drawing-detail' && el.dataset.page === 'drawings'));
+        });
+        switch(page) {
+            case 'exports': pages.exports(params); break;
+            case 'export-detail': pages.exportDetail(id); break;
+            case 'drawings': pages.drawings(); break;
+            case 'drawing-detail': pages.drawingDetail(id, params); break;
+            case 'files': pages.files(params); break;
+            default: pages.exports(params);
+        }
+    }
+};