adminforth 1.3.38 → 1.3.40

package/package.json

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

package/spa/src/App.vue

@@ -313,16 +313,21 @@ function handleCustomLayout() {
   }
 }
 
+function humanizeSnake(str: string): string {
+  if (!str) {
+    return '';
+  }
+  return str.split('_').map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+}
 
-
-watch(route, () => {
+watch([route, () => coreStore.resourceById], async () => {
   handleCustomLayout()
-  title.value = `${coreStore.config?.title || coreStore.config?.brandName || 'Adminforth'} | ${ Object.values(route.params)[0] || route.meta.title || ' '}`;
+  await new Promise((resolve) => setTimeout(resolve, 0));
+  const resourceTitle = coreStore.resourceById[route.params?.resourceId as string]?.label || humanizeSnake(Object.values(route.params)[0] as string);
+  title.value = `${coreStore.config?.title || coreStore.config?.brandName || 'Adminforth'} | ${ resourceTitle || route.meta.title || ' '}`;
   useHead({
     title: title.value,
   })
-  
-
 });
 
 watch (()=>coreStore.menu, () => {

package/spa/src/components/ResourceListTable.vue

@@ -164,14 +164,17 @@
                 <div class="tooltip-arrow" data-popper-arrow></div>
               </div>
 
-              <component 
-                v-if="coreStore.resourceOptions?.pageInjections?.list?.customActionIcons"
-                :is="getCustomComponent(coreStore.resourceOptions?.pageInjections?.list?.customActionIcons)" 
-                :meta="coreStore.resourceOptions?.pageInjections?.list?.customActionIcons.meta"
-                :resource="coreStore.resource" 
-                :adminUser="coreStore.adminUser"
-                :record="row"
-              />
+                
+              <template v-if="coreStore.resourceOptions?.pageInjections?.list?.customActionIcons">
+                <component 
+                  v-for="c in coreStore.resourceOptions?.pageInjections?.list?.customActionIcons"
+                  :is="getCustomComponent(c)" 
+                  :meta="c.meta"
+                  :resource="coreStore.resource" 
+                  :adminUser="coreStore.adminUser"
+                  :record="row"
+                />
+              </template>
             </div>
           </td>
         </tr>
@@ -378,17 +381,19 @@ async function onClick(e,row) {
   if (window.getSelection().toString()) return;
   else {
     if (e.ctrlKey || e.metaKey) {
+
       if (row._clickUrl) {
         window.open(row._clickUrl, '_blank');
       } else {
-        router.push(
+        window.open(
           router.resolve({
             name: 'resource-show',
             params: {
               resourceId: props.resource.resourceId,
               primaryKey: row._primaryKeyValue,
             },
-          })
+          }).fullPath,
+          '_blank'
         );
       }
     } else {

package/spa/src/components/ThreeDotsMenu.vue

@@ -37,7 +37,7 @@ import { useCoreStore } from '@/stores/core'
 const coreStore = useCoreStore()
 
 const props = defineProps<{
-  threeDotsDropdownItems: any[]
+  threeDotsDropdownItems: any[] | undefined
 }>()
 
 </script>

package/spa/src/index.scss

@@ -25,3 +25,7 @@
 //   }
 // }
 
+
+*{
+  -moz-user-select: none;
+}

package/spa/src/views/ListView.vue

@@ -183,6 +183,9 @@ async function getList() {
     return row;
   });
   totalRows.value = data.total;
+  await new Promise(resolve => setTimeout(resolve, 0));
+  initFlowbite(); // for tooltips in table
+
 }
 
 async function startBulkAction(actionId) {

package/types/AdminForthConfig.ts

@@ -1442,7 +1442,7 @@ export class Sorts {
 export interface IOperationalResource {
   get: (filter: IAdminForthFilter | IAdminForthFilter[]) => Promise<any | null>;
 
-  list: (filter: IAdminForthFilter | IAdminForthFilter[], limit: number, offset: number, sort: IAdminForthSort | IAdminForthSort[]) => Promise<any[]>;
+  list: (filter: IAdminForthFilter | IAdminForthFilter[], limit?: number, offset?: number, sort?: IAdminForthSort | IAdminForthSort[]) => Promise<any[]>;
 
   count: (filter: IAdminForthFilter | IAdminForthFilter[] | undefined) => Promise<number>;