Add api-query-parameters attribute (#64)

mtrdesign · Aug 11, 2024 · cdd29c5 · cdd29c5
1 parent 922c8bc
commit cdd29c5
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/krait-ui/src/actions/fetch-records.ts b/krait-ui/src/actions/fetch-records.ts
@@ -187,6 +187,13 @@ export default class FetchRecords extends BaseAction<
     this.setSorting(this.context.sorting, url);
     this.setPagination(this.context.pagination, url);
 
+    for (const parameter in this.context.queryParameters.value) {
+      url.searchParams.set(
+        parameter,
+        String(this.context.queryParameters.value[parameter]),
+      );
+    }
+
     return url;
   }
 }
diff --git a/krait-ui/src/components/dynamic-table/DynamicTable.vue b/krait-ui/src/components/dynamic-table/DynamicTable.vue
@@ -25,12 +25,23 @@ const props = defineProps({
     required: false,
     default: false,
   },
+  apiQueryParameters: {
+    type: Object,
+    required: false,
+    default: {},
+  },
 });
 
-const { columns, isLoading, records, visibleColumns, isAuthorized } = useTable(
-  props.apiEndpoint,
-);
+const {
+  columns,
+  isLoading,
+  records,
+  visibleColumns,
+  isAuthorized,
+  queryParameters,
+} = useTable(props.apiEndpoint);
 const { dispatch } = useDispatcher(props.apiEndpoint);
+queryParameters.value = props.apiQueryParameters;
 
 const initFiltersListener = () => {
   if (!props.filtersForm) {

diff --git a/krait-ui/src/mixins/useTable.ts b/krait-ui/src/mixins/useTable.ts
@@ -29,6 +29,7 @@ const getState = (): Table.ITableContext => {
   const isLoading = ref<boolean>(false);
   const links = ref<Responses.ILinks>({});
   const isAuthorized = ref<boolean>(true);
+  const queryParameters = ref<Table.IQueryParameters>({});
 
   return {
     columns,
@@ -39,6 +40,7 @@ const getState = (): Table.ITableContext => {
     records,
     links,
     isAuthorized,
+    queryParameters,
   };
 };
 

diff --git a/krait-ui/src/types/table.ts b/krait-ui/src/types/table.ts
@@ -28,6 +28,10 @@ export interface IColumn {
   width?: number;
 }
 
+export interface IQueryParameters {
+  [key: string]: string | number;
+}
+
 export interface ITableContext {
   isLoading: Ref<UnwrapRef<boolean>>;
   pagination: UnwrapNestedRefs<IPagination> & {};
@@ -37,4 +41,5 @@ export interface ITableContext {
   sorting: UnwrapNestedRefs<ISorting> & {};
   visibleColumns: Ref<UnwrapRef<string[]>>;
   isAuthorized: Ref<boolean>;
+  queryParameters: Ref<IQueryParameters>;
 }