fixed #52

Backend/static/script.js

@@ -5,12 +5,19 @@ function clearEditState() {
   toggleAbsenceEdit(false);
 }
 
+function clearButtonState() {
+  for (let b of document.querySelectorAll(".change-button-component")) {
+    b.type = "button";
+  }
+}
+
 function editWorkday(element, event, id, isWorkDay) {
-  console.log("editWorkday called", isWorkDay);
   event.preventDefault();
   let form = document.getElementById(id);
   if (form == null) {
-    form = element.closest(".grid-sub").querySelector(".all-booking-component > form");
+    form = element
+      .closest(".grid-sub")
+      .querySelector(".all-booking-component > form");
   }
 
   clearEditState();
@@ -19,10 +26,12 @@ function editWorkday(element, event, id, isWorkDay) {
 
   if (isWorkDay) {
     element.classList.add("edit");
-    if (element.classList.contains("edit")) {
+    if (element.type == "button") {
       for (let input of form.querySelectorAll("input, select")) {
         input.disabled = false;
       }
+      clearButtonState();
+      element.type = "submit";
     } else {
       form.submit();
     }
@@ -30,10 +39,21 @@ function editWorkday(element, event, id, isWorkDay) {
     const absenceForm = document.getElementById("absence_form");
 
     if (id == 0) {
-      absenceForm.querySelector("[name=date_from]").value = form.id.replace("time-", "");
-      absenceForm.querySelector("[name=date_to]").value = form.id.replace("time-", "");
+      absenceForm.querySelector("[name=date_from]").value = form.id.replace(
+        "time-",
+        "",
+      );
+      absenceForm.querySelector("[name=date_to]").value = form.id.replace(
+        "time-",
+        "",
+      );
     } else {
-      syncFields(form, absenceForm, ["date_from", "date_to", "aw_type", "aw_id"]);
+      syncFields(form, absenceForm, [
+        "date_from",
+        "date_to",
+        "aw_type",
+        "aw_id",
+      ]);
     }
   }
 }