update: add GPS truck data fetching and hidden input field
parent
fbf33f3bc3
commit
ddd831e390
|
|
@ -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>
|
||||
Loading…
Reference in New Issue