update: add GPS truck data fetching and hidden input field

main
muamars 2025-10-27 10:19:20 +07:00
parent fbf33f3bc3
commit ddd831e390
1 changed files with 23 additions and 1 deletions

View File

@ -15,7 +15,7 @@
<div class="flex justify-center -mt-10 mb-6 relative">
<div class="bg-orange-100 border border-orange-400 px-4 py-2 rounded-xl shadow flex flex-col items-center">
<span class="text-green-700 font-bold text-lg">B 9632 TOR</span>
<span id="plat-nomor" class="text-green-700 font-bold text-lg">B 9632 TOR</span>
<span class="text-orange-500 text-xs mt-1">(JRC 005)</span>
</div>
</div>
@ -53,6 +53,7 @@
<input type="hidden" name="Latitude" id="input-latitude" />
<input type="hidden" name="Longitude" id="input-longitude" />
<input type="hidden" name="AlamatJalan" id="input-alamat-jalan" />
<input type="hidden" name="GpsTruck" id="input-gps-truck" />
<div class="pt-6 flex gap-3">
<a href="@Url.Action("Batal", "DetailPenjemputan")" class="w-full bg-red-500 text-white py-3 rounded-xl font-bold text-lg shadow hover:scale-105 hover:bg-red-600 transition-all duration-200 flex items-center justify-center gap-2">
Batal Angkut
@ -95,6 +96,8 @@ document.addEventListener('DOMContentLoaded', function() {
const inputLat = document.getElementById('input-latitude');
const inputLng = document.getElementById('input-longitude');
const inputAlamat = document.getElementById('input-alamat-jalan');
const inputGpsTruck = document.getElementById('input-gps-truck');
function reverseGeocode(lat, lng) {
const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
@ -149,6 +152,25 @@ document.addEventListener('DOMContentLoaded', function() {
}
getLocationUpdate();
function getGpsTruckData() {
const licensePlate = document.getElementById('plat-nomor').textContent.trim();
fetch(`http://10.50.50.61:5678/webhook/gps-truck?s=${encodeURIComponent(licensePlate)}`)
.then(response => response.json())
.then(data => {
if (data.success && data.data) {
inputGpsTruck.value = `${data.data.last_latitude},${data.data.last_longitude}`;
} else {
inputGpsTruck.value = '';
}
})
.catch(error => {
console.error('Error fetching GPS truck data:', error);
inputGpsTruck.value = '';
});
}
getGpsTruckData();
});
</script>
</register-block>