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>
31 lines
946 B
HTML
31 lines
946 B
HTML
<div style="background:#0A0A0C; padding: 2rem; min-height: 100vh;">
|
|
<h2 style="margin-bottom:1rem; color:white;">GX Segmented Control Demo</h2>
|
|
|
|
<div class="gx-segmented" id="segment-demo">
|
|
<button class="active">Overview</button>
|
|
<button>Scenes</button>
|
|
<button>Performers</button>
|
|
<button>Tags</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
document.querySelectorAll(".gx-segmented").forEach(segmented => {
|
|
const buttons = segmented.querySelectorAll("button");
|
|
|
|
buttons.forEach(btn => {
|
|
btn.addEventListener("click", () => {
|
|
if (btn.classList.contains("disabled")) return;
|
|
|
|
// Clear current active
|
|
buttons.forEach(b => b.classList.remove("active"));
|
|
|
|
// Set new active
|
|
btn.classList.add("active");
|
|
});
|
|
});
|
|
});
|
|
});
|
|
</script>
|