ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2024-09-20 03:17:26 +02:00
Code Issues Packages Releases Activity

Fix Filters and Pagination on JobList exemplarily

Browse Source
This commit is contained in:
Christoph Kluge 2023-05-05 17:01:50 +02:00
parent 53391dbf8e
commit b8e864e6e4
1 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
web/frontend/src/joblist/JobList.svelte
View File

@ -34,7 +34,17 @@
let paging = { itemsPerPage, page }; let paging = { itemsPerPage, page };
let filter = []; let filter = [];
const jobs = queryStore({ // $: {
// console.log('CHANGED FILTERS IN JOBLIST TO')
// console.log('filter:', ...filter.map(f => Object.entries(f)).flat(2))
// }
// $: {
// console.log('CHANGED PAGING IN JOBLIST TO')
// console.log(paging)
// }
$: jobs = queryStore({
client: getContextClient(), client: getContextClient(),
query: gql` query: gql`
query ( query (
@ -81,19 +91,26 @@
} }
`, `,
variables: { paging, sorting, filter }, variables: { paging, sorting, filter },
pause: true,
}); });
const updateConfiguration = ({ name, value }) => { const configName = 'plot_list_jobsPerPage'
result = mutationStore({ let configValue = ''
$: if (configValue != '') {
mutationStore({
client: getContextClient(), client: getContextClient(),
query: gql` query: gql`
mutation ($name: String!, $value: String!) { mutation ($configName: String!, $configValue: String!) {
updateConfiguration(name: $name, value: $value) updateConfiguration(name: $configName, value: $configValue)
} }
`, `,
variables: { name, value }, variables: { configName, configValue },
}); });
}
const updateConfiguration = ({ value, page }) => {
configValue = value;
paging = { itemsPerPage: value, page: page };
}; };
// $: $jobs.variables = { ...$jobs.variables, sorting, paging } // $: $jobs.variables = { ...$jobs.variables, sorting, paging }
@ -108,13 +125,10 @@
} }
filter = filters; filter = filters;
// console.log('filters:', ...filters.map(f => Object.entries(f)).flat(2))
} }
page = 1; page = 1;
paging = paging = { page, itemsPerPage }; paging = paging = { page, itemsPerPage };
jobs.resume();
// $jobs.reexecute({ requestPolicy: 'network-only' })
} }
let tableWidth = null; let tableWidth = null;
@ -217,14 +231,12 @@
if (detail.itemsPerPage != itemsPerPage) { if (detail.itemsPerPage != itemsPerPage) {
itemsPerPage = detail.itemsPerPage; itemsPerPage = detail.itemsPerPage;
updateConfiguration({ updateConfiguration({
name: "plot_list_jobsPerPage",
value: itemsPerPage.toString(), value: itemsPerPage.toString(),
}).then((res) => { page: detail.page,
if (res.error) console.error(res.error); })
}); } else {
paging = { itemsPerPage: detail.itemsPerPage, page: detail.page }
} }
paging = { itemsPerPage: detail.itemsPerPage, page: detail.page };
}} }}
/> />