timeout fix

resources/views/menu_v1/dashboard.blade.php

@@ -533,7 +533,8 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Gy1GXKD/V3EExgAs1V+pRO7vwtS1LHg0Gw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdn.jsdelivr.net/npm/leaflet-rotatedmarker@0.2.0/leaflet.rotatedMarker.min.js"></script>
     <script src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js"></script>
-
+	<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+					
     <script>
         'use strict';
 		
@@ -946,22 +947,110 @@
                 for (let i = 0; i < locs.length; i++) {
                     latLngs.push([locs[i].lat, locs[i].lng]);
                 }
-				let routes = L.Routing.control({
-					waypoints: latLngs.reverse(), // reverse to make first point as start
-					// router: L.Routing.osrmv1(),
-					router: L.Routing.osrmv1({
-						serviceUrl: "https://brilianapps.britimorleste.tl:5001/route/v1",
-					}),
-					show: false,
-					itinerary: null, // 👈 completely removes the panel
-					addWaypoints: false, // ❌ prevent adding points by clicking
-					draggableWaypoints: false, // ❌ prevent dragging markers
-					routeWhileDragging: false, // optional: don’t reroute while dragging
-					createMarker: () => null,
-					lineOptions:{
-						styles: [{ color: locs[0]?.options?.color, weight: 3, opacity: 0.7 }],
-					},
-				}).addTo(Leaflet.map)
+				// let routes = L.Routing.control({
+				// 	waypoints: latLngs.reverse(), // reverse to make first point as start
+				// 	// router: L.Routing.osrmv1(),
+				// 	router: L.Routing.osrmv1({
+				// 		serviceUrl: "https://brilianapps.britimorleste.tl:5001/route/v1",
+				// 	}),
+				// 	show: false,
+				// 	itinerary: null, // 👈 completely removes the panel
+				// 	addWaypoints: false, // ❌ prevent adding points by clicking
+				// 	draggableWaypoints: false, // ❌ prevent dragging markers
+				// 	routeWhileDragging: false, // optional: don’t reroute while dragging
+				// 	createMarker: () => null,
+				// 	lineOptions:{
+				// 		styles: [{ color: locs[0]?.options?.color, weight: 3, opacity: 0.7 }],
+				// 	},
+				// }).addTo(Leaflet.map)
+
+				function fetchOsrm(points) {
+					// balik koordinat: [lat, lon] -> [lon, lat]
+					const coords = points
+
+					// hints: N-1 semicolon
+					const hints = ";".repeat(points.length - 1);
+
+					const body = {
+						coordinates: coords,
+						overview: "false",
+						alternatives: "true",
+						steps: "true",
+						hints: hints
+					};
+
+					let config = {
+						method: 'post',
+						maxBodyLength: Infinity,
+						url: 'https://brilianapps.britimorleste.tl/osrm-backend/post-route/v1/driving/',
+						headers: {
+							'Content-Type': 'application/json'
+						},
+						data: body
+					};
+
+					return axios.request(config)
+						.then((response) => {
+							// console.log(JSON.stringify(response.data));
+							return response.data; // supaya bisa dipakai di luar
+						})
+						.catch((error) => {
+							console.error("Error:", err.message);
+							return null;
+						});
+
+				}
+
+				function decodeOSRMGeometry(encoded) {
+					const coordinates = [];
+					let index = 0,
+						lat = 0,
+						lng = 0;
+
+					while (index < encoded.length) {
+						let result = 1,
+							shift = 0,
+							b;
+						do {
+							b = encoded.charCodeAt(index++) - 63 - 1;
+							result += b << shift;
+							shift += 5;
+						} while (b >= 0x1f);
+						lat += (result & 1 ? ~(result >> 1) : result >> 1);
+
+						result = 1;
+						shift = 0;
+						do {
+							b = encoded.charCodeAt(index++) - 63 - 1;
+							result += b << shift;
+							shift += 5;
+						} while (b >= 0x1f);
+						lng += (result & 1 ? ~(result >> 1) : result >> 1);
+
+						coordinates.push([lat / 1e5, lng / 1e5]);
+					}
+
+					return coordinates;
+				}
+
+				let routes
+				fetchOsrm(latLngs).then(osrm => {
+					if (!osrm) return console.log("OSRM gagal");
+
+					const coords = osrm.routes[0].legs.flatMap(leg =>
+						leg.steps.flatMap(step =>
+							decodeOSRMGeometry(step.geometry)
+						)
+					);
+
+					routes = L.polyline(coords, {
+						color: locs[0]?.options?.color,
+						weight: 3,
+						opacity: 0.8
+					}).addTo(Leaflet.map);
+					Leaflet.map.fitBounds(coords.map(c => L.latLng(c[0], c[1])));
+				});
+
 
                 if (cb) cb(routes);
                 return routes;
@@ -2798,7 +2887,7 @@
 
 				polyTruckRoutes.forEach(async (poly, idx) => {
 					// console.log("poly", poly);					
-					let polyline = Leaflet.addRoutes(poly)
+					// let polyline = Leaflet.addRoutes(poly)
 					// let polyline = Leaflet.addPolylines(poly)
 
 					// let circlesStartStop = []
@@ -2847,7 +2936,7 @@
 						});
 
 						window.addEventListener('eventRemoveRouteStartEnd', function(e) {
-							polyline.remove();
+							// polyline.remove();
 							circlesStartStop.forEach(c => c.remove());
 						});
 					}