tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed formatting in saveload.ts

Browse Source
This commit is contained in:
Donkie
2023-10-24 20:27:00 +02:00
parent e52675e131
commit 9b823af4f1
1 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
client/src/utils/saveload.ts
View File

@@ -15,9 +15,21 @@ export interface TableState {
export function useInitialTableState(tableId: string): TableState { export function useInitialTableState(tableId: string): TableState {
const [initialState] = React.useState(() => { const [initialState] = React.useState(() => {
const savedSorters = hasHashProperty('sorters') ? getHashProperty('sorters') : isLocalStorageAvailable ? localStorage.getItem(`${tableId}-sorters`) : null; const savedSorters = hasHashProperty("sorters")
const savedFilters = hasHashProperty('filters') ? getHashProperty('filters') : isLocalStorageAvailable ? localStorage.getItem(`${tableId}-filters`) : null; ? getHashProperty("sorters")
const savedPagination = hasHashProperty('pagination') ? getHashProperty('pagination') : isLocalStorageAvailable ? localStorage.getItem(`${tableId}-pagination`) : null; : isLocalStorageAvailable
? localStorage.getItem(`${tableId}-sorters`)
: null;
const savedFilters = hasHashProperty("filters")
? getHashProperty("filters")
: isLocalStorageAvailable
? localStorage.getItem(`${tableId}-filters`)
: null;
const savedPagination = hasHashProperty("pagination")
? getHashProperty("pagination")
: isLocalStorageAvailable
? localStorage.getItem(`${tableId}-pagination`)
: null;
const savedShowColumns = isLocalStorageAvailable ? localStorage.getItem(`${tableId}-showColumns`) : null; const savedShowColumns = isLocalStorageAvailable ? localStorage.getItem(`${tableId}-showColumns`) : null;
const sorters = savedSorters ? JSON.parse(savedSorters) : [{ field: "id", order: "asc" }]; const sorters = savedSorters ? JSON.parse(savedSorters) : [{ field: "id", order: "asc" }];
@@ -37,20 +49,20 @@ export function useStoreInitialState(tableId: string, state: TableState) {
} }
setURLHash(`sorters`, JSON.stringify(state.sorters)); setURLHash(`sorters`, JSON.stringify(state.sorters));
} else { } else {
localStorage.removeItem(`${tableId}-sorters`) localStorage.removeItem(`${tableId}-sorters`);
removeURLHash('sorters'); removeURLHash("sorters");
} }
}, [tableId, state.sorters]); }, [tableId, state.sorters]);
React.useEffect(() => { React.useEffect(() => {
let filters = state.filters.filter(f => f.value.length != 0); const filters = state.filters.filter((f) => f.value.length != 0);
if (filters.length > 0) { if (filters.length > 0) {
if (isLocalStorageAvailable) { if (isLocalStorageAvailable) {
localStorage.setItem(`${tableId}-filters`, JSON.stringify(filters)); localStorage.setItem(`${tableId}-filters`, JSON.stringify(filters));
setURLHash('filters', JSON.stringify(state.filters)); setURLHash("filters", JSON.stringify(state.filters));
} }
} else { } else {
localStorage.removeItem(`${tableId}-filters`) localStorage.removeItem(`${tableId}-filters`);
removeURLHash(`filters`); removeURLHash(`filters`);
} }
}, [tableId, state.filters]); }, [tableId, state.filters]);
@@ -62,10 +74,9 @@ export function useStoreInitialState(tableId: string, state: TableState) {
} }
setURLHash(`pagination`, JSON.stringify(state.pagination)); setURLHash(`pagination`, JSON.stringify(state.pagination));
} else { } else {
localStorage.removeItem(`${tableId}-pagination`) localStorage.removeItem(`${tableId}-pagination`);
removeURLHash(`pagination`); removeURLHash(`pagination`);
} }
}, [tableId, state.pagination]); }, [tableId, state.pagination]);
React.useEffect(() => { React.useEffect(() => {
@@ -76,7 +87,6 @@ export function useStoreInitialState(tableId: string, state: TableState) {
localStorage.setItem(`${tableId}-showColumns`, JSON.stringify(state.showColumns)); localStorage.setItem(`${tableId}-showColumns`, JSON.stringify(state.showColumns));
} }
} }
}, [tableId, state.showColumns]); }, [tableId, state.showColumns]);
} }
@@ -98,7 +108,7 @@ export function useSavedState<T>(id: string, defaultValue: T) {
function setURLHash(Id: string, value: string) { function setURLHash(Id: string, value: string) {
const params = new URLSearchParams(window.location.hash.substring(1)); const params = new URLSearchParams(window.location.hash.substring(1));
if (!params.has(Id)) { if (!params.has(Id)) {
params.append(Id, value) params.append(Id, value);
} }
params.set(Id, value); params.set(Id, value);
window.location.hash = params.toString(); window.location.hash = params.toString();
@@ -106,7 +116,7 @@ function setURLHash(Id: string, value: string) {
function removeURLHash(Id: string) { function removeURLHash(Id: string) {
const params = new URLSearchParams(window.location.hash.substring(1)); const params = new URLSearchParams(window.location.hash.substring(1));
if (params.has(Id)) { if (params.has(Id)) {
params.delete(Id) params.delete(Id);
} }
window.location.hash = params.toString(); window.location.hash = params.toString();
} }