Stu Leak
16fb407a3c
- Implement full web interface with Go html/template server - Add GX component library (buttons, dialogs, tables, forms, etc.) - Create scene/performer/studio/movie detail and listing pages - Add Adult Empire scraper for additional metadata sources - Implement movie support with database schema - Add import and sync services for data management - Include comprehensive API and frontend documentation - Add custom color scheme and responsive layout 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<div style="background:#0A0A0C; padding: 2rem; min-height: 100vh;">
|
|
<h2 style="color:white; margin-bottom:1rem;">GX Tabs Demo</h2>
|
|
|
|
<div class="gx-tabs" id="gx-tabs-demo">
|
|
|
|
<!-- TAB LIST -->
|
|
<div class="gx-tab-list">
|
|
<button class="gx-tab active">Overview</button>
|
|
<button class="gx-tab">Scenes</button>
|
|
<button class="gx-tab">Performers</button>
|
|
<button class="gx-tab">Analytics</button>
|
|
</div>
|
|
|
|
<!-- TAB CONTENT -->
|
|
<div class="gx-tab-panels">
|
|
<div class="gx-tab-panel active">
|
|
<h3 style="color:white;">Overview</h3>
|
|
<p style="color:var(--color-text-secondary);">General dashboard info here.</p>
|
|
</div>
|
|
|
|
<div class="gx-tab-panel">
|
|
<h3 style="color:white;">Scenes</h3>
|
|
<p style="color:var(--color-text-secondary);">Scene list, filters, metadata.</p>
|
|
</div>
|
|
|
|
<div class="gx-tab-panel">
|
|
<h3 style="color:white;">Performers</h3>
|
|
<p style="color:var(--color-text-secondary);">Performer profile data.</p>
|
|
</div>
|
|
|
|
<div class="gx-tab-panel">
|
|
<h3 style="color:white;">Analytics</h3>
|
|
<p style="color:var(--color-text-secondary);">Charts, stats, insights.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const root = document.getElementById("gx-tabs-demo");
|
|
const tabs = root.querySelectorAll(".gx-tab");
|
|
const panels = root.querySelectorAll(".gx-tab-panel");
|
|
|
|
tabs.forEach((tab, idx) => {
|
|
tab.addEventListener("click", () => {
|
|
if (tab.classList.contains("disabled")) return;
|
|
|
|
tabs.forEach(t => t.classList.remove("active"));
|
|
panels.forEach(p => p.classList.remove("active"));
|
|
|
|
tab.classList.add("active");
|
|
panels[idx].classList.add("active");
|
|
});
|
|
});
|
|
});
|
|
</script>
|