From 331e5d6c8ac37991c280365d8d0393a9dad5ae87 Mon Sep 17 00:00:00 2001
From: Alexandro Uc Santos <alexandro.us@icloud.com>
Date: Thu, 10 Apr 2025 19:56:19 -0600
Subject: [PATCH] show carrier info in traking load

---
 src/components/ProposalsModal.vue |  6 +++++-
 src/views/TrackingLoadView.vue    | 21 ++++++++++++++++++---
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/ProposalsModal.vue b/src/components/ProposalsModal.vue
index 1933ca2..ef22f86 100644
--- a/src/components/ProposalsModal.vue
+++ b/src/components/ProposalsModal.vue
@@ -42,6 +42,8 @@
             vehicle: proposal.vehicle._id,
         }
 
+        console.log(proposal)
+
         isLoadingActions.value = true;
         let load = await loadsStore.updateLoad(load_id, loadData);
         if(load != null) {
@@ -54,7 +56,9 @@
             loadsStore.loads[index] = {
                 ...loadsStore.loads[index],
                 ...load,
-                ...dataLocal
+                ...dataLocal,
+                carrier: proposal.carrier,
+                vehicle: proposal.vehicle,
             };
             const proposal_id = proposal._id;
     
diff --git a/src/views/TrackingLoadView.vue b/src/views/TrackingLoadView.vue
index d978f44..c72706d 100644
--- a/src/views/TrackingLoadView.vue
+++ b/src/views/TrackingLoadView.vue
@@ -10,6 +10,7 @@
     import { useI18n } from 'vue-i18n';
     import AttachmentsModal from '../components/AttachmentsModal.vue';
     import { useLoadsStore } from '../stores/loads';
+    import CarrierInfoModal from '../components/CarrierInfoModal.vue';
 
     const mapKey = import.meta.env.VITE_MAP_KEY;
 
@@ -91,10 +92,16 @@
             heightMap.value = 768;
         }
     }
+
+    const openModal = () => {
+        loadStore.openCarrierInfoModal = true;
+    }
+    
 </script>
 
 <template>
     <AttachmentsModal v-if="loadStore.openAttachmentsModal"/>
+    <CarrierInfoModal :load="load" v-if="loadStore.openCarrierInfoModal"/>
     <h2 class="title text-center mt-5">{{ t('loads.trackingLoad') }}</h2>
     <Spiner v-if="loading"/>
     <div v-else>
@@ -119,15 +126,23 @@
                 > 
                     <Marker v-if="originCoords" :options="{position: originCoords, label: 'O', title: 'Destino'}" />
                     <Marker v-if="destinationCoords" :options="{position: destinationCoords, label: 'D', title: 'Origen'}" />
-                    <!-- v-if="vehicleLastLocation && load.vehicle.background_tracking && isLoadActive" -->
+                    <!-- <CustomMarker
+                        :options="{position: vehicleLastLocation}"
+                        :clickable="false"
+                        :draggable="false"
+                    > -->
                     <CustomMarker
                         v-if="vehicleLastLocation && load.vehicle.background_tracking && isLoadActive"
                         :options="{position: vehicleLastLocation}"
                         :clickable="false"
                         :draggable="false"
+                    >
+                        <div 
+                            style="text-align: center"
+                            data-toggle="modal" 
+                            data-target="#carrierInfoModal"
+                            @click="openModal()"
                         >
-                        <div style="text-align: center">
-                            <!-- <img src="/images/freeTruck.png" width="25" height="25" /> -->
                             <i class="fa-solid fa-truck" :style="{fontSize: 25 + 'px', color: 'green'}"></i>
                         </div>
                     </CustomMarker>