lkt-item-crud 2.0.24 → 2.0.26

package/dist/components/ButtonNav.vue.d.ts

@@ -26,50 +26,54 @@ type __VLS_Props = {
     modificationView?: boolean | Array<ModificationView>;
     pickedModificationView: string;
     editableView: ModificationView;
+    navStartButtons?: Array<ButtonConfig>;
+    navStartButtonsEditing?: Array<ButtonConfig>;
+    navEndButtons?: Array<ButtonConfig>;
+    navEndButtonsEditing?: Array<ButtonConfig>;
 };
-declare var __VLS_9: {
+declare var __VLS_13: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_11: {
+}, __VLS_19: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_49: {}, __VLS_65: {
+}, __VLS_57: {}, __VLS_85: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_67: {
+}, __VLS_91: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_105: {}, __VLS_107: {
+}, __VLS_129: {}, __VLS_143: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_109: {
+}, __VLS_149: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_147: {};
+}, __VLS_187: {};
 type __VLS_Slots = {} & {
-    'prev-buttons-ever'?: (props: typeof __VLS_9) => any;
+    'prev-buttons-ever'?: (props: typeof __VLS_13) => any;
 } & {
-    'prev-buttons'?: (props: typeof __VLS_11) => any;
+    'prev-buttons'?: (props: typeof __VLS_19) => any;
 } & {
-    buttons?: (props: typeof __VLS_49) => any;
+    buttons?: (props: typeof __VLS_57) => any;
 } & {
-    'prev-buttons-ever'?: (props: typeof __VLS_65) => any;
+    'prev-buttons-ever'?: (props: typeof __VLS_85) => any;
 } & {
-    'prev-buttons'?: (props: typeof __VLS_67) => any;
+    'prev-buttons'?: (props: typeof __VLS_91) => any;
 } & {
-    buttons?: (props: typeof __VLS_105) => any;
+    buttons?: (props: typeof __VLS_129) => any;
 } & {
-    'prev-buttons-ever'?: (props: typeof __VLS_107) => any;
+    'prev-buttons-ever'?: (props: typeof __VLS_143) => any;
 } & {
-    'prev-buttons'?: (props: typeof __VLS_109) => any;
+    'prev-buttons'?: (props: typeof __VLS_149) => any;
 } & {
-    buttons?: (props: typeof __VLS_147) => any;
+    buttons?: (props: typeof __VLS_187) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     doSave: () => void;

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

@@ -93,12 +93,12 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     form: import("lkt-vue-kernel").FormConfig;
     title: string;
     mode: ItemCrudMode;
-    modifications: LktObject;
     modelValue: LktObject;
     events: {
         httpStart?: undefined | Function;
         httpEnd?: (data: import("lkt-vue-kernel").ClickEventArgs) => void | undefined;
     };
+    modifications: LktObject;
     editing: boolean;
     perms: import("lkt-vue-kernel").ValidTablePermission[];
     customData: LktObject;
@@ -124,6 +124,10 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     redirectOnCreate: string | ((id: number | string) => string);
     redirectOnDrop: string | (() => string);
     differencesTableConfig: import("lkt-vue-kernel").TableConfig | ((config: import("lkt-vue-kernel").TableConfig) => import("lkt-vue-kernel").TableConfig);
+    navStartButtons: Array<ButtonConfig>;
+    navStartButtonsEditing: Array<ButtonConfig>;
+    navEndButtons: Array<ButtonConfig>;
+    navEndButtonsEditing: Array<ButtonConfig>;
 }, {}, {}, {}, 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.24",
+  "version": "2.0.26",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/components/ButtonNav.vue

@@ -53,6 +53,11 @@
         modificationView?: boolean | Array<ModificationView>
         pickedModificationView: string
         editableView: ModificationView
+
+        navStartButtons?: Array<ButtonConfig>
+        navStartButtonsEditing?: Array<ButtonConfig>
+        navEndButtons?: Array<ButtonConfig>
+        navEndButtonsEditing?: Array<ButtonConfig>
     }>(), {
         item: () => ({}),
         modifications: () => ({}),
@@ -244,6 +249,7 @@
                 }"
             />
 
+            <lkt-button v-for="btn in navStartButtons" v-bind="btn" v-show="!isLoading"/>
 
             <template v-if="slots['prev-buttons-ever']" v-show="!isLoading">
                 <slot name="prev-buttons-ever"
@@ -253,6 +259,8 @@
                 />
             </template>
 
+            <lkt-button v-for="btn in navStartButtonsEditing" v-bind="btn" v-show="isEditing && !isLoading"/>
+
             <template v-if="slots['prev-buttons']" v-show="isEditing && !isLoading">
                 <slot name="prev-buttons"
                       :can-update="canUpdate"
@@ -306,6 +314,10 @@
             <template v-if="slots.buttons" v-show="isEditing && !isLoading">
                 <slot name="buttons" />
             </template>
+
+            <lkt-button v-for="btn in navEndButtons" v-bind="btn" v-show="!isLoading"/>
+
+            <lkt-button v-for="btn in navEndButtonsEditing" v-bind="btn" v-show="isEditing && !isLoading"/>
         </template>
         <template v-else-if="grouped">
             <lkt-button
@@ -333,6 +345,8 @@
                         }"
                     />
 
+                    <lkt-button v-for="btn in navStartButtons" v-bind="btn" v-show="!isLoading"/>
+
                     <template v-if="slots['prev-buttons-ever']" v-show="!isLoading">
                         <slot name="prev-buttons-ever"
                               :can-update="canUpdate"
@@ -341,6 +355,8 @@
                         />
                     </template>
 
+                    <lkt-button v-for="btn in navStartButtonsEditing" v-bind="btn" v-show="isEditing && !isLoading"/>
+
                     <template v-if="slots['prev-buttons']" v-show="isEditing && !isLoading">
                         <slot name="prev-buttons"
                               :can-update="canUpdate"
@@ -395,12 +411,18 @@
                     <template v-if="slots.buttons" v-show="isEditing && !isLoading">
                         <slot name="buttons" />
                     </template>
+
+                    <lkt-button v-for="btn in navEndButtons" v-bind="btn" v-show="!isLoading"/>
+
+                    <lkt-button v-for="btn in navEndButtonsEditing" v-bind="btn" v-show="isEditing && !isLoading"/>
                 </template>
             </lkt-button>
         </template>
 
         <template v-else>
 
+            <lkt-button v-for="btn in navStartButtons" v-bind="btn" v-show="!isLoading"/>
+
             <div class="lkt-item-crud-buttons" v-if="slots['prev-buttons-ever']" v-show="!isLoading">
                 <slot name="prev-buttons-ever"
                       :can-update="canUpdate"
@@ -409,6 +431,8 @@
                 />
             </div>
 
+            <lkt-button v-for="btn in navStartButtonsEditing" v-bind="btn" v-show="isEditing && !isLoading"/>
+
             <div class="lkt-item-crud-buttons" v-if="slots['prev-buttons']" v-show="isEditing && !isLoading">
                 <slot name="prev-buttons"
                       :can-update="canUpdate"
@@ -463,6 +487,10 @@
                 <slot name="buttons" />
             </div>
 
+            <lkt-button v-for="btn in navEndButtons" v-bind="btn" v-show="!isLoading"/>
+
+            <lkt-button v-for="btn in navEndButtonsEditing" v-bind="btn" v-show="isEditing && !isLoading"/>
+
             <lkt-button
                 v-if="computedModificationView.length > 0"
                 v-bind="<ButtonConfig>{

package/src/lib-components/LktItemCrud.vue

@@ -75,9 +75,9 @@
         itemCreated = ref(false),
         buttonNav = ref(null),
         formRef = ref(null),
-        canUpdate = computed(() => !createMode.value && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Update)),
-        canDrop = computed(() => !createMode.value && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Drop)),
-        canSwitchEditMode = computed(() => !createMode.value && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.SwitchEditMode));
+        canUpdate = computed(() => !createMode.value && props.updateButton !== false && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Update)),
+        canDrop = computed(() => !createMode.value && props.dropButton !== false && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Drop)),
+        canSwitchEditMode = computed(() => props.editModeButton !== false && !createMode.value && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.SwitchEditMode));
 
     const pickedModificationView = ref(props.visibleView);
 
@@ -575,6 +575,10 @@
                 :perms="permissions"
                 :modification-view="computedModificationViews"
                 :editable-view="computedEditableView"
+                :nav-start-buttons="navStartButtons"
+                :nav-start-buttons-editing="navStartButtonsEditing"
+                :nav-end-buttons="navEndButtons"
+                :nav-end-buttons-editing="navEndButtonsEditing"
                 @create="onCreate"
                 @save="onUpdate"
                 @drop="onDrop"
@@ -636,6 +640,10 @@
                 :perms="permissions"
                 :modification-view="computedModificationViews"
                 :editable-view="computedEditableView"
+                :nav-start-buttons="navStartButtons"
+                :nav-start-buttons-editing="navStartButtonsEditing"
+                :nav-end-buttons="navEndButtons"
+                :nav-end-buttons-editing="navEndButtonsEditing"
                 @create="onCreate"
                 @save="onUpdate"
                 @drop="onDrop"
@@ -735,6 +743,10 @@
                 :perms="permissions"
                 :modification-view="computedModificationViews"
                 :editable-view="computedEditableView"
+                :nav-start-buttons="navStartButtons"
+                :nav-start-buttons-editing="navStartButtonsEditing"
+                :nav-end-buttons="navEndButtons"
+                :nav-end-buttons-editing="navEndButtonsEditing"
                 @create="onCreate"
                 @save="onUpdate"
                 @drop="onDrop"