feat: move buttons to DescriptorMenu

src/components/ui/CardDescriptor.vue

@@ -303,11 +303,3 @@ const toModule = computed(() =>
     }
 }
 </style>
-<style lang="scss">
-.q-card__actions {
-    .q-btn--rectangle {
-        padding: 0 5px;
-    }
-    justify-content: center;
-}
-</style>

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -154,7 +154,7 @@ const debtWarning = computed(() => {
             </QCardActions>
         </template>
         <template #actions="{ entity }">
-            <QCardActions class="flex justify-center" style="padding-inline: 0">
+            <QCardActions class="flex justify-center">
                 <QBtn
                     :to="{
                         name: 'TicketList',
@@ -172,7 +172,7 @@ const debtWarning = computed(() => {
                 >
                     <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
                 </QBtn>
-                <QBtn
+                <!-- <QBtn
                     :to="{
                         name: 'TicketList',
                         query: {
@@ -192,7 +192,7 @@ const debtWarning = computed(() => {
                     icon="vn:ticketAdd"
                 >
                     <QTooltip>{{ t('New ticket') }}</QTooltip>
-                </QBtn>
+                </QBtn> -->
                 <QBtn
                     :to="{
                         name: 'InvoiceOutList',
@@ -204,7 +204,7 @@ const debtWarning = computed(() => {
                 >
                     <QTooltip>{{ t('Customer invoice out list') }}</QTooltip>
                 </QBtn>
-                <QBtn
+                <!-- <QBtn
                     :to="{
                         name: 'OrderList',
                         query: {
@@ -223,7 +223,7 @@ const debtWarning = computed(() => {
                     color="primary"
                 >
                     <QTooltip>{{ t('New order') }}</QTooltip>
-                </QBtn>
+                </QBtn> -->
                 <QBtn
                     :to="{
                         name: 'AccountSummary',

src/pages/Customer/Card/CustomerDescriptorMenu.vue

@@ -40,9 +40,53 @@ const sendSms = async (payload) => {
         notify(error.message, 'positive');
     }
 };
+
+const openTicketCreateForm = () => {
+    const query = {
+        table: {
+            clientFk: $props.customer.id,
+        },
+        createForm: {
+            clientId: $props.customer.id,
+            addressId: $props.customer.defaultAddressFk,
+        },
+    };
+    openWindow('ticket', query);
+};
+const openOrderCreateForm = () => {
+    const query = {
+        table: {
+            clientFk: $props.customer.id,
+        },
+        createForm: {
+            clientFk: $props.customer.id,
+            addressId: $props.customer.defaultAddressFk,
+        },
+    };
+    openWindow('order', query);
+};
+
+const openWindow = (type, { createForm, table }) => {
+    window.open(
+        `/#/${type}/list?createForm=${JSON.stringify(createForm)}&table=${JSON.stringify(
+            table
+        )}`,
+        '_blank'
+    );
+};
 </script>
 
 <template>
+    <QItem v-ripple clickable @click="openTicketCreateForm()">
+        <QItemSection>
+            {{ t('globals.pageTitles.createTicket') }}
+        </QItemSection>
+    </QItem>
+    <QItem v-ripple clickable @click="openOrderCreateForm()">
+        <QItemSection>
+            {{ t('globals.pageTitles.createOrder') }}
+        </QItemSection>
+    </QItem>
     <QItem v-ripple clickable>
         <QItemSection @click="showSmsDialog()">{{ t('Send SMS') }}</QItemSection>
     </QItem>