diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-17 02:14:30 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-17 02:14:30 -0700 |
| commit | 71c9ba3f8a1e395ed6718e780160e7cbf4710896 (patch) | |
| tree | 2c90ca6209e46408cef018e5235b129b502f3660 | |
| parent | 20c1d02b40bcb9abb5882d0503e596c82e9819bb (diff) | |
Modified adding to queue behavior
| -rw-r--r-- | static/app.js | 30 | ||||
| -rw-r--r-- | templates/profile.html | 2 |
2 files changed, 28 insertions, 4 deletions
diff --git a/static/app.js b/static/app.js index 39f8276..7a60c52 100644 --- a/static/app.js +++ b/static/app.js @@ -1,6 +1,30 @@ -const dateDefault = document.querySelector("[data-default-today]"); -if (dateDefault) { - dateDefault.value = new Date().toLocaleDateString("en-CA"); +const watchedDateInput = document.querySelector("#date_watched"); +const shelfInput = document.querySelector("#shelf"); + +const syncWatchedDateForShelf = () => { + if (!watchedDateInput || !shelfInput) return; + + const isQueue = shelfInput.value === "queue"; + watchedDateInput.disabled = isQueue; + + if (isQueue) { + watchedDateInput.value = ""; + return; + } + + if (!watchedDateInput.value && watchedDateInput.hasAttribute("data-default-today")) { + watchedDateInput.value = new Date().toLocaleDateString("en-CA"); + } +}; + +if (watchedDateInput && shelfInput) { + syncWatchedDateForShelf(); + shelfInput.addEventListener("change", syncWatchedDateForShelf); +} else { + const dateDefault = document.querySelector("[data-default-today]"); + if (dateDefault) { + dateDefault.value = new Date().toLocaleDateString("en-CA"); + } } // Hamburger menu toggle diff --git a/templates/profile.html b/templates/profile.html index bbf70a2..b1c1da8 100644 --- a/templates/profile.html +++ b/templates/profile.html @@ -10,7 +10,7 @@ <body class="public-profile-page"> <div class="public-shell"> <header class="public-topbar"> - <a class="brand" href="/tyler">Lumière</a> + <a class="brand" href="/">Lumière</a> <nav class="public-nav" aria-label="Primary"> <a class="is-active" href="/tyler">Profile</a> <a href="/about">About</a> |