Adapt user jobview to new version, fix refresher

- add manually triggered refresh function to jobList
- Changing displayed metrics requires hard refresh (F5) to load data
-> Under investigation
This commit is contained in:
Christoph Kluge 2023-05-08 18:06:36 +02:00
parent 760d3dec0f
commit b5a5def3a6
2 changed files with 74 additions and 71 deletions

View File

@ -53,15 +53,19 @@
}
}
const updateConfiguration = ({ name, value }) => {
result = mutationStore({
client: getContextClient(),
query: gql`mutation($name: String!, $value: String!) {
const client = getContextClient();
const query = gql`
mutation($name: String!, $value: String!) {
updateConfiguration(name: $name, value: $value)
}`,
variables: {name, value}
})
}
`;
const updateConfiguration = ({ name, value }) => {
mutationStore({
client,
query,
variables: { name, value },
})}
let columnHovering = null
@ -92,10 +96,6 @@
name: cluster == null ? configName : `${configName}:${cluster}`,
value: JSON.stringify(metrics)
})
.then(res => {
if (res.error)
console.error(res.error)
})
}
</script>

View File

@ -34,19 +34,8 @@
let paging = { itemsPerPage, page };
let filter = [];
// $: {
// 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`
const client = getContextClient();
const query = gql`
query (
$filter: [JobFilter!]!
$sorting: OrderByInput!
@ -89,7 +78,11 @@
count
}
}
`,
`;
$: jobs = queryStore({
client,
query,
variables: { paging, sorting, filter },
});
@ -109,8 +102,8 @@
}
const updateConfiguration = ({ value, page }) => {
configValue = value;
paging = { itemsPerPage: value, page: page };
configValue = value; // Trigger mutation
paging = { itemsPerPage: value, page: page }; // Trigger reload of jobList
};
// $: $jobs.variables = { ...$jobs.variables, sorting, paging }
@ -131,6 +124,16 @@
paging = paging = { page, itemsPerPage };
}
// Force refresh list with existing unchanged variables (== usually would not trigger reactivity)
export function refresh() {
queryStore({
client,
query,
variables: { paging, sorting, filter },
requestPolicy: 'network-only'
});
}
let tableWidth = null;
let jobInfoColumnWidth = 250;
$: plotWidth = Math.floor(