Add left menu to travel card

src/i18n/en/index.js

@@ -714,6 +714,9 @@ export default {
             create: 'Create',
             summary: 'Summary',
             extraCommunity: 'Extra community',
+            basicData: 'Basic data',
+            history: 'History',
+            thermographs: 'Termographs',
         },
         summary: {
             confirmed: 'Confirmed',

src/i18n/es/index.js

@@ -714,6 +714,9 @@ export default {
             create: 'Crear',
             summary: 'Resumen',
             extraCommunity: 'Extra comunitarios',
+            basicData: 'Datos básicos',
+            history: 'Historial',
+            thermographs: 'Termógrafos',
         },
         summary: {
             confirmed: 'Confirmado',

src/pages/Travel/Card/TravelCard.vue

@@ -1,12 +1,16 @@
 <script setup>
 import { useStateStore } from 'stores/useStateStore';
+import TravelDescriptor from './TravelDescriptor.vue';
+import LeftMenu from 'components/LeftMenu.vue';
 
 const stateStore = useStateStore();
 </script>
 <template>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit">
-            <!-- Aca iría left menu y descriptor -->
+            <TravelDescriptor />
+            <QSeparator />
+            <LeftMenu source="card" />
         </QScrollArea>
     </QDrawer>
     <QPageContainer>

src/router/modules/travel.js

@@ -11,7 +11,7 @@ export default {
     redirect: { name: 'TravelMain' },
     menus: {
         main: ['TravelList', 'ExtraCommunity'],
-        card: [],
+        card: ['TravelBasicData', 'TravelHistory', 'TravelThermographs'],
     },
     children: [
         {
@@ -63,6 +63,36 @@ export default {
                     },
                     component: () => import('src/pages/Travel/Card/TravelSummary.vue'),
                 },
+                {
+                    name: 'TravelBasicData',
+                    path: 'basic-data',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                        // roles: [],
+                    },
+                    // component: () => import(),
+                },
+                {
+                    name: 'TravelHistory',
+                    path: 'history',
+                    meta: {
+                        title: 'history',
+                        icon: 'history',
+                        // roles: [],
+                    },
+                    // component: () => import(),
+                },
+                {
+                    name: 'TravelThermographs',
+                    path: 'thermographs',
+                    meta: {
+                        title: 'thermographs',
+                        icon: 'vn:thermometer',
+                        // roles: [],
+                    },
+                    // component: () => import(),
+                },
             ],
         },
     ],