adminforth 1.1.18 → 1.1.20

package/dist/index.js

@@ -568,13 +568,45 @@ class AdminForth {
                     [this.config.auth.usernameField]: username,
                     [this.config.auth.userFullNameField]: userFullName
                 };
+                const checkIsMenuItemVisible = (menuItem) => {
+                    if (typeof menuItem.visible === 'function') {
+                        const toReturn = menuItem.visible(adminUser);
+                        if (typeof toReturn !== 'boolean') {
+                            throw new Error(`'visible' function of ${menuItem.label || menuItem.type}  must return boolean value`);
+                        }
+                        return toReturn;
+                    }
+                };
+                let newMenu = [];
+                for (let menuItem of this.config.menu) {
+                    let newMenuItem = Object.assign({}, menuItem);
+                    if (menuItem.visible) {
+                        if (!checkIsMenuItemVisible(menuItem)) {
+                            continue;
+                        }
+                    }
+                    if (menuItem.children) {
+                        let newChildren = [];
+                        for (let child of menuItem.children) {
+                            let newChild = Object.assign({}, child);
+                            if (child.visible) {
+                                if (!checkIsMenuItemVisible(child)) {
+                                    continue;
+                                }
+                            }
+                            newChildren.push(newChild);
+                        }
+                        newMenuItem = Object.assign(Object.assign({}, newMenuItem), { children: newChildren });
+                    }
+                    newMenu.push(newMenuItem);
+                }
                 return {
                     user: userData,
                     resources: this.config.resources.map((res) => ({
                         resourceId: res.resourceId,
                         label: res.label,
                     })),
-                    menu: this.config.menu,
+                    menu: newMenu,
                     config: {
                         brandName: this.config.customization.brandName,
                         brandLogo: this.config.customization.brandLogo,

package/dist/modules/codeInjector.js

@@ -140,7 +140,7 @@ class CodeInjector {
                                 routes += `{
                 path: '${item.path}',
                 name: '${item.path}',
-                component: () => import('${item.component}'),}
+                component: () => import('${item.component}'),
                 meta: { title: '${(_d = item === null || item === void 0 ? void 0 : item.meta) === null || _d === void 0 ? void 0 : _d.title}'
               },\n`;
                             }

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

@@ -358,9 +358,11 @@ async function selectAll(value) {
 const totalPages = computed(() => Math.ceil(props.totalRows / props.pageSize));
 
 
+
+
 const allFromThisPageChecked = computed(() => {
-  if (!props.rows.value) return false;
-  return props.rows.value.every((r) => checkboxes.value.includes(r.id));
+  if (!props.rows) return false;
+  return props.rows.every((r) => props.checkboxes.includes(r.id));
 });
 const ascArr = computed(() => sort.value.filter((s) => s.direction === 'asc').map((s) => s.field));
 const descArr = computed(() => sort.value.filter((s) => s.direction === 'desc').map((s) => s.field));

package/index.ts

@@ -648,13 +648,49 @@ class AdminForth implements AdminForthClass {
             [this.config.auth.usernameField]: username,
             [this.config.auth.userFullNameField]: userFullName
         };
+        const checkIsMenuItemVisible = (menuItem) => {
+          if (typeof menuItem.visible === 'function') {
+            const toReturn = menuItem.visible( adminUser );
+            if (typeof toReturn !== 'boolean') {
+              throw new Error(`'visible' function of ${menuItem.label || menuItem.type }  must return boolean value`);
+            }
+            return toReturn;
+          }}
+        let newMenu = []
+        for (let menuItem of this.config.menu) {
+          let newMenuItem = {...menuItem,}
+          if (menuItem.visible){
+            if (!checkIsMenuItemVisible(menuItem)){
+              continue
+            }
+          }
+          if (menuItem.children){
+            let newChildren = []
+            for (let child of menuItem.children){
+              let newChild = {...child,}
+              if (child.visible){
+                if (!checkIsMenuItemVisible(child)){
+                  continue
+                }
+              }
+              newChildren.push(newChild)
+            }
+            newMenuItem = {...newMenuItem, children: newChildren}
+          }
+          newMenu.push(newMenuItem)
+        }
+         
+          
+
+
+
         return {
           user: userData,
           resources: this.config.resources.map((res) => ({
             resourceId: res.resourceId,
             label: res.label,
           })),
-          menu: this.config.menu,
+          menu: newMenu,
           config: { 
             brandName: this.config.customization.brandName,
             brandLogo: this.config.customization.brandLogo,

package/modules/codeInjector.ts

@@ -149,7 +149,7 @@ class CodeInjector implements CodeInjectorType {
               routes += `{
                 path: '${item.path}',
                 name: '${item.path}',
-                component: () => import('${item.component}'),}
+                component: () => import('${item.component}'),
                 meta: { title: '${item?.meta?.title}'
               },\n` 
               

package/package.json

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

package/spa/src/components/ResourceListTable.vue

@@ -358,9 +358,11 @@ async function selectAll(value) {
 const totalPages = computed(() => Math.ceil(props.totalRows / props.pageSize));
 
 
+
+
 const allFromThisPageChecked = computed(() => {
-  if (!props.rows.value) return false;
-  return props.rows.value.every((r) => checkboxes.value.includes(r.id));
+  if (!props.rows) return false;
+  return props.rows.every((r) => props.checkboxes.includes(r.id));
 });
 const ascArr = computed(() => sort.value.filter((s) => s.direction === 'asc').map((s) => s.field));
 const descArr = computed(() => sort.value.filter((s) => s.direction === 'desc').map((s) => s.field));

package/types/AdminForthConfig.ts

@@ -283,6 +283,12 @@ export type AdminForthConfigMenuItem = {
     meta?: {
       title?: string,
     },
+
+    /**
+     * Optional callback which will be called before rendering the menu for each item.
+     * You can use it to hide menu items depending on some user
+     */
+    visible?: (user: AdminUser) => boolean,
   }