From e360d3566eb878a944dada510a0c7e8437a5554b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= <hugo@lysator.liu.se>
Date: Tue, 11 Aug 2020 21:31:52 +0200
Subject: Fix frontend for calendar choosing.

---
 static/script.js | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'static/script.js')

diff --git a/static/script.js b/static/script.js
index 0385ac5a..ed133a2d 100644
--- a/static/script.js
+++ b/static/script.js
@@ -122,6 +122,21 @@ function bind_popup_control (nav) {
     });
 }
 
+/*
+ * Finds the first element of the DOMTokenList whichs value matches
+ * the supplied regexp. Returns a pair of the index and the value.
+ */
+DOMTokenList.prototype.find = function (regexp) {
+    console.log(this);
+    let entries = this.entries();
+    let entry;
+    while (! (entry = entries.next()).done) {
+        if (entry.value[1].match(regexp)) {
+            return entry.value;
+        }
+    }
+}
+
 class EventCreator {
 
     /* dynamicly created event when dragging */
@@ -505,6 +520,29 @@ function place_in_edit_mode (event) {
 
     let evtext = popup.getElementsByClassName('eventtext')[0]
     let calendar_dropdown = document.getElementById('calendar-dropdown-template').firstChild.cloneNode(true);
+
+    let [_, calclass] = popup.classList.find(/^CAL_/);
+    for (let [i, option] of calendar_dropdown.childNodes.entries()) {
+        if (option.value === calclass.substr(4)) {
+            calendar_dropdown.selectedIndex = i;
+            break;
+        }
+    }
+
+    /* Instant change while user is stepping through would be
+     * preferable. But I believe that <option> first gives us the
+     * input once selected */
+    calendar_dropdown.onchange = function () {
+        let popup = this.closest('.popup-container')
+        let event = document.getElementById(popup.id.substr(5))
+
+        let [_, calclass] = popup.classList.find(/^CAL_/);
+
+        popup.classList.replace(calclass, "CAL_" + this.value)
+        event.classList.replace(calclass, "CAL_" + this.value)
+
+
+    }
     evtext.prepend(calendar_dropdown);
 
     /* ---------------------------------------- */
-- 
cgit v1.2.3