Files
ohm_streaming/templates/components/watchlist_section.html
root 4101d98a41 feat: complete UI redesign with DaisyUI + Tailwind CSS v4
Design system overhaul using DaisyUI v5 on Tailwind CSS v4:

- Custom 'ohmstream' dark theme with orange primary (#FF9F1C),
  magenta secondary, gold accent matching existing palette
- Tailwind CSS-first config (input.css source, style.css built output)
- DaisyUI components: navbar, drawer, cards, badges, alerts, tables,
  progress bars, tabs, toggles, stats, form controls, tooltips
- Mobile-first responsive layout with drawer navigation
- Eliminated ~500+ lines of embedded CSS across 15+ template files
- Removed all inline style spam from admin_panel and settings_section
- Preserved all HTMX triggers, Alpine.js state, and Jinja2 logic
- Updated auth-ui.js for DaisyUI tab-active class compatibility

Build: npm run build:css (minified) / npm run watch:css (dev)
2026-04-11 19:46:52 +00:00

27 lines
1.1 KiB
HTML

<div class="mb-10">
<div class="flex justify-between items-center mb-4">
<h2 class="text-xl font-bold flex items-center gap-2">
<i class="fa-solid fa-clipboard-list"></i> Ma Watchlist
</h2>
<div class="flex gap-2">
<button class="btn btn-sm btn-primary" hx-post="/api/watchlist/check" hx-swap="none">
<i class="fas fa-sync"></i> Vérifier épisodes
</button>
<button class="btn btn-sm btn-ghost"
hx-get="/api/watchlist"
hx-target="#watchlist-items-container">
<i class="fas fa-redo"></i> Actualiser
</button>
</div>
</div>
<!-- Watchlist items container loaded via HTMX on page load or manual refresh -->
<div id="watchlist-items-container"
hx-get="/api/watchlist"
hx-trigger="load"
class="flex justify-center py-8 text-base-content/50">
<span class="loading loading-spinner loading-lg"></span>
<span class="ml-2">Chargement de votre watchlist...</span>
</div>
</div>