functionality for change reserved days in celendar

ErfiDev · Dec 10, 2021 · 4ebf98a · 4ebf98a
1 parent 92a9cbe
commit 4ebf98a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/static/css/admin.css b/static/css/admin.css
@@ -165,4 +165,8 @@ body {
 }
 .celendar-child {
     border: 2px black solid;
+}
+
+.celendar-reserved {
+    background-color: rgb(2, 184, 2);
 }
diff --git a/views/admin-res-celendar.page.gohtml b/views/admin-res-celendar.page.gohtml
@@ -39,5 +39,18 @@
         }
 
         InitCelendar();
+
+        function InitColors(daysArr) {
+            let allChilds = document.querySelectorAll(".celendar-child");
+            for (let x in daysArr) {
+                for (let child in allChilds) {
+                    if (allChilds[child].innerText === daysArr[x]) {
+                        allChilds[child].classList.add("celendar-reserved");
+                    }
+                }
+            }
+        } 
+
+        InitColors({{index .Data "times"}})
     </script>
 {{end}}