@adminforth/clone-row 1.1.7 → 1.2.0

package/build.log

@@ -5,7 +5,8 @@
 sending incremental file list
 custom/
 custom/CloneRowButton.vue
+custom/CloneRowThreeDots.vue
 custom/tsconfig.json
 
-sent 2,087 bytes  received 58 bytes  4,290.00 bytes/sec
-total size is 1,869  speedup is 0.87
+sent 3,616 bytes  received 77 bytes  7,386.00 bytes/sec
+total size is 3,322  speedup is 0.90

package/custom/CloneRowButton.vue

@@ -7,7 +7,7 @@
                 values: save_btoa(JSON.stringify(redirectToCreatePage())),
             }
         }">
-            <IconFileCloneOutline class="w-5 h-5 me-2"/>
+            <IconFileCloneSolid class="w-5 h-5 me-2"/>
         </RouterLink>
         <template v-slot:tooltip>
             {{ $t('Clone record') }}
@@ -18,7 +18,7 @@
 <script lang="ts" setup>
 import { Tooltip } from '@/afcl';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
-import { IconFileCloneOutline } from '@iconify-prerendered/vue-flowbite';
+import { IconFileCloneSolid } from '@iconify-prerendered/vue-flowbite';
 import { useI18n } from 'vue-i18n';
  
 const { t } = useI18n();

package/custom/CloneRowThreeDots.vue

@@ -0,0 +1,49 @@
+<template>
+  <RouterLink 
+    class="flex px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300"
+    :to="{
+      name: `resource-create`,
+      params: { resourceId: props.meta.resourceId }, 
+      query: { 
+          values: save_btoa(JSON.stringify(redirectToCreatePage())),
+      }
+    }">
+    <IconFileCloneSolid class="w-5 h-5 me-2 text-lightPrimary dark:text-darkPrimary"/>
+    {{ $t('Clone record') }}
+  </RouterLink>
+</template>
+
+<script lang="ts" setup>
+import { Tooltip } from '@/afcl';
+import { AdminUser, type AdminForthResourceCommon } from '@/types';
+import { IconFileCloneSolid } from '@iconify-prerendered/vue-flowbite';
+import { useI18n } from 'vue-i18n';
+ 
+const { t } = useI18n();
+
+const props = defineProps<{
+    meta: any,
+    resource: AdminForthResourceCommon,
+    adminUser: AdminUser,
+    record: any,
+    updateRecords: Function,
+}>();
+
+function redirectToCreatePage() {
+    const fieldsToFill = { ...props.resource.columns.filter((col: any) => col.showIn.create === true) }
+    let dataToFill = {};
+    for (const field of Object.values(fieldsToFill)) {
+        if (field.foreignResource) {
+            dataToFill[field.name] = props.record[field.name]?.pk
+            continue;   
+        }
+        dataToFill[field.name] = props.record[field.name];
+    }
+    return dataToFill;
+} 
+
+function save_btoa(str) {
+  const cleaned = str.replace(/\uFEFF/g, '');
+  return btoa(cleaned);
+}
+</script>

package/dist/custom/CloneRowButton.vue

@@ -7,7 +7,7 @@
                 values: save_btoa(JSON.stringify(redirectToCreatePage())),
             }
         }">
-            <IconFileCloneOutline class="w-5 h-5 me-2"/>
+            <IconFileCloneSolid class="w-5 h-5 me-2"/>
         </RouterLink>
         <template v-slot:tooltip>
             {{ $t('Clone record') }}
@@ -18,7 +18,7 @@
 <script lang="ts" setup>
 import { Tooltip } from '@/afcl';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
-import { IconFileCloneOutline } from '@iconify-prerendered/vue-flowbite';
+import { IconFileCloneSolid } from '@iconify-prerendered/vue-flowbite';
 import { useI18n } from 'vue-i18n';
  
 const { t } = useI18n();

package/dist/custom/CloneRowThreeDots.vue

@@ -0,0 +1,49 @@
+<template>
+  <RouterLink 
+    class="flex px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300"
+    :to="{
+      name: `resource-create`,
+      params: { resourceId: props.meta.resourceId }, 
+      query: { 
+          values: save_btoa(JSON.stringify(redirectToCreatePage())),
+      }
+    }">
+    <IconFileCloneSolid class="w-5 h-5 me-2 text-lightPrimary dark:text-darkPrimary"/>
+    {{ $t('Clone record') }}
+  </RouterLink>
+</template>
+
+<script lang="ts" setup>
+import { Tooltip } from '@/afcl';
+import { AdminUser, type AdminForthResourceCommon } from '@/types';
+import { IconFileCloneSolid } from '@iconify-prerendered/vue-flowbite';
+import { useI18n } from 'vue-i18n';
+ 
+const { t } = useI18n();
+
+const props = defineProps<{
+    meta: any,
+    resource: AdminForthResourceCommon,
+    adminUser: AdminUser,
+    record: any,
+    updateRecords: Function,
+}>();
+
+function redirectToCreatePage() {
+    const fieldsToFill = { ...props.resource.columns.filter((col: any) => col.showIn.create === true) }
+    let dataToFill = {};
+    for (const field of Object.values(fieldsToFill)) {
+        if (field.foreignResource) {
+            dataToFill[field.name] = props.record[field.name]?.pk
+            continue;   
+        }
+        dataToFill[field.name] = props.record[field.name];
+    }
+    return dataToFill;
+} 
+
+function save_btoa(str) {
+  const cleaned = str.replace(/\uFEFF/g, '');
+  return btoa(cleaned);
+}
+</script>

package/dist/index.js

@@ -25,10 +25,22 @@ export default class extends AdminForthPlugin {
             if (!resourceConfig.options.pageInjections.list) {
                 resourceConfig.options.pageInjections.list = {};
             }
-            if (!resourceConfig.options.pageInjections.list.customActionIcons) {
-                resourceConfig.options.pageInjections.list.customActionIcons = [];
+            if (this.options.makeCloneButtonAsQuickAction) {
+                if (!resourceConfig.options.pageInjections.list.customActionIcons) {
+                    resourceConfig.options.pageInjections.list.customActionIcons = [];
+                }
+                resourceConfig.options.pageInjections.list.customActionIcons.push({ file: this.componentPath('CloneRowButton.vue'), meta: { pluginInstanceId: this.pluginInstanceId, resourceId: this.resourceConfig.resourceId } });
+            }
+            else {
+                //TODO: after customActionIconsThreeDotsMenuItems will be released in adminforth.main, remove ts-ignore
+                //@ts-ignore
+                if (!resourceConfig.options.pageInjections.list.customActionIconsThreeDotsMenuItems) {
+                    //@ts-ignore
+                    resourceConfig.options.pageInjections.list.customActionIconsThreeDotsMenuItems = [];
+                }
+                //@ts-ignore
+                resourceConfig.options.pageInjections.list.customActionIconsThreeDotsMenuItems.push({ file: this.componentPath('CloneRowThreeDots.vue'), meta: { pluginInstanceId: this.pluginInstanceId, resourceId: this.resourceConfig.resourceId } });
             }
-            resourceConfig.options.pageInjections.list.customActionIcons.push({ file: this.componentPath('CloneRowButton.vue'), meta: { pluginInstanceId: this.pluginInstanceId, resourceId: this.resourceConfig.resourceId } });
             // simply modify resourceConfig or adminforth.config. You can get access to plugin options via this.options;
         });
     }

package/index.ts

@@ -1,5 +1,5 @@
 import { AdminForthPlugin } from "adminforth";
-import type { IAdminForth, IHttpServer, AdminForthResourceColumn, AdminForthResource, IAdminForthHttpResponse, AdminUser, AdminForthComponentDeclaration } from "adminforth";
+import type { IAdminForth, AdminForthResource, AdminForthComponentDeclaration } from "adminforth";
 import type { PluginOptions } from './types.js';
 
 
@@ -20,12 +20,25 @@ export default class  extends AdminForthPlugin {
     if ( !resourceConfig.options.pageInjections.list ) {
       resourceConfig.options.pageInjections.list = {};
     }
-    if ( !resourceConfig.options.pageInjections.list.customActionIcons ) {
-      resourceConfig.options.pageInjections.list.customActionIcons = [];
+    if ( this.options.makeCloneButtonAsQuickAction ) {
+      if ( !resourceConfig.options.pageInjections.list.customActionIcons ) {
+        resourceConfig.options.pageInjections.list.customActionIcons = [];
+      }
+      (resourceConfig.options.pageInjections.list.customActionIcons as AdminForthComponentDeclaration[]).push(
+        { file: this.componentPath('CloneRowButton.vue'), meta: { pluginInstanceId: this.pluginInstanceId, resourceId: this.resourceConfig.resourceId } }
+      );
+    } else {
+      //TODO: after customActionIconsThreeDotsMenuItems will be released in adminforth.main, remove ts-ignore
+      //@ts-ignore
+      if ( !resourceConfig.options.pageInjections.list.customActionIconsThreeDotsMenuItems ) {
+        //@ts-ignore
+        resourceConfig.options.pageInjections.list.customActionIconsThreeDotsMenuItems = [];
+      }
+      //@ts-ignore
+      (resourceConfig.options.pageInjections.list.customActionIconsThreeDotsMenuItems as AdminForthComponentDeclaration[]).push(
+        { file: this.componentPath('CloneRowThreeDots.vue'), meta: { pluginInstanceId: this.pluginInstanceId, resourceId: this.resourceConfig.resourceId } }
+      );
     }
-    (resourceConfig.options.pageInjections.list.customActionIcons as AdminForthComponentDeclaration[]).push(
-      { file: this.componentPath('CloneRowButton.vue'), meta: { pluginInstanceId: this.pluginInstanceId, resourceId: this.resourceConfig.resourceId } }
-    );
 
     // simply modify resourceConfig or adminforth.config. You can get access to plugin options via this.options;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/clone-row",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/types.ts

@@ -1,3 +1,3 @@
 export interface PluginOptions {
-
+  makeCloneButtonAsQuickAction?: boolean;
 }