add: edit proposal

src/views/SearchLoadsView.vue

@@ -168,7 +168,7 @@
             v-if="loads.length > 0" 
             v-for="load in loads"
             :load="load"
-            :read-only="true"
+            :read-only="false"
             @set-load="handleSetCurrentLoad(load)"
         />
         <CardEmpty 

src/views/TrucksPublishedView.vue

@@ -3,9 +3,14 @@
     import { useCompanyStore } from '../stores/company';
     import Spiner from '../components/ui/Spiner.vue';
     import CardProposal from '../components/CardProposal.vue';
+    import LoadDetailModal from '../components/LoadDetailModal.vue';
+import MakeProposalModal from '../components/MakeProposalModal.vue';
 
     const companyStore = useCompanyStore();
     const loading = ref(false);
+    const proposalCurrent = ref(null);
+    const openModal = ref(false);
+    const openModalProposal = ref(false);
 
     onMounted(() =>{
         getInitData();
@@ -16,17 +21,45 @@
         await companyStore.getProposalsCompany();
         loading.value = false;
     }
+
+    const handleSetCurrentProposal = (data) => {
+        if(data.modal === 'detail') {
+            openModal.value = true;
+        } else {
+            openModalProposal.value = true;
+        }
+        proposalCurrent.value = data.proposal;
+    }
+
+    const handleResetCurrentProposal = () => {
+        openModal.value = false;
+        openModalProposal.value = false;
+        proposalCurrent.value = null;
+        console.log('clear proposal');
+    }
 </script>
 
 <template>
+    <LoadDetailModal 
+        v-if="openModal"
+        :proposal="proposalCurrent"
+        @reset-proposal="handleResetCurrentProposal"
+    />
+    <MakeProposalModal
+        v-if="openModalProposal"
+        :proposal="proposalCurrent"
+        :load="proposalCurrent.load"
+        @reset-load="handleResetCurrentProposal"
+    />
     <div>
-        <h2 class="title mb-5">Mis vehiculos publicadas</h2>
+        <h2 class="title mb-5">Mis ofertas aceptadas</h2>
         <Spiner v-if="loading"/>
         <CardProposal 
             v-else
             v-for="proposal in companyStore.proposals"
             :key="proposal._id"
             :proposal="proposal" 
+            @set-proposal="handleSetCurrentProposal"
         />
     </div>
 </template>