From 21058d5c4ee184cb1d66246e2b945ef91b23b492 Mon Sep 17 00:00:00 2001
From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com>
Date: Tue, 19 Mar 2024 09:08:30 +0100
Subject: [PATCH] Update map-customer.tpl

fix Map
---
 ui/ui/map-customer.tpl | 81 +++++++++++++++++-------------------------
 1 file changed, 32 insertions(+), 49 deletions(-)

diff --git a/ui/ui/map-customer.tpl b/ui/ui/map-customer.tpl
index 00c5ed9c..b19aebd5 100644
--- a/ui/ui/map-customer.tpl
+++ b/ui/ui/map-customer.tpl
@@ -4,59 +4,42 @@
 <div id="map" style="width: '100%'; height: 600px; margin: 20px auto"></div>
 
 {literal}
-    <script>
-        function getLocation() {
-            if (navigator.geolocation) {
-                navigator.geolocation.getCurrentPosition(showPosition);
-            } else {
-                setupMap(51.505, -0.09);
-            }
-        }
+<script>
+    window.onload = function() {
+        var map = L.map('map').setView([51.505, -0.09], 13);
+        var group = L.featureGroup().addTo(map);
+        
+        var customers = {/literal}{$customers|json_encode}{literal};
 
-        function showPosition(position) {
-            setupMap(position.coords.latitude, position.coords.longitude);
-        }
+        L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
+            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
+            subdomains: 'abcd',
+            maxZoom: 20
+        }).addTo(map);
 
-        function setupMap(lat, lon) {
-            var map = L.map('map').setView([lat, lon], 13);
-            var group = L.featureGroup().addTo(map);
+        customers.forEach(function(customer) {
+            var name = customer.id;
+            var name = customer.name;
+            var info = customer.info;
+            var coordinates = customer.coordinates;
+            var balance = customer.balance;
+            var address = customer.address;
 
-            var customers = {/literal}{$customers|json_encode}{literal};
+            // Create a popup for the marker
+            var popupContent = "<strong>Customer Name</strong>: " + name + "<br>" +
+                               "<strong>Customer Info</strong>: " + info + "<br>" +
+                               "<strong>Customer Balance</strong>: " + balance + "<br>" +
+                               "<strong>Address</strong>: " + address + "<br>" +
+                               "<strong>Coordinates</strong>: " + coordinates + "<br>" +
+                               "<a href='{/literal}{$_url}{literal}customers/view/"+ customer.id +"'>More Info</a><br>";
 
-            L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-                attribution:
-                    '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                    subdomains: 'abcd',
-                    maxZoom: 20
-            }).addTo(map);
+            // Add marker to map
+            var marker = L.marker(JSON.parse(coordinates)).addTo(group);
+            marker.bindTooltip(name).bindPopup(popupContent);
+        });
 
-            customers.forEach(function(customer) {
-                var name = customer.id;
-                var name = customer.name;
-                var info = customer.info;
-                var coordinates = customer.coordinates;
-                var balance = customer.balance;
-                var address = customer.address;
-
-                // Create a popup for the marker
-                var popupContent = "<strong>Customer Name</strong>: " + name + "<br>" +
-                    "<strong>Customer Info</strong>: " + info + "<br>" +
-                    "<strong>Customer Balance</strong>: " + balance + "<br>" +
-                    "<strong>Address</strong>: " + address + "<br>" +
-                    "<strong>Coordinates</strong>: " + coordinates + "<br>" +
-                    "<a href='{/literal}{$_url}{literal}customers/view/"+ customer.id +"'>More Info</a><br>";
-
-                    // Add marker to map
-                    var marker = L.marker(JSON.parse(coordinates)).addTo(group);
-                marker.bindTooltip(name).bindPopup(popupContent);
-            });
-
-            map.fitBounds(group.getBounds());
-        }
-        window.onload = function() {
-            getLocation();
-        }
-    </script>
+        map.fitBounds(group.getBounds());
+    }
+</script>
 {/literal}
-
 {include file="sections/footer.tpl"}
\ No newline at end of file