atom-nuxt 1.4.13 → 1.4.15

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@atomengine/atom-nuxt",
   "configKey": "atomNuxt",
-  "version": "1.4.13",
+  "version": "1.4.15",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/CrudFormDialog.vue

@@ -124,11 +124,17 @@ const props = defineProps({
     type: [String, Number],
     required: false,
     default: null
+  },
+  onFormErrorsText: {
+    type: String,
+    required: false,
+    default: "Please correct the errors and try again."
   }
 });
 const item = defineModel();
 const dialogOpen = defineModel("dialog");
 const hasItem = computed(() => item.value && Object.keys(item.value).length > 0);
+const hasFormErrors = computed(() => props.formErrors && Object.keys(props.formErrors).length > 0);
 const buttonTitle = computed(() => {
   return props.btnText ? props.btnText : props.action === "create" ? props.createTitle : props.action === "update" ? props.updateTitle : props.action === "delete" ? props.deleteTitle : props.action === "view" ? props.viewTitle : "";
 });
@@ -231,11 +237,14 @@ const dialogTransition = computed(() => {
           </suspense>
         </div>
       </div>
-      <v-card-actions v-if="!hideActions && action !== 'view'" :class="['pa-0 border-t pa-4 elevation-5', effectiveDialogStyle === 'leaf' ? 'flex-shrink-0' : '']">
-        <div class="flex-fill">
+      <v-card-actions v-if="!hideActions && action !== 'view'" :class="['pa-0 border-t pa-4 elevation-5 d-flex align-center', effectiveDialogStyle === 'leaf' ? 'flex-shrink-0' : '']">
+        <div class="flex-fill d-flex align-center">
           <slot name="beforeActions" :item="item" :action="action" :errors="formErrors" :pending="itemPending" :formPending="formPending">
 
           </slot>
+          <div v-if="hasFormErrors && onFormErrorsText" class="text-error font-weight-bold">
+            {{ onFormErrorsText }}
+          </div>
         </div>
         <v-btn
           size="large"

package/dist/runtime/components/CrudFormDialog.vue.d.ts

@@ -26,6 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     updateDialogSize: string | number;
     deleteDialogSize: string | number;
     viewDialogSize: string | number;
+    onFormErrorsText: string;
     btnText?: string | undefined;
     $props: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -176,6 +176,11 @@ const props = defineProps({
     type: [String, Number],
     required: false,
     default: null
+  },
+  onFormErrorsText: {
+    type: String,
+    required: false,
+    default: "Please correct the errors and try again."
   }
 });
 const {
@@ -263,8 +268,20 @@ const onQueryChange = (page2) => {
   };
   if (props.loaderKey) {
     finalQuery[props.loaderKey] = stringifyQuery(newQuery);
+    if (route.query[`${props.loaderKey}action`]) {
+      finalQuery[`${props.loaderKey}action`] = route.query[`${props.loaderKey}action`];
+    }
+    if (route.query[`${props.loaderKey}actionId`]) {
+      finalQuery[`${props.loaderKey}actionId`] = route.query[`${props.loaderKey}actionId`];
+    }
   } else {
     finalQuery = newQuery;
+    if (route.query.action) {
+      finalQuery.action = route.query.action;
+    }
+    if (route.query.actionId) {
+      finalQuery.actionId = route.query.actionId;
+    }
   }
   console.error("Setting query", finalQuery);
   router.replace({ path: route.path, query: finalQuery, force: true });
@@ -586,6 +603,7 @@ const exportAction = async () => {
       :update-dialog-size="updateDialogSize"
       :delete-dialog-size="deleteDialogSize"
       :view-dialog-size="viewDialogSize"
+      :on-form-errors-text="onFormErrorsText"
     >
       <slot
         name="form" :action="action"

package/dist/runtime/components/CrudPaginatedLoader.vue.d.ts

@@ -20,6 +20,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     updateDialogSize: string | number;
     deleteDialogSize: string | number;
     viewDialogSize: string | number;
+    onFormErrorsText: string;
     allowCreate: boolean;
     hideFilters: boolean;
     filtersTitle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom-nuxt",
-  "version": "1.4.13",
+  "version": "1.4.15",
   "description": "My new Nuxt module",
   "repository": "atomengine/atom-nuxt",
   "license": "MIT",