Modified adding to queue behavior

1 files changed, 27 insertions, 3 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