ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2024-12-24 04:29:04 +01:00
Code Issues Packages Releases Activity

Adapt user jobview to new version, fix refresher

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/frontend/src/MetricSelection.svelte
View File

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

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

@ -34,62 +34,55 @@
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)
// }
const client = getContextClient();
const query = gql`
query (
$filter: [JobFilter!]!
$sorting: OrderByInput!
$paging: PageRequest!
) {
jobs(filter: $filter, order: $sorting, page: $paging) {
items {
id
jobId
user
project
jobName
cluster
subCluster
startTime
duration
numNodes
numHWThreads
numAcc
walltime
resources {
hostname
}
SMT
exclusive
partition
arrayJobId
monitoringStatus
state
tags {
id
type
name
}
userData {
name
}
metaData
}
count
}
}
`;
$: jobs = queryStore({
client: getContextClient(),
query: gql`
query (
$filter: [JobFilter!]!
$sorting: OrderByInput!
$paging: PageRequest!
) {
jobs(filter: $filter, order: $sorting, page: $paging) {
items {
id
jobId
user
project
jobName
cluster
subCluster
startTime
duration
numNodes
numHWThreads
numAcc
walltime
resources {
hostname
}
SMT
exclusive
partition
arrayJobId
monitoringStatus
state
tags {
id
type
name
}
userData {
name
}
metaData
}
count
}
}
`,
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(