@mythpe/quasar-ui-qui 0.2.79 → 0.2.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.2.79",
+  "version": "0.2.81",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/datatable/MDatatable.vue

@@ -256,6 +256,7 @@ const {
   openUpdateDialog,
   openCreateDialog,
   closeFormDialog,
+  openFormDialog,
   ignoreKeysProps,
   updateDatatableItem,
   tableOptions,
@@ -455,6 +456,7 @@ defineExpose({
   openUpdateDialog,
   openCreateDialog,
   closeFormDialog,
+  openFormDialog,
   updateDatatableItem,
   removeDtItem,
   onDeleteItem,
@@ -876,10 +878,11 @@ defineExpose({
                 <MDtBtn
                   v-if="hasFilterDialog"
                   key="filter-selection-btn"
-                  icon="o_filter_alt"
+                  color="brand"
+                  icon="ion-ios-options"
                   label="myth.datatable.hints.filter"
-                  tooltip="myth.datatable.hints.filter"
-                  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.buttons?.filter as any}"
+                  text-color="on-brand"
+                  v-bind="{...pluginOptions.dt?.buttons?.filter as any}"
                 >
                   <MModalMenu
                     v-model="filterDialogModel"
@@ -894,10 +897,7 @@ defineExpose({
                       flat
                       square
                     >
-                      <MContainer
-                        :fluid="!1"
-                        class="q-pa-md"
-                      >
+                      <MContainer class="q-pa-lg">
                         <q-toolbar :class="{'q-pa-none': isSmall}">
                           <q-toolbar-title>
                             {{ __('myth.datatable.filter.title') }}
@@ -906,10 +906,7 @@ defineExpose({
                         <q-separator />
                         <MRow class="items-center">
                           <MCol col="12">
-                            <MContainer
-                              :fluid="!1"
-                              class="q-pa-md"
-                            >
+                            <MContainer class="q-pa-lg">
                               <slot
                                 :dt="datatableItemsScope"
                                 :filter="tempFilterForm"
@@ -928,6 +925,7 @@ defineExpose({
                               <MBtn
                                 v-close-popup
                                 :label="__('myth.datatable.filter.save')"
+                                style="min-width: 110px"
                                 v-bind="pluginOptions.dt?.dialogButtonsProps as any"
                                 @click="saveFilterDialog"
                               />
@@ -935,7 +933,7 @@ defineExpose({
                                 v-close-popup
                                 :label="__('myth.datatable.filter.cancel')"
                                 color="secondary"
-                                text-color="white"
+                                style="min-width: 100px"
                                 v-bind="pluginOptions.dt?.dialogButtonsProps as any"
                                 @click="closeFilterDialog"
                               />
@@ -1027,8 +1025,10 @@ defineExpose({
                   <MDtBtn
                     key="manage-columns-btn"
                     :disable="loading"
+                    color="brand"
                     icon="ion-ios-desktop"
                     label="myth.datatable.columnsToShow"
+                    text-color="on-brand"
                     tooltip="myth.datatable.columnsToShowCaption"
                   >
                     <MModalMenu

package/src/components/form/MToggle.vue

@@ -183,6 +183,7 @@ defineOptions({
             :indeterminate-value="indeterminateValue"
             :model-value="value"
             :true-value="trueValue"
+            class="text-body"
             v-bind="{
               ...theme,
               ...pluginOptions.toggle,

package/src/composable/useDtHelpers.ts

@@ -620,6 +620,13 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
     dialogItemIndex.value = undefined
     setTimeout(() => resetVeeForm(), openDialogTimeout)
   }
+  const openFormDialog = (item: any) => {
+    formDialogModel.value = !0
+    isUpdateMode.value = !0
+    dialogItem.value = toValue(item)
+    dialogItemIndex.value = undefined
+    setTimeout(() => resetVeeForm(), openDialogTimeout)
+  }
 
   const updateDatatableItem = (i: MDtItem, index?: MDtItemIndex) => {
     const item = { ...toValue(i) }
@@ -842,6 +849,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
     openUpdateDialogNoIndex,
     openCreateDialog,
     closeFormDialog,
+    openFormDialog,
     onDeleteItem,
     refresh,
     refreshNoUpdate,
@@ -975,6 +983,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
     openUpdateDialog,
     openCreateDialog,
     closeFormDialog,
+    openFormDialog,
     ignoreKeysProps,
     updateDatatableItem,
     tableOptions,