From 61d96b30b934a6e1aec89477772f7f51074ef975 Mon Sep 17 00:00:00 2001 From: don philipe Date: Fri, 9 May 2025 18:26:43 +0200 Subject: [PATCH] Replace sidebar --- src/main/webapp/index.html | 97 ++++++++++++++++++++++++++++++++------ src/main/webapp/lib.js | 88 +++++++++++++++++----------------- 2 files changed, 129 insertions(+), 56 deletions(-) diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html index f50fdea..d4a467b 100644 --- a/src/main/webapp/index.html +++ b/src/main/webapp/index.html @@ -6,8 +6,8 @@ - - + + -
- 

+        

+		
+        

         
 
 
diff --git a/src/main/webapp/lib.js b/src/main/webapp/lib.js
index 33bf5dd..06662fd 100644
--- a/src/main/webapp/lib.js
+++ b/src/main/webapp/lib.js
@@ -1,6 +1,7 @@
 const lib = new function () {
 
     let ghbase = ""
+    let planningMode = "classic";
 
     /**
      * Initialize Map etc
@@ -50,48 +51,48 @@ const lib = new function () {
           .setHTML('


')
           .addTo(map);
 
-              let featbtn = document.getElementById("btn-feat");
-              featbtn.onclick = function () {
-                  contextmenu.remove();
-                  const features = map.queryRenderedFeatures(e.point);
-                  const prop = features.map(function (feat) {
-                      return feat["properties"];
-                  });
-                  const featPopup = new maplibregl.Popup()
-                      .setLngLat(coordinates)
-                      .setHTML(JSON.stringify(prop))
-                      .addTo(map);
-              };
-              let startbtn = document.getElementById("btn-start");
-              startbtn.onclick = function () {
-                  contextmenu.remove();
-                  startMarker.setLngLat([coordinates.lng, coordinates.lat]).addTo(map);
-                  startMarker.onMap = true;
-                  if (finishMarker.onMap) {
-                      lib.doRouting(map, coordinates, finishMarker.getLngLat(), viaMarkers);
-                  }
-              };
-              let finishbtn = document.getElementById("btn-finish");
-              finishbtn.onclick = function () {
-                  contextmenu.remove();
-                  finishMarker.setLngLat([coordinates.lng, coordinates.lat]).addTo(map);
-                  finishMarker.onMap = true;
-                  if (startMarker.onMap) {
-                      lib.doRouting(map, startMarker.getLngLat(), coordinates, viaMarkers);
-                  }
-              };
-              let viabtn = document.getElementById("btn-via");
-              viabtn.onclick = function () {
-                  contextmenu.remove();
-                  const marker = new maplibregl.Marker({color: "#0000FF", draggable: true}).setLngLat([coordinates.lng, coordinates.lat]);
-                  marker.on("dragend", function() {lib.doRouting(map, startMarker.getLngLat(), finishMarker.getLngLat(), viaMarkers);});
-                  marker.addTo(map);
-                  marker.onMap = true;
-                  viaMarkers.push(marker);
-                  if (startMarker.onMap && finishMarker.onMap) {
-                      lib.doRouting(map, startMarker.getLngLat(), finishMarker.getLngLat(), viaMarkers);
-                  }
-              };
+        let featbtn = document.getElementById("btn-feat");
+        featbtn.onclick = function () {
+            contextmenu.remove();
+            const features = map.queryRenderedFeatures(e.point);
+            const prop = features.map(function (feat) {
+                return feat["properties"];
+            });
+            const featPopup = new maplibregl.Popup()
+                .setLngLat(coordinates)
+                .setHTML(JSON.stringify(prop))
+                .addTo(map);
+        };
+        let startbtn = document.getElementById("btn-start");
+        startbtn.onclick = function () {
+            contextmenu.remove();
+            startMarker.setLngLat([coordinates.lng, coordinates.lat]).addTo(map);
+            startMarker.onMap = true;
+            if (finishMarker.onMap) {
+                lib.doRouting(map, coordinates, finishMarker.getLngLat(), viaMarkers);
+            }
+        };
+        let finishbtn = document.getElementById("btn-finish");
+        finishbtn.onclick = function () {
+            contextmenu.remove();
+            finishMarker.setLngLat([coordinates.lng, coordinates.lat]).addTo(map);
+            finishMarker.onMap = true;
+            if (startMarker.onMap) {
+                lib.doRouting(map, startMarker.getLngLat(), coordinates, viaMarkers);
+            }
+        };
+        let viabtn = document.getElementById("btn-via");
+        viabtn.onclick = function () {
+            contextmenu.remove();
+            const marker = new maplibregl.Marker({color: "#0000FF", draggable: true}).setLngLat([coordinates.lng, coordinates.lat]);
+            marker.on("dragend", function() {lib.doRouting(map, startMarker.getLngLat(), finishMarker.getLngLat(), viaMarkers);});
+            marker.addTo(map);
+            marker.onMap = true;
+            viaMarkers.push(marker);
+            if (startMarker.onMap && finishMarker.onMap) {
+                lib.doRouting(map, startMarker.getLngLat(), finishMarker.getLngLat(), viaMarkers);
+            }
+        };
       });
     };
 
@@ -148,4 +149,7 @@ const lib = new function () {
             dataType: "json"
         });
     };
+
+    this.togglePlanningMode = function () {
+    };
 };