ui: declutter anime pages and controls

static/js/anime.js

@@ -0,0 +1,28 @@
+;(function () {
+  const toggleDropdown = () => {
+    const dropdown = document.getElementById('watchlist-dropdown')
+    if (!dropdown) {
+      return
+    }
+
+    dropdown.classList.toggle('open')
+  }
+
+  window.toggleDropdown = toggleDropdown
+
+  document.addEventListener('click', (event) => {
+    const dropdown = document.getElementById('watchlist-dropdown')
+    if (!dropdown) {
+      return
+    }
+
+    const target = event.target
+    if (!(target instanceof Node)) {
+      return
+    }
+
+    if (!dropdown.contains(target)) {
+      dropdown.classList.remove('open')
+    }
+  })
+})()

static/js/discover.js

@@ -0,0 +1,26 @@
+;(function () {
+  const setActiveTab = (clickedTab) => {
+    const group = clickedTab.closest('[data-tab-group="discover"]')
+    if (!group) {
+      return
+    }
+
+    const triggers = group.querySelectorAll('[data-tab-trigger]')
+    triggers.forEach((tab) => tab.classList.remove('active'))
+    clickedTab.classList.add('active')
+  }
+
+  document.addEventListener('click', (event) => {
+    const target = event.target
+    if (!(target instanceof Element)) {
+      return
+    }
+
+    const trigger = target.closest('[data-tab-trigger]')
+    if (!trigger) {
+      return
+    }
+
+    setActiveTab(trigger)
+  })
+})()

static/js/schedule.js

@@ -0,0 +1,29 @@
+;(function () {
+  const contentSelector = '#schedule-content'
+
+  const loadDay = (tab) => {
+    const day = tab.getAttribute('data-day')
+    if (!day || typeof htmx === 'undefined') {
+      return
+    }
+
+    const tabs = document.querySelectorAll('[data-schedule-tab]')
+    tabs.forEach((item) => item.classList.remove('active'))
+    tab.classList.add('active')
+    htmx.ajax('GET', `/api/schedule?day=${day}`, contentSelector)
+  }
+
+  document.addEventListener('click', (event) => {
+    const target = event.target
+    if (!(target instanceof Element)) {
+      return
+    }
+
+    const tab = target.closest('[data-schedule-tab]')
+    if (!tab) {
+      return
+    }
+
+    loadDay(tab)
+  })
+})()