lkt-item-crud 2.0.15 → 2.0.17

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -100,6 +100,9 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     readData: LktObject;
     beforeEmitUpdate: Function;
     notificationType: NotificationType;
+    enabledSaveWithoutChanges: boolean;
+    redirectOnCreate: string | ((id: number | string) => string);
+    redirectOnDrop: string | (() => string);
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/lib-components/LktItemCrud.vue

@@ -23,6 +23,7 @@
     import { __ } from 'lkt-i18n';
     import ButtonNav from '../components/ButtonNav.vue';
     import { openToast } from 'lkt-toast';
+    import { useRouter } from 'vue-router';
 
     // defineOptions({
     //     inheritAttrs: false
@@ -30,6 +31,8 @@
 
     const props = withDefaults(defineProps<ItemCrudConfig>(), getDefaultValues(ItemCrud));
 
+    const router = useRouter();
+
     const slots: SetupContext['slots'] = useSlots();
 
     const emit = defineEmits([
@@ -199,11 +202,16 @@
             }
             return true;
         },
-        doAutoReloadId = (r?: HTTPResponse) => {
+        doAutoReloadId = (r?: HTTPResponse, redirect?: string|Function) => {
             debug('doAutoReloadId -> enter: ', r);
             if (typeof r !== 'undefined' && r.autoReloadId) {
                 debug('doAutoReloadId -> autoReloadId detected: ', r.autoReloadId);
-                if (!computedInsideModal.value) {
+                if (typeof redirect !== 'undefined') {
+                    let route = redirect;
+                    if (typeof redirect === 'function') route = redirect(r.autoReloadId);
+                    router.push(route);
+                }
+                else if (!computedInsideModal.value) {
                     debug('doAutoReloadId -> outsideModal');
                     props.readData['id'] = r.autoReloadId;
                     debug('doAutoReloadId -> turning off create mode');
@@ -239,7 +247,7 @@
                     positionX: ToastPositionX.Right,
                 });
             }
-            doAutoReloadId(r);
+            doAutoReloadId(r, props.redirectOnCreate);
             debug('onCreate -> beforeEmitCreate');
             emit('create', r);
         },
@@ -296,6 +304,12 @@
                 //@ts-ignore
                 closeModal(props.modalConfig.modalName, props.modalConfig.modalKey);
             }
+
+            if (typeof props.redirectOnDrop !== 'undefined') {
+                let route = props.redirectOnDrop;
+                if (typeof props.redirectOnDrop === 'function') route = props.redirectOnDrop();
+                router.push(route);
+            }
         },
         doSave = () => {
             // @ts-ignore
@@ -351,7 +365,7 @@
         }),
         ableToUpdate = computed(() => {
             if (props.mode !== ItemCrudMode.Update || !canUpdate.value) return false;
-            if (!dataChanged.value) return false;
+            if (!props.enabledSaveWithoutChanges && !dataChanged.value) return false;
 
             if (typeof safeUpdateButton.value?.disabled === 'function') return !safeUpdateButton.value.disabled(item.value);
             if (typeof safeUpdateButton.value?.disabled === 'boolean') return !safeUpdateButton.value.disabled;
@@ -360,7 +374,7 @@
         }),
         ableToCreate = computed(() => {
             if (props.mode !== ItemCrudMode.Create) return false;
-            if (!dataChanged.value) return false;
+            if (!props.enabledSaveWithoutChanges && !dataChanged.value) return false;
 
             if (typeof safeCreateButton.value?.disabled === 'function') return !safeCreateButton.value.disabled(item.value);
             if (typeof safeCreateButton.value?.disabled === 'boolean') return !safeCreateButton.value.disabled;