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