feat: implement isAllowedToSave as a function for dynamic save permissions and update error handling

Author: yaroslav8765

custom/visionAction.vue

@@ -8,7 +8,6 @@
   <Dialog ref="confirmDialog">
     <div
       class="fixed inset-0 z-20 flex items-center justify-center bg-black/40"
-      @click="closeDialog"
     >
       <div
         class="bulk-vision-dialog flex items-center justify-center relative max-w-[95vw] min-w-[640px] max-h-[90vh] bg-white dark:bg-gray-900 rounded-md shadow-2xl overflow-hidden"
@@ -73,7 +72,7 @@ import VisionTable from './visionTable.vue'
 import adminforth from '@/adminforth';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
-import { type AdminUser, type AdminForthResourceCommon } from '@/types';
+import { AdminUser, type AdminForthResourceCommon } from '@/types';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -435,7 +434,7 @@ async function saveData() {
       props.clearCheckboxes();
     } else if (res.ok === false) {
       adminforth.alert({
-        message: 'You are not allowed to save.',
+        message: res.error,
         variant: 'danger',
         timeout: 'unlimited',
       });

index.ts

@@ -338,10 +338,14 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/update_fields`,
-      handler: async ( body ) => {
-        if(this.options.isAllowedToSave !== false) {
-          const selectedIds = body.body.selectedIds || [];
-          const fieldsToUpdate = body.body.fields || {};
+      handler: async ({ body, adminUser, headers }) => {
+        let isAllowedToSave: any = { ok: true, error: '' };
+        if(this.options.isAllowedToSave) {
+          isAllowedToSave = await this.options.isAllowedToSave({ record: {}, adminUser: adminUser, resource: this.resourceConfig });
+        }
+        if (isAllowedToSave.ok !== false) {
+          const selectedIds = body.selectedIds || [];
+          const fieldsToUpdate = body.fields || {};
           const outputImageFields = [];
           if (this.options.generateImages) {
             for (const [key, value] of Object.entries(this.options.generateImages)) {
@@ -380,7 +384,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
           await Promise.all(updates);
           return { ok: true };
         } else {
-          return { ok: false }
+          return { ok: false, error: isAllowedToSave.error };
         }
       }
     });

types.ts

@@ -51,5 +51,15 @@ export interface PluginOptions {
     /**
      * Whether the user is allowed to save the generated images
      */
-    isAllowedToSave?: boolean
+    isAllowedToSave?: ({ record, adminUser, resource }: {
+      record: any;
+      adminUser: any;
+      resource: any;
+    }) => Promise<{
+      ok: boolean;
+      error: string;
+    } | {
+      ok: boolean;
+      error?: undefined;
+    }>
 }