From ab9f19445ce9ab6f6102e39ed8da5f0ef376715e Mon Sep 17 00:00:00 2001
From: joan <joan@verdnatura.es>
Date: Tue, 19 Apr 2022 14:24:15 +0200
Subject: [PATCH] Updated routes

---
 src/pages/Customer/Card/CustomerCard.vue  |  7 +++++++
 src/pages/Ticket/Card/TicketBasicData.vue |  3 +++
 src/pages/Ticket/Card/TicketCard.vue      | 24 +++++++++++++++++++++++
 src/pages/Ticket/TicketMain.vue           |  5 +++--
 src/router/modules/ticket.js              |  8 ++++----
 src/types/route.ts                        |  4 ----
 6 files changed, 41 insertions(+), 10 deletions(-)
 create mode 100644 src/pages/Ticket/Card/TicketBasicData.vue
 create mode 100644 src/pages/Ticket/Card/TicketCard.vue
 delete mode 100644 src/types/route.ts

diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue
index 452ecb9dd..7ac41ebf4 100644
--- a/src/pages/Customer/Card/CustomerCard.vue
+++ b/src/pages/Customer/Card/CustomerCard.vue
@@ -1,7 +1,13 @@
 <script setup>
+import { computed } from 'vue';
 import { useState } from 'src/composables/useState';
+import { useRouter } from 'vue-router';
 
 const state = useState();
+const router = useRouter();
+const entityId = computed(function () {
+    return router.currentRoute.value.params.id;
+});
 </script>
 <template>
     <q-drawer v-model="state.drawer.value" show-if-above :width="200" :breakpoint="500">
@@ -9,6 +15,7 @@ const state = useState();
             <router-link :to="{ path: '/customer/list' }">
                 <q-icon name="arrow_back" size="md" color="primary" />
             </router-link>
+            <div>Customer ID: {{ entityId }}</div>
         </q-scroll-area>
     </q-drawer>
     <q-page-container>
diff --git a/src/pages/Ticket/Card/TicketBasicData.vue b/src/pages/Ticket/Card/TicketBasicData.vue
new file mode 100644
index 000000000..b4e913ad5
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketBasicData.vue
@@ -0,0 +1,3 @@
+<template>
+    <q-card>Basic Data</q-card>
+</template>
\ No newline at end of file
diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue
new file mode 100644
index 000000000..7ac41ebf4
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketCard.vue
@@ -0,0 +1,24 @@
+<script setup>
+import { computed } from 'vue';
+import { useState } from 'src/composables/useState';
+import { useRouter } from 'vue-router';
+
+const state = useState();
+const router = useRouter();
+const entityId = computed(function () {
+    return router.currentRoute.value.params.id;
+});
+</script>
+<template>
+    <q-drawer v-model="state.drawer.value" show-if-above :width="200" :breakpoint="500">
+        <q-scroll-area class="fit text-grey-8">
+            <router-link :to="{ path: '/customer/list' }">
+                <q-icon name="arrow_back" size="md" color="primary" />
+            </router-link>
+            <div>Customer ID: {{ entityId }}</div>
+        </q-scroll-area>
+    </q-drawer>
+    <q-page-container>
+        <router-view></router-view>
+    </q-page-container>
+</template>
diff --git a/src/pages/Ticket/TicketMain.vue b/src/pages/Ticket/TicketMain.vue
index f27c822cb..731ebb803 100644
--- a/src/pages/Ticket/TicketMain.vue
+++ b/src/pages/Ticket/TicketMain.vue
@@ -1,14 +1,15 @@
 <script setup>
 import { ref } from 'vue';
+import { useState } from 'src/composables/useState';
 import LeftMenu from 'src/components/LeftMenu.vue';
 
-const drawer = ref(false);
+const state = useState();
 const miniState = ref(true);
 </script>
 
 <template>
     <q-drawer
-        v-model="drawer"
+        v-model="state.drawer.value"
         show-if-above
         :mini="miniState"
         @mouseover="miniState = false"
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index f95f2ab34..a8dd42165 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -29,16 +29,16 @@ export default {
         },
         {
             path: ':id',
-            component: () => import('src/pages/Customer/Card/CustomerCard.vue'),
-            redirect: { name: 'CustomerBasicData' },
+            component: () => import('src/pages/Ticket/Card/TicketCard.vue'),
+            redirect: { name: 'TicketBasicData' },
             children: [
                 {
                     path: 'basic-data',
-                    name: 'CustomerBasicData',
+                    name: 'TicketBasicData',
                     meta: {
                         title: 'basicData'
                     },
-                    component: () => import('src/pages/Customer/Card/CustomerBasicData.vue'),
+                    component: () => import('src/pages/Ticket/Card/TicketBasicData.vue'),
                 }
             ]
         },
diff --git a/src/types/route.ts b/src/types/route.ts
deleted file mode 100644
index ea7b84d42..000000000
--- a/src/types/route.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Route {
-    path: string;
-    component: any;
-}
\ No newline at end of file