feat: add dynamic list page size options to resource handling

Author: kulikp1

adminforth/modules/restApi.ts

@@ -1203,6 +1203,9 @@ export default class AdminForthRestAPI implements IAdminForthRestAPI {
             ),
             options: {
               ...resource.options,
+              listPageSizeOptions: typeof resource.options.listPageSizeOptions === 'function'
+                ? await resource.options.listPageSizeOptions({ adminUser, adminforth: this.adminforth })
+                : resource.options.listPageSizeOptions,
               fieldGroups: resource.options.fieldGroups?.map((group, i) => ({
                 ...group,
                 noTitle: group.noTitle ?? false,

adminforth/spa/src/components/ResourceListTable.vue

@@ -395,6 +395,7 @@ const props = withDefaults(defineProps<{
   rows: any[] | null,
   totalRows: number,
   pageSize: number,
+  pageSizeOptions: number[],
   checkboxes: any[],
   sort: any[],
   noRoundings?: boolean,
@@ -430,7 +431,7 @@ const emits = defineEmits([
 ]);
 
 const pageSizeOptionsComputed = computed(() => {
-  let options = props.resource?.options?.listPageSizeOptions;
+  let options = props.pageSizeOptions; 
   
   if (!options || options.length === 0) {
     return [];
@@ -468,16 +469,6 @@ watch(() => pageSizeInternal.value, (newSize) => {
   }
 });
 
-onMounted(() => {
-  const savedSize = localStorage.getItem(`pageSize_${props.resource?.resourceId}`);
-  if (savedSize) {
-    const sizeNum = parseInt(savedSize);
-    if (props.resource?.options?.listPageSizeOptions?.includes(sizeNum)) {
-      pageSizeInternal.value = sizeNum;
-      emits('update:pageSize', sizeNum);
-    }
-  }
-});
 
 const checkboxesInternal: Ref<any[]> = ref([]);
 const pageInput = ref('1');

adminforth/spa/src/views/ListView.vue

@@ -173,6 +173,7 @@
       @update:records="getListInner"
       @update:pageSize="(newSize) => { pageSize = newSize; page = 1; }"
       :sort="sort"
+      :pageSizeOptions="resolvedPageSizeOptions"
       :pageSize="pageSize"
       :totalRows="totalRows"
       :checkboxes="checkboxes"
@@ -237,6 +238,8 @@ import {
 import Filters from '@/components/Filters.vue';
 import { useAdminforth } from '@/adminforth';
 
+const adminforth = useAdminforth();
+
 const filtersShow = ref(false);
 const { list, alert } = useAdminforth();
 const coreStore = useCoreStore();
@@ -408,12 +411,28 @@ function clearAutoRefresher() {
   }
 }
 
+const resolvedPageSizeOptions = ref<number[]>([]);
+
 async function init() {
   
   await coreStore.fetchResourceFull({
     resourceId: route.params.resourceId as string
   });
 
+  const optionsRaw = coreStore.resource?.options?.listPageSizeOptions;
+
+  if (typeof optionsRaw === 'function') {
+    resolvedPageSizeOptions.value = await optionsRaw({
+      adminUser: coreStore.adminUser,
+      adminforth: adminforth
+    });
+  } else if (Array.isArray(optionsRaw)) {
+    resolvedPageSizeOptions.value = optionsRaw;
+  } else {
+    resolvedPageSizeOptions.value = [];
+  }
+
+
   syncPageSize();
 
   isPageLoaded.value = true;

adminforth/types/Common.ts

@@ -478,8 +478,7 @@ export interface AdminForthResourceInputCommon {
         * or a function returning them. When set together with `listPageSize`, the page
         * size should be one of the values returned here.
         */
-      listPageSizeOptions?: number[];
-      
+      listPageSizeOptions?: number[] | ((args: { adminUser: any, adminforth: any }) => number[] | Promise<number[]>);      
       /**
        * Whether to use virtual scroll in list view.
        */