feat: add CloneRowButton component and integrate into resource configuration

Author: yaroslav8765

custom/CloneRowButton.vue

@@ -0,0 +1,46 @@
+<template>
+    <Tooltip>
+        <RouterLink :to="{
+            name: `resource-create`,
+            params: { resourceId: props.meta.resourceId }, 
+            query: { 
+                values: save_btoa(JSON.stringify(redirectToCreatePage())),
+            }
+        }">
+            <IconFileCloneOutline class="w-5 h-5 me-2"/>
+        </RouterLink>
+        <template v-slot:tooltip>
+            {{ $t('Clone record') }}
+        </template>
+    </Tooltip>
+</template>
+
+<script lang="ts" setup>
+import { Tooltip } from '@/afcl';
+import { AdminUser, type AdminForthResourceCommon } from '@/types';
+import { IconFileCloneOutline } 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)) {
+        dataToFill[field.name] = props.record[field.name];
+    }
+    return dataToFill;
+}
+
+function save_btoa(str) {
+  return btoa(str);
+}
+</script>

index.ts

@@ -1,5 +1,5 @@
 import { AdminForthPlugin } from "adminforth";
-import type { IAdminForth, IHttpServer, AdminForthResourcePages, AdminForthResourceColumn, AdminForthDataTypes, AdminForthResource } from "adminforth";
+import type { IAdminForth, IHttpServer, AdminForthResourceColumn, AdminForthResource, IAdminForthHttpResponse, AdminUser, AdminForthComponentDeclaration } from "adminforth";
 import type { PluginOptions } from './types.js';
 
 
@@ -14,6 +14,19 @@ export default class  extends AdminForthPlugin {
   async modifyResourceConfig(adminforth: IAdminForth, resourceConfig: AdminForthResource) {
     super.modifyResourceConfig(adminforth, resourceConfig);
 
+    if ( !resourceConfig.options.pageInjections ) {
+      resourceConfig.options.pageInjections = {};
+    }
+    if ( !resourceConfig.options.pageInjections.list ) {
+      resourceConfig.options.pageInjections.list = {};
+    }
+    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 } }
+    );
+
     // simply modify resourceConfig or adminforth.config. You can get access to plugin options via this.options;
   }