From 6909e73a51d4ac8e74bc1c994ccb204a5dad9010 Mon Sep 17 00:00:00 2001
From: Alexandro Uc Santos <alexandro.us@icloud.com>
Date: Thu, 31 Jul 2025 21:34:10 -0600
Subject: [PATCH] fix: card proposals

---
 src/views/CalendarView.vue                    | 19 +++++++++++++++++--
 src/views/proposals/TrucksPublishedView.vue   |  2 --
 .../proposals/components/CardProposal.vue     |  6 +++---
 src/views/users/components/CardUser.vue       |  6 +++---
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/views/CalendarView.vue b/src/views/CalendarView.vue
index 410faa9..118fb5a 100644
--- a/src/views/CalendarView.vue
+++ b/src/views/CalendarView.vue
@@ -7,7 +7,7 @@
     import useCalendar from '../composables/useCalendar';
     import CustomPopup from '../components/CustomPopup.vue';
     import { watch } from 'vue';
-import { useAuthStore } from '../stores/auth';
+    import { useAuthStore } from '../stores/auth';
 
     const events = ref([]);
 
@@ -64,7 +64,7 @@ import { useAuthStore } from '../stores/auth';
       },
       defaultMode: 'month',
       isSilent: true,
-    //   showCurrentTime: false, // Display a line indicating the current time 
+    //   showCurrentTime: true, // Display a line indicating the current time 
     }
 
     onMounted( async() => {
@@ -198,6 +198,21 @@ import { useAuthStore } from '../stores/auth';
                 @datetime-was-clicked="handleClickDate"
                 :is-loading="loading"
             >
+                <!-- <template #dayCell="{dayData}">
+                    <p v-if="dayData.events.length > 0" class="text-center mt-1"> {{ dayData.events[0]?.start?.substring(8, 10) }}</p>
+                    <div v-for="(item, index) in dayData.events" :key="index">
+                        <div
+                            style="cursor: pointer;"
+                            @click="event => $emit('event-was-clicked', event)"
+                        >
+                            <i 
+                                style="font-size: 12px;"
+                                :style="{color: item.color}"
+                                class="fa-solid fa-circle"></i>
+                            <span style="margin-left: 8px; font-size: 12px;">{{ item.title }}</span>
+                        </div>
+                    </div>
+                </template> -->
                 <template #eventDialog="props">
                     <div v-if="props.eventDialogData && props.eventDialogData.title" class="event-modal">
                         <h2>Información del status de la carga</h2>
diff --git a/src/views/proposals/TrucksPublishedView.vue b/src/views/proposals/TrucksPublishedView.vue
index 3d64456..886a85b 100644
--- a/src/views/proposals/TrucksPublishedView.vue
+++ b/src/views/proposals/TrucksPublishedView.vue
@@ -87,8 +87,6 @@ import CustomPopup from '../../components/CustomPopup.vue';
                 filter = filter;
                 break;
         }
-        // console.log(type.value)
-        console.log(filter)
         await companyStore.getProposalsCompany(filter, true);
         console.log(companyStore.proposals)
         loading.value = false;
diff --git a/src/views/proposals/components/CardProposal.vue b/src/views/proposals/components/CardProposal.vue
index 3e509c9..d680dc7 100644
--- a/src/views/proposals/components/CardProposal.vue
+++ b/src/views/proposals/components/CardProposal.vue
@@ -1,6 +1,6 @@
 <script setup>
     import Swal from 'sweetalert2';
-    import { getDateOnly } from '../../../helpers/date_formats';
+    import { getDayMonthYear } from '../../../helpers/date_formats';
     import { getStatusLoad } from '../../../helpers/status';
     import { useCompanyStore } from '../../../stores/company';
     import { useAuthStore } from '../../../stores/auth';
@@ -91,8 +91,8 @@
                 <p v-if="proposal.vehicle"><span>{{ t('labels.codeId') }}:</span> {{proposal.vehicle.vehicle_code?.toUpperCase()}}</p>
                 <p v-if="proposal.load"><span>{{ t('global.segment') }}:</span> {{proposal.load.categories?.map((e) => e.name).join(', ')}}</p>
                 <p v-if="proposal.vehicle"><span>{{ t('directory.typeTruck') }}:</span> {{proposal.vehicle.truck_type}}</p>
-                <p v-if="proposal.vehicle?.published_date"><span>{{ t('labels.datePublished') }}:</span> {{ getDateOnly(proposal.vehicle.published_date) }}</p>
-                <p v-if="proposal.vehicle?.is_available"><span>{{ t('labels.dateAvailable') }}:</span> {{ getDateOnly(proposal.vehicle.available_date) }}</p>
+                <p v-if="proposal.vehicle?.published_date"><span>{{ t('labels.datePublished') }}:</span> {{ getDayMonthYear(proposal.vehicle.published_date) }}</p>
+                <p v-if="proposal.vehicle?.is_available"><span>{{ t('labels.dateAvailable') }}:</span> {{ getDayMonthYear(proposal.vehicle.available_date) }}</p>
                 <p v-if="proposal.vehicle?.is_available"><span>{{ t('vehicles.availableIn') }}:</span> {{proposal.vehicle.city}}<template v-if="proposal.vehicle.state">, {{proposal.vehicle.state}}</template></p>
                 <p v-if="proposal.vehicle"><span>{{ t('loads.destination') }}:</span> {{proposal.vehicle?.destino.replace(';', ', ')}}</p>
                 <p v-if="proposal.vehicle?.circulation_serial_number"><span>{{ t('vehicles.truckPlates') }}:</span> {{ proposal.vehicle?.circulation_serial_number }}</p>
diff --git a/src/views/users/components/CardUser.vue b/src/views/users/components/CardUser.vue
index 1161975..4e64252 100644
--- a/src/views/users/components/CardUser.vue
+++ b/src/views/users/components/CardUser.vue
@@ -1,6 +1,6 @@
 <script setup>
     import Swal from 'sweetalert2';
-    import { getDateOnly } from '../../../helpers/date_formats';
+    import { getDayMonthYear } from '../../../helpers/date_formats';
     import { getTypeUser } from '../../../helpers/type_user';
     import { useCompanyStore } from '../../../stores/company';
     import { useAuthStore } from '../../../stores/auth';
@@ -94,7 +94,7 @@
                 <p><span>{{ t('labels.locationLoadState') }}: </span>{{user._user_state}}</p>
                 <p><span>{{ t('labels.locationLoadCity') }}: </span>{{user._user_city}}</p>
                 <p v-if="user._truck_type"><span>{{ t('labels.truckUsed') }}: </span> {{user._truck_type}}</p>
-                <p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDateOnly(user.createAt)}}</p>
+                <p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDayMonthYear(user.createAt)}}</p>
                 <p v-if="user.user_description"><span>{{ t('labels.userInfo') }}: </span> {{user.user_description}}</p>
                 <!-- <p v-if="readonly && user.company.membership"><span>Tipo de afiliación: </span> {{user.company.membership}}</p> -->
                 <!-- <p><span>{{ t('labels.userRole') }}: </span>{{user.job_role}}</p> -->
@@ -104,7 +104,7 @@
                 <p><span>{{ t('labels.locationLoadState') }}: </span>{{user.user_state?.join(', ')}}</p>
                 <p><span>{{ t('labels.locationLoadCity') }}: </span>{{user.user_city?.join(', ')}}</p>
                 <p v-if="user.truck_type"><span>{{ t('labels.truckUsed') }}: </span> {{user.truck_type?.join(', ')}}</p>
-                <p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDateOnly(user.createAt)}}</p>
+                <p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDayMonthYear(user.createAt)}}</p>
                 <p v-if="user.user_description"><span>{{ t('labels.userInfo') }}: </span> {{user.user_description}}</p>
                 <!-- <p v-if="readonly && user.company.membership" ><span>Tipo de afiliación: </span> {{user.company.membership}}</p> -->
             </div>