Code simplification, move to wizard style UI, JSON file cache (scans every 15 mins)

This commit is contained in:
markmental 2026-03-02 13:45:28 -05:00
commit 92362efd47
11 changed files with 1027 additions and 438 deletions

View file

@ -10,19 +10,35 @@
<body>
<div class="container">
<header>
<a href="index.php" aria-label="Go to home page">
<img width="250px" alt="freax penguin logo" src="freaxlogo.png"/>
</a>
<h1>Freax Web Media Player</h1>
<div class="subtitle">Your Digital Entertainment Hub, no bloat, always free, developed by MARKMENTAL</div>
</header>
<div class="main-layout">
<aside class="sidebar">
<div class="media-type-tabs">
<button class="tab-btn active" data-type="videos">Videos</button>
<button class="tab-btn" data-type="music">Music</button>
<div class="wizard-panel">
<div class="wizard-step" id="wizardStep">Step 1 - Choose Library</div>
<div class="wizard-section" id="libraryPicker">
<button class="tab-btn" data-library="videos">Videos</button>
<button class="tab-btn" data-library="music">Music</button>
</div>
<div class="wizard-section" id="browserStep" style="display:none;">
<div class="wizard-toolbar">
<button class="btn" id="backBtn" type="button">Back</button>
<button class="btn" id="rootBtn" type="button">Library Root</button>
<button class="btn" id="refreshBtn" type="button">Refresh</button>
</div>
<div class="wizard-library" id="currentLibraryLabel"></div>
<div class="wizard-path" id="breadcrumb">/</div>
</div>
</div>
<div class="file-browser" id="fileBrowser">
<div class="loading"></div>
<p style="color: var(--text-secondary); padding: 1rem;">Choose a library to browse files.</p>
</div>
</aside>
@ -81,4 +97,3 @@
<script src="assets/js/app.js"></script>
</body>
</html>