ui(admin): too many changes, not enough commits

resources/scripts/api/admin/nodes/getAllocations.ts

@@ -0,0 +1,23 @@
+import http from '@/api/http';
+import { rawDataToServerAllocation } from '@/api/transformers';
+
+export interface Allocation {
+    id: number;
+    ip: string;
+    alias: string | null;
+    port: number;
+    notes: string | null;
+    isDefault: boolean;
+}
+
+export default (uuid: string): Promise<[ Allocation, string[] ]> => {
+    return new Promise((resolve, reject) => {
+        http.get(`/api/application/allocations/${uuid}`)
+            .then(({ data }) => resolve([
+                rawDataToServerAllocation(data),
+                // eslint-disable-next-line camelcase
+                data.meta?.is_allocation_owner ? [ '*' ] : (data.meta?.user_permissions || []),
+            ]))
+            .catch(reject);
+    });
+};

resources/scripts/api/admin/nodes/getNodes.ts

@@ -67,18 +67,61 @@ export const rawDataToNode = ({ attributes }: FractalResponseData): Node => ({
     },
 });
 
+export interface Filters {
+    uuid?: string;
+    name?: string;
+    image?: string;
+    /* eslint-disable camelcase */
+    external_id?: string;
+    /* eslint-enable camelcase */
+}
+
 interface ctx {
     page: number;
     setPage: (value: number | ((s: number) => number)) => void;
+
+    filters: Filters | null;
+    setFilters: (filters: Filters | null) => void;
+
+    sort: string | null;
+    setSort: (sort: string | null) => void;
+
+    sortDirection: boolean;
+    setSortDirection: (direction: boolean) => void;
 }
 
-export const Context = createContext<ctx>({ page: 1, setPage: () => 1 });
+export const Context = createContext<ctx>({
+    page: 1,
+    setPage: () => 1,
+
+    filters: null,
+    setFilters: () => null,
+
+    sort: null,
+    setSort: () => null,
+
+    sortDirection: false,
+    setSortDirection: () => false,
+});
 
 export default (include: string[] = []) => {
-    const { page } = useContext(Context);
+    const { page, filters, sort, sortDirection } = useContext(Context);
 
-    return useSWR<PaginatedResult<Node>>([ 'nodes', page ], async () => {
-        const { data } = await http.get('/api/application/nodes', { params: { include: include.join(','), page } });
+    const params = {};
+    if (filters !== null) {
+        Object.keys(filters).forEach(key => {
+            // @ts-ignore
+            params['filter[' + key + ']'] = filters[key];
+        });
+    }
+
+    if (sort !== null) {
+        // @ts-ignore
+        params.sort = (sortDirection ? '-' : '') + sort;
+    }
+
+    return useSWR<PaginatedResult<Node>>([ 'nodes', page, filters, sort, sortDirection ], async () => {
+        const { data } = await http.get('/api/application/nodes', { params: { include: include.join(','), page, ...params } });
 
         return ({
             items: (data.data || []).map(rawDataToNode),