adminforth 1.1.35 → 1.1.37

package/dist/index.js

@@ -648,20 +648,24 @@ class AdminForth {
                 if (process.env.HEAVY_DEBUG) {
                     console.log('🪲Interpreting resource', resource.resourceId, source);
                 }
+                const allowedActions = {};
                 yield Promise.all(Object.entries(((_b = resource.options) === null || _b === void 0 ? void 0 : _b.allowedActions) || {}).map((_c) => __awaiter(this, [_c], void 0, function* ([key, value]) {
                     if (process.env.HEAVY_DEBUG) {
                         console.log('🪲checking for allowed call', key, 'value:', value, 'typeof', typeof value);
                     }
                     // if callable then call
                     if (typeof value === 'function') {
-                        resource.options.allowedActions[key] = yield value({ adminUser, resource, meta, source });
+                        allowedActions[key] = yield value({ adminUser, resource, meta, source });
+                    }
+                    else {
+                        allowedActions[key] = value;
                     }
                 })));
+                return { allowedActions };
             });
         }
-        function checkAccess(action, resource) {
-            var _b;
-            const allowed = (_b = resource.options) === null || _b === void 0 ? void 0 : _b.allowedActions[action];
+        function checkAccess(action, allowedActions) {
+            const allowed = allowedActions[action];
             if (allowed !== true) {
                 return { error: typeof allowed === 'string' ? allowed : 'Action is not allowed', allowed: false };
             }
@@ -682,9 +686,11 @@ class AdminForth {
                 if (!resource) {
                     return { error: `Resource ${resourceId} not found` };
                 }
-                yield interpretResource(adminUser, resource, {}, ActionCheckSource.DisplayButtons);
+                const { allowedActions } = yield interpretResource(adminUser, resource, {}, ActionCheckSource.DisplayButtons);
                 // exclude "plugins" key
-                return { resource: Object.assign(Object.assign({}, resource), { plugins: undefined }) };
+                return {
+                    resource: Object.assign(Object.assign({}, resource), { plugins: undefined, options: Object.assign(Object.assign({}, resource.options), { allowedActions }) })
+                };
             }),
         });
         server.endpoint({
@@ -706,8 +712,8 @@ class AdminForth {
                 if (!resource) {
                     return { error: `Resource ${resourceId} not found` };
                 }
-                yield interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DisplayButtons);
-                const { allowed, error } = checkAccess(source, resource);
+                const { allowedActions } = yield interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DisplayButtons);
+                const { allowed, error } = checkAccess(source, allowedActions);
                 if (!allowed) {
                     return { error };
                 }
@@ -905,8 +911,8 @@ class AdminForth {
                 if (!resource) {
                     return { error: `Resource '${body['resourceId']}' not found` };
                 }
-                yield interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.CreateRequest);
-                const { allowed, error } = checkAccess(AllowedActionsEnum.create, resource);
+                const { allowedActions } = yield interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.CreateRequest);
+                const { allowed, error } = checkAccess(AllowedActionsEnum.create, allowedActions);
                 if (!allowed) {
                     return { error };
                 }
@@ -985,8 +991,8 @@ class AdminForth {
                     return { error: `Record with ${primaryKeyColumn.name} ${recordId} not found` };
                 }
                 const record = body['record'];
-                yield interpretResource(adminUser, resource, { requestBody: body, record, oldRecord }, ActionCheckSource.EditRequest);
-                const { allowed, error } = checkAccess(AllowedActionsEnum.edit, resource);
+                const { allowedActions } = yield interpretResource(adminUser, resource, { requestBody: body, record, oldRecord }, ActionCheckSource.EditRequest);
+                const { allowed, error } = checkAccess(AllowedActionsEnum.edit, allowedActions);
                 if (!allowed) {
                     return { error };
                 }
@@ -1049,8 +1055,8 @@ class AdminForth {
                 if (resource.options.allowedActions.delete === false) {
                     return { error: `Resource '${resource.resourceId}' does not allow delete action` };
                 }
-                yield interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DeleteRequest);
-                const { allowed, error } = checkAccess(AllowedActionsEnum.delete, resource);
+                const { allowedActions } = yield interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DeleteRequest);
+                const { allowed, error } = checkAccess(AllowedActionsEnum.delete, allowedActions);
                 if (!allowed) {
                     return { error };
                 }

package/dist/spa/spa/src/components/ResourceListTable.vue

@@ -28,7 +28,7 @@
       <tr>
         <th scope="col" class="p-4">
           <div v-if="rows && rows.length" class="flex items-center">
-            <input id="checkbox-all-search" type="checkbox" :checked="allFromThisPageChecked" @change="selectAll()"
+            <input id="checkbox-all-search" type="checkbox" :checked="allFromThisPageChecked" @change="selectAll()" 
                   class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
             <label for="checkbox-all-search" class="sr-only">checkbox</label>
           </div>
@@ -118,11 +118,12 @@
         </td>
       </tr>
 
-      <tr v-else v-for="(row, rowI) in rows" :key="row.id"
+      <tr @click="onClick($event,row)"   v-else v-for="(row, rowI) in rows" :key="row.id"
           class="bg-list-view-table-bg border-b dark:bg-gray-800 border-list-view-border-color dark:border-gray-700 hover:bg-list-view-table-row-hover dark:hover:bg-gray-600">
         <td class="w-4 p-4">
           <div class="flex items center">
             <input
+              @click="(e)=>{e.stopPropagation()}"
               id="checkbox-table-search-1"
               type="checkbox"
               :checked="checkboxesInternal.includes(row.id)"
@@ -134,6 +135,7 @@
         <td v-for="c in columnsListed" class="px-6 py-4">
           <!-- if c.name in listComponentsPerColumn, render it. If not, render ValueRenderer -->
           <component
+            @click="(e)=>{e.stopPropagation()}"
             :is="c?.components?.list ? getCustomComponent(c.components.list) : ValueRenderer"
             :meta="c?.components?.list.meta"
             :column="c"
@@ -142,7 +144,7 @@
             :resource="resource"
           />
         </td>
-        <td class=" items-center px-6 py-4">
+        <td class=" items-center px-6 py-4" @click="(e)=>{e.stopPropagation()}">
           <div class="flex">
           <RouterLink
             v-if="resource.options?.allowedActions.show"
@@ -291,6 +293,7 @@ IconFilterOutline,
 IconPenSolid,
 IconTrashBinSolid
 } from '@iconify-prerendered/vue-flowbite';
+import router from '@/router';
 
 const coreStore = useCoreStore();
 
@@ -385,6 +388,31 @@ function onSortButtonClick(field) {
   }
 }
 
+
+const clickTarget = ref(null);
+async function onClick(e,row) {
+  console.log(e,row)
+  if(clickTarget.value === e.target) return;
+  clickTarget.value = e.target;
+  await new Promise((resolve) => setTimeout(resolve, 500));
+  if (window.getSelection().toString()) return;
+  else {router.push({
+    name: 'resource-show',
+    params: {
+      resourceId: props.resource.resourceId,
+      primaryKey: row._primaryKeyValue,
+    },
+  })}
+}
+  
+
+
+
+
+
+
+
+
 async function deleteRecord(row) {
   const data = await window.adminforth.confirm({
     message: 'Are you sure you want to delete this item?',

package/index.ts

@@ -17,6 +17,7 @@ import { AdminForthConfig, AdminForthClass, AdminForthComponentDeclaration, Admi
   AfterDataSourceResponseFunction, AllowedActionValue, AdminUser,
   AdminForthResource,
   AllowedActionsEnum,
+  AllowedActions,
   ActionCheckSource
 } from './types/AdminForthConfig.js';
 import path from 'path';
@@ -732,10 +733,11 @@ class AdminForth implements AdminForthClass {
       },
     });
 
-    async function interpretResource(adminUser: AdminUser, resource: AdminForthResource, meta: any, source: ActionCheckSource) {
+    async function interpretResource(adminUser: AdminUser, resource: AdminForthResource, meta: any, source: ActionCheckSource): Promise<{allowedActions: AllowedActions}> {
       if (process.env.HEAVY_DEBUG) {
         console.log('🪲Interpreting resource', resource.resourceId, source);
       }
+      const allowedActions = {};
 
       await Promise.all(
         Object.entries(resource.options?.allowedActions || {}).map(
@@ -746,14 +748,18 @@ class AdminForth implements AdminForthClass {
           
             // if callable then call
             if (typeof value === 'function') {
-              resource.options.allowedActions[key] = await value({ adminUser, resource, meta, source });
+              allowedActions[key] = await value({ adminUser, resource, meta, source });
+            } else {
+              allowedActions[key] = value;
             }
           })
       );
+
+      return { allowedActions };
     }
 
-    function checkAccess(action: AllowedActionsEnum, resource: AdminForthResource): { allowed: boolean, error?: string } {
-      const allowed = (resource.options?.allowedActions[action] as boolean | string | undefined);
+    function checkAccess(action: AllowedActionsEnum, allowedActions: AllowedActions): { allowed: boolean, error?: string } {
+      const allowed = (allowedActions[action] as boolean | string | undefined);
         if (allowed !== true) {
           return { error: typeof allowed === 'string' ? allowed : 'Action is not allowed', allowed: false };
         }
@@ -777,10 +783,19 @@ class AdminForth implements AdminForthClass {
           return { error: `Resource ${resourceId} not found` };
         }
 
-        await interpretResource(adminUser, resource, {}, ActionCheckSource.DisplayButtons);
+        const { allowedActions } = await interpretResource(adminUser, resource, {}, ActionCheckSource.DisplayButtons);
 
         // exclude "plugins" key
-        return { resource: { ...resource, plugins: undefined } };
+        return { 
+          resource: { 
+            ...resource, 
+            plugins: undefined, 
+            options: {
+              ...resource.options,
+              allowedActions,
+            } 
+          }
+        };
       },
     });
     server.endpoint({
@@ -802,9 +817,9 @@ class AdminForth implements AdminForthClass {
           return { error: `Resource ${resourceId} not found` };
         }
 
-        await interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DisplayButtons);
+        const { allowedActions } = await interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DisplayButtons);
 
-        const { allowed, error } = checkAccess(source as AllowedActionsEnum, resource);
+        const { allowed, error } = checkAccess(source as AllowedActionsEnum, allowedActions);
         if (!allowed) {
           return { error };
         }
@@ -1026,9 +1041,9 @@ class AdminForth implements AdminForthClass {
             if (!resource) {
                 return { error: `Resource '${body['resourceId']}' not found` };
             }
-            await interpretResource(adminUser, resource, { requestBody: body}, ActionCheckSource.CreateRequest);
+            const { allowedActions } = await interpretResource(adminUser, resource, { requestBody: body}, ActionCheckSource.CreateRequest);
 
-            const { allowed, error } = checkAccess(AllowedActionsEnum.create, resource);
+            const { allowed, error } = checkAccess(AllowedActionsEnum.create, allowedActions);
             if (!allowed) {
               return { error };
             }
@@ -1117,9 +1132,9 @@ class AdminForth implements AdminForthClass {
             }
             const record = body['record'];
 
-            await interpretResource(adminUser, resource, { requestBody: body, record, oldRecord}, ActionCheckSource.EditRequest);
+            const { allowedActions } = await interpretResource(adminUser, resource, { requestBody: body, record, oldRecord}, ActionCheckSource.EditRequest);
 
-            const { allowed, error } = checkAccess(AllowedActionsEnum.edit, resource);
+            const { allowed, error } = checkAccess(AllowedActionsEnum.edit, allowedActions);
             if (!allowed) {
               return { error };
             }
@@ -1188,9 +1203,9 @@ class AdminForth implements AdminForthClass {
                 return { error: `Resource '${resource.resourceId}' does not allow delete action` };
             }
 
-            await interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DeleteRequest);
+            const { allowedActions } = await interpretResource(adminUser, resource, { requestBody: body }, ActionCheckSource.DeleteRequest);
 
-            const { allowed, error } = checkAccess(AllowedActionsEnum.delete, resource);
+            const { allowed, error } = checkAccess(AllowedActionsEnum.delete, allowedActions);
             if (!allowed) {
               return { error };
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.1.35",
+  "version": "1.1.37",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/spa/src/components/ResourceListTable.vue

@@ -28,7 +28,7 @@
       <tr>
         <th scope="col" class="p-4">
           <div v-if="rows && rows.length" class="flex items-center">
-            <input id="checkbox-all-search" type="checkbox" :checked="allFromThisPageChecked" @change="selectAll()"
+            <input id="checkbox-all-search" type="checkbox" :checked="allFromThisPageChecked" @change="selectAll()" 
                   class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
             <label for="checkbox-all-search" class="sr-only">checkbox</label>
           </div>
@@ -118,11 +118,12 @@
         </td>
       </tr>
 
-      <tr v-else v-for="(row, rowI) in rows" :key="row.id"
+      <tr @click="onClick($event,row)"   v-else v-for="(row, rowI) in rows" :key="row.id"
           class="bg-list-view-table-bg border-b dark:bg-gray-800 border-list-view-border-color dark:border-gray-700 hover:bg-list-view-table-row-hover dark:hover:bg-gray-600">
         <td class="w-4 p-4">
           <div class="flex items center">
             <input
+              @click="(e)=>{e.stopPropagation()}"
               id="checkbox-table-search-1"
               type="checkbox"
               :checked="checkboxesInternal.includes(row.id)"
@@ -134,6 +135,7 @@
         <td v-for="c in columnsListed" class="px-6 py-4">
           <!-- if c.name in listComponentsPerColumn, render it. If not, render ValueRenderer -->
           <component
+            @click="(e)=>{e.stopPropagation()}"
             :is="c?.components?.list ? getCustomComponent(c.components.list) : ValueRenderer"
             :meta="c?.components?.list.meta"
             :column="c"
@@ -142,7 +144,7 @@
             :resource="resource"
           />
         </td>
-        <td class=" items-center px-6 py-4">
+        <td class=" items-center px-6 py-4" @click="(e)=>{e.stopPropagation()}">
           <div class="flex">
           <RouterLink
             v-if="resource.options?.allowedActions.show"
@@ -291,6 +293,7 @@ IconFilterOutline,
 IconPenSolid,
 IconTrashBinSolid
 } from '@iconify-prerendered/vue-flowbite';
+import router from '@/router';
 
 const coreStore = useCoreStore();
 
@@ -385,6 +388,31 @@ function onSortButtonClick(field) {
   }
 }
 
+
+const clickTarget = ref(null);
+async function onClick(e,row) {
+  console.log(e,row)
+  if(clickTarget.value === e.target) return;
+  clickTarget.value = e.target;
+  await new Promise((resolve) => setTimeout(resolve, 500));
+  if (window.getSelection().toString()) return;
+  else {router.push({
+    name: 'resource-show',
+    params: {
+      resourceId: props.resource.resourceId,
+      primaryKey: row._primaryKeyValue,
+    },
+  })}
+}
+  
+
+
+
+
+
+
+
+
 async function deleteRecord(row) {
   const data = await window.adminforth.confirm({
     message: 'Are you sure you want to delete this item?',