feat: add RelatedLogsLink component and update resource options for audit log

Author: NoOne7135

custom/RelatedLogsLink.vue

@@ -0,0 +1,40 @@
+<template>
+    <div class="pt-2 flex justify-end">
+        <a :href="linkHref" class="text-lightPrimary hover:underline dark:text-darkPrimary break-all ">
+          <IconClockSolid class="inline w-4 h-4 me-1 mb-0.5"/>
+            Edits History</a>
+    </div>
+</template>
+<script setup lang="ts">
+import { computed } from 'vue';
+import { IconClockSolid } from '@iconify-prerendered/vue-flowbite';
+
+const props = defineProps<{
+  column: any;
+  record: any;
+  meta: any;
+  resource: any;
+  adminUser: any;
+}>();
+
+const linkHref = computed(() => {
+  try {
+    const resourceIdCol = props.meta.resourceColumns.resourceIdColumnName;
+    const recordIdCol = props.meta.resourceColumns.resourceRecordIdColumnName;
+
+    const recordId = props.record[recordIdCol];
+    const resourceId = props.record[resourceIdCol];
+
+    const params = new URLSearchParams();
+    params.set('sort', `${props.meta.resourceColumns.resourceCreatedColumnName}__desc`);
+    if (recordId) params.set(`filter__${recordIdCol}__ilike`, JSON.stringify(String(recordId)));
+    if (resourceId) params.set(`filter__${resourceIdCol}__eq`, JSON.stringify(String(resourceId)));
+
+    const base = typeof window !== 'undefined' ? window.location.origin : '';
+    return `${base}/resource/${props.resource.resourceId}?${params.toString()}`;
+  } catch (e) {
+    return '#';
+  }
+});
+</script>
+

custom/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".", // This should point to your project root
+    "paths": {
+      "@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "../../../adminforth/spa/src/*"
+      ],
+      "*": [
+        // "node_modules/adminforth/dist/spa/node_modules/*"
+        "../../../adminforth/spa/node_modules/*"
+      ],
+      "@@/*": [
+        // "node_modules/adminforth/dist/spa/src/*"
+        "."
+      ]
+    }
+  },
+  "include": [
+    "./**/*.ts",
+    "./**/*.tsx",
+    "./**/*.vue",
+    "../**/*.ts",
+    "../**/*.tsx",
+    "../**/*.vue",
+    "../*.vue",
+    "../*.ts",
+    "../*.tsx"
+  ]
+}

index.ts

@@ -189,6 +189,19 @@ export default class AuditLogPlugin extends AdminForthPlugin {
             columnName: this.options.resourceColumns.resourceCreatedColumnName,
             direction: AdminForthSortDirections.desc
         }
+
+        resource.options = resource.options || {} as any;
+        resource.options.pageInjections = resource.options.pageInjections || {} as any;
+        resource.options.pageInjections.show = resource.options.pageInjections.show || {} as any;
+        if (!resource.options.pageInjections.show.bottom) {
+          resource.options.pageInjections.show.bottom = [] as any[];
+        } else if (!Array.isArray(resource.options.pageInjections.show.bottom)) {
+          resource.options.pageInjections.show.bottom = [resource.options.pageInjections.show.bottom] as any[];
+        }
+        const bottom = resource.options.pageInjections.show.bottom as any[];
+        const compDecl = { file: this.componentPath('RelatedLogsLink.vue'), meta: { ...this.options, pluginInstanceId: this.pluginInstanceId } } as any;
+        const already = bottom.some((d: any) => d?.file === compDecl.file);
+        if (!already) bottom.push(compDecl);
         return;
       };