From b4fe435b9ef10af678ead2c8c9e146b4b3272242 Mon Sep 17 00:00:00 2001
From: roberto <roberto@speedtech.it>
Date: Fri, 7 Feb 2025 11:02:15 +0100
Subject: [PATCH] Javascript code clenaup

---
 assets/static/js/main.js | 63 +++++++++++++++++-----------------------
 1 file changed, 27 insertions(+), 36 deletions(-)

diff --git a/assets/static/js/main.js b/assets/static/js/main.js
index 9fbc2b7..da63939 100644
--- a/assets/static/js/main.js
+++ b/assets/static/js/main.js
@@ -1,4 +1,5 @@
-if (typeof(registerServiceWorker) === undefined) {
+import * as htmx from "./htmx/htmx";
+
 const registerServiceWorker = async () => {
   if ("serviceWorker" in navigator) {
       try {
@@ -18,20 +19,13 @@ const registerServiceWorker = async () => {
   }
 };
 registerServiceWorker();
-}
 
-//Variable for gestures
-if (typeof(_bm_xDown) == undefined) {
-  let _bm_xDown;
-}
-
-if (typeof(_bm_yDown) == undefined) {
-  let _bm_yDown;
-}
+let _bm_xDown = 0;
+let _bm_yDown = 0;
 
 function bm_toggle_dropdown(list_id) {
-  var list = document.getElementById(list_id);
-  if (list.className.indexOf("show") === -1) {
+    let list = document.getElementById(list_id);
+    if (list.className.indexOf("show") === -1) {
     list.className += "show";
   } else {
     list.className = list.className.replace("show", "");
@@ -44,7 +38,7 @@ function bm_overlay_off(sidebar_id) {
 }
 
 function bm_toggle_sidebar(sidebar_id) {
-  sidebar = document.getElementById(sidebar_id);
+  let sidebar = document.getElementById(sidebar_id);
   if (sidebar.style.display === "block") {
     document.getElementById("overlay").style.display = "none";
     sidebar.style.display = "none";
@@ -58,13 +52,13 @@ function bm_toggle_sidebar(sidebar_id) {
 
 function bm_hide_sidebar(sidebar_id) {
   document.getElementById("overlay").style.display = "none";
-  sidebar = document.getElementById(sidebar_id);
+  let sidebar = document.getElementById(sidebar_id);
   sidebar.style.display = "none";
   sidebar.classList.remove("mobile-sidebar")
 }
 
 function bm_sidebar_click(sidebar_id) {
-  sidebar = document.getElementById(sidebar_id);
+  let sidebar = document.getElementById(sidebar_id);
   if(sidebar.classList.contains("mobile-sidebar")) {
     bm_hide_sidebar(sidebar_id);
     bm_hide_quickbox();
@@ -72,15 +66,15 @@ function bm_sidebar_click(sidebar_id) {
 }
 
 function bm_toggle_visibility(element_id) {
-  element = document.getElementById(element_id);
+  let element = document.getElementById(element_id);
   if (element.classList.contains("hidden")) {
     element.classList.remove("hidden");
   } else {
     element.classList.add("hidden");
   }
 
-  var x = document.getElementsByClassName(element_id);
-  for (var i = 0; i < x.length; i++) {
+  let x = document.getElementsByClassName(element_id);
+  for (let i = 0; i < x.length; i++) {
     if (x[i].classList.contains("hidden")) {
       x[i].classList.remove("hidden");
     } else {
@@ -90,11 +84,11 @@ function bm_toggle_visibility(element_id) {
 }
 
 function bm_toggle_visibility_list_search(element_id) {
-  element = document.getElementById(element_id);
+  let element = document.getElementById(element_id);
   element.hidden = !element.hidden;
 
-  var x = document.getElementsByClassName("stickyheader");
-  for (var i = 0; i < x.length; i++) {
+  let x = document.getElementsByClassName("stickyheader");
+  for (let i = 0; i < x.length; i++) {
     if (x[i].classList.contains("searchopened")) {
       x[i].classList.remove("searchopened");
     } else {
@@ -104,13 +98,13 @@ function bm_toggle_visibility_list_search(element_id) {
 }
 
 function bm_open_tab(element, tab_button_class, tab_class, tab_id) {
-  var x = document.getElementsByClassName("tab-button");
-  for (var i = 0; i < x.length; i++) {
+    let x = document.getElementsByClassName("tab-button");
+    for (let i = 0; i < x.length; i++) {
     x[i].classList.remove("active");
   }
   element.classList.add("active");
-  var x = document.getElementsByClassName("tab");
-  for (var i = 0; i < x.length; i++) {
+  x = document.getElementsByClassName("tab");
+  for (let i = 0; i < x.length; i++) {
     x[i].style.display = "none";
   }
   document.getElementById(tab_id).style.display = "block"; 
@@ -126,9 +120,8 @@ function bm_hide_quickbox() {
 }
 
 function bm_toggle_quickbox() {
-  quickbox = document.getElementById("quickbox");
-  console.log(quickbox);
-  if(quickbox.style.display == "block") {
+  let quickbox = document.getElementById("quickbox");
+  if(quickbox.style.display === "block") {
     bm_hide_quickbox();
   }
   else {
@@ -196,8 +189,8 @@ function bm_element_list_delete(sender, element_name, element_name_remove) {
     document.getElementById(element_name_remove).value = '1';
     sender.hidden = true;
     document.getElementById('Undelete-' + element_name).hidden = false;
-    var x = document.getElementsByClassName(element_name + "-Col");
-    for (var i = 0; i < x.length; i++) {
+    let x = document.getElementsByClassName(element_name + "-Col");
+    for (let i = 0; i < x.length; i++) {
         x[i].classList.add("field-opaque");
     }
 }
@@ -206,8 +199,8 @@ function bm_element_list_undelete(sender, element_name, element_name_remove) {
     document.getElementById(element_name_remove).value = '';
     sender.hidden = true;
     document.getElementById('Delete-' + element_name).hidden = false;
-    var x = document.getElementsByClassName(element_name + "-Col");
-    for (var i = 0; i < x.length; i++) {
+    let x = document.getElementsByClassName(element_name + "-Col");
+    for (let i = 0; i < x.length; i++) {
         x[i].classList.remove("field-opaque");
     }
 }
@@ -217,11 +210,10 @@ function bm_showMessage() {
     setTimeout(() => {
         document.getElementById('message').close();
         document.getElementById('message').innerHTML = '';
-    }, "5000");
+    }, 5000);
 }
 
 document.addEventListener("DOMContentLoaded", function(event){
-  // const easyMDE = new EasyMDE({autosave: {enabled: true, uniqueId: 'eMDE-item-descriotion'}, element: document.getElementById('item-description')});
   /*
   //Swipe on body, disabled due to conflicts
   document.querySelector('body')
@@ -272,10 +264,9 @@ document.addEventListener("DOMContentLoaded", function(event){
 
   document.body.addEventListener("closeQuickboxTransformModal", function(evt){
       bm_showMessage();
-
       document.getElementById('dialog').close();
       document.getElementById('dialog').remove();
-    if(evt.detail.keepQuickNote == 0){
+    if(evt.detail.keepQuickNote === 0){
       htmx.ajax('DELETE', '/quickbox/delete/' + evt.detail.quickNoteId, {target:'#quicknote-' + evt.detail.quickNoteId, swap:'outerHTML swap:1s'})
     }
   });