src/components/UserPanel.vue

@@ -70,7 +70,7 @@ async function saveDarkMode(value) {
 }
 
 async function saveLanguage(value) {
-    const query = `/Accounts/${user.value.id}`;
+    const query = `/VnUsers/${user.value.id}`;
     await axios.patch(query, {
         lang: value,
     });

src/composables/useRole.js

@@ -5,7 +5,7 @@ export function useRole() {
     const state = useState();
 
     async function fetch() {
-        const { data } = await axios.get('Accounts/acl');
+        const { data } = await axios.get('VnUsers/acl');
         const roles = data.roles.map((userRoles) => userRoles.role.name);
 
         const userData = {

src/pages/Ticket/Card/TicketBoxing.vue

@@ -27,6 +27,7 @@ const time = ref({
 });
 
 async function fetch() {
+    try {
         const filter = {
             where: {
                 ticketFk: entityId.value,
@@ -37,6 +38,9 @@ async function fetch() {
         });
 
         if (data) expeditions.value = data;
+    } catch (e) {
+        //
+    }
 }
 
 async function getVideoList(expeditionId, timed) {
@@ -46,15 +50,25 @@ async function getVideoList(expeditionId, timed) {
     };
 
     if (timed) {
+        if (timed.max == timed.min) {
+            if (timed.max != 24) timed.max += 1;
+            else timed.min -= 1;
+        }
         Object.assign(params, { from: timed.min, to: timed.max });
     }
-    const { data } = await axios.get(`/Boxings/getVideoList`, { params: params });
+    await axios.get(`/Boxings/getVideoList`, { params: params }).then((res) => {
-
+        const data = res.data;
+        if (!data.length) {
+            return quasar.notify({
+                message: t('ticket.boxing.notFound'),
+                type: 'negative',
+            });
+        }
         const list = [];
         for (const video of data) {
-        const videName = video.split('.')[0].split('T')[1].replaceAll('-', ':');
+            const videoName = video.split('.')[0].split('T')[1].replace(/-/g, ':');
             list.push({
-            label: videName,
+                label: videoName,
                 value: video,
                 url: `api/Boxings/getVideo?id=${expeditionId}&filename=${video}`,
             });
@@ -65,21 +79,14 @@ async function getVideoList(expeditionId, timed) {
             slide.value = list[0].value;
             time.value = {
                 min: parseInt(list[0].label.split(':')[0]),
-            max: parseInt(list[list.length - 1].label.split(':')[0]),
+                max: parseInt(list[list.length - 1].label.split(':')[0]) + 1,
             };
         }
-
-    if (!data.length) {
-        return quasar.notify({
-            message: t('ticket.boxing.notFound'),
-            type: 'negative',
     });
-    }
 }
 </script>
 
 <template>
-    <teleport to=".q-layout">
     <QDrawer show-if-above side="right">
         <QScrollArea class="fit">
             <QList bordered separator style="max-width: 318px">
@@ -132,29 +139,21 @@ async function getVideoList(expeditionId, timed) {
                         <QItemLabel class="text-h6">#{{ expedition.id }}</QItemLabel>
                     </QItemSection>
                     <QItemSection>
-                            <QItemLabel caption>{{
+                        <QItemLabel caption>{{ t('ticket.boxing.created') }}</QItemLabel>
-                                t('ticket.boxing.created')
-                            }}</QItemLabel>
                         <QItemLabel>
                             {{
-                                    date.formatDate(
+                                date.formatDate(expedition.created, 'YYYY-MM-DD HH:mm:ss')
-                                        expedition.created,
-                                        'YYYY-MM-DD HH:mm:ss'
-                                    )
                             }}
                         </QItemLabel>
                         <QItemLabel caption>{{ t('ticket.boxing.item') }}</QItemLabel>
                         <QItemLabel>{{ expedition.packagingItemFk }}</QItemLabel>
-                            <QItemLabel caption>{{
+                        <QItemLabel caption>{{ t('ticket.boxing.worker') }}</QItemLabel>
-                                t('ticket.boxing.worker')
-                            }}</QItemLabel>
                         <QItemLabel>{{ expedition.userName }}</QItemLabel>
                     </QItemSection>
                 </QItem>
             </QList>
         </QScrollArea>
     </QDrawer>
-    </teleport>
 
     <QCard>
         <QCarousel animated v-model="slide" height="max-content">

test/vitest/__tests__/pages/Tickets/TicketBoxing.spec.js

@@ -4,7 +4,7 @@ import TicketBoxing from 'pages/Ticket/Card/TicketBoxing.vue';
 
 // #4836 - Investigate how to test q-drawer outside
 // q-layout or how to teleport q-drawer inside
-describe.skip('TicketBoxing', () => {
+describe('TicketBoxing', () => {
     let vm;
     beforeAll(() => {
         vm = createWrapper(TicketBoxing).vm;