mirror of
https://github.com/ClusterCockpit/cc-backend
synced 2025-08-03 17:50:35 +02:00
b2aed2f16b
- Addresses issues #40 #45 #82 - Reworked Navigation Header for all roles - 'Manager' role added, can be assigned a project-id in config by admins - BREAKING! -> Added 'project' column in SQLite3 table 'user' - Manager-Assigned project will be added to all graphql filters: Only show Jobs and Users of given project - 'My Jobs' Tab for all Roles - Switched from Bool "isAdmin" to integer authLevels - Removed critical data frontend logging - Reworked repo.query.SecurityCheck()
95 lines
3.0 KiB
Svelte
95 lines
3.0 KiB
Svelte
<script>
|
|
import { init } from './utils.js'
|
|
import { Row, Col, InputGroup, InputGroupText, Icon, Spinner, Card } from 'sveltestrap'
|
|
import { operationStore, query } from '@urql/svelte'
|
|
import TimeSelection from './filters/TimeSelection.svelte'
|
|
import PlotTable from './PlotTable.svelte'
|
|
import MetricPlot from './plots/MetricPlot.svelte'
|
|
import { getContext } from 'svelte'
|
|
|
|
export let cluster
|
|
export let hostname
|
|
export let from = null
|
|
export let to = null
|
|
|
|
const { query: initq } = init()
|
|
|
|
if (from == null || to == null) {
|
|
to = new Date(Date.now())
|
|
from = new Date(to.getTime())
|
|
from.setMinutes(from.getMinutes() - 30)
|
|
}
|
|
|
|
const ccconfig = getContext('cc-config'), clusters = getContext('clusters')
|
|
|
|
const nodesQuery = operationStore(`query($cluster: String!, $nodes: [String!], $from: Time!, $to: Time!) {
|
|
nodeMetrics(cluster: $cluster, nodes: $nodes, from: $from, to: $to) {
|
|
host, subCluster
|
|
metrics {
|
|
name,
|
|
metric {
|
|
timestep
|
|
scope
|
|
series {
|
|
statistics { min, avg, max }
|
|
data
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}`, {
|
|
cluster: cluster,
|
|
nodes: [hostname],
|
|
from: from.toISOString(),
|
|
to: to.toISOString()
|
|
})
|
|
|
|
$: $nodesQuery.variables = { cluster, nodes: [hostname], from: from.toISOString(), to: to.toISOString() }
|
|
|
|
query(nodesQuery)
|
|
|
|
// $: console.log($nodesQuery?.data?.nodeMetrics[0].metrics)
|
|
</script>
|
|
|
|
<Row>
|
|
{#if $initq.error}
|
|
<Card body color="danger">{$initq.error.message}</Card>
|
|
{:else if $initq.fetching}
|
|
<Spinner/>
|
|
{:else}
|
|
<Col>
|
|
<InputGroup>
|
|
<InputGroupText><Icon name="hdd"/></InputGroupText>
|
|
<InputGroupText>{hostname} ({cluster})</InputGroupText>
|
|
</InputGroup>
|
|
</Col>
|
|
<Col>
|
|
<TimeSelection
|
|
bind:from={from}
|
|
bind:to={to} />
|
|
</Col>
|
|
{/if}
|
|
</Row>
|
|
<br/>
|
|
<Row>
|
|
<Col>
|
|
{#if $nodesQuery.error}
|
|
<Card body color="danger">{$nodesQuery.error.message}</Card>
|
|
{:else if $nodesQuery.fetching || $initq.fetching}
|
|
<Spinner/>
|
|
{:else}
|
|
<PlotTable
|
|
let:item
|
|
let:width
|
|
itemsPerRow={ccconfig.plot_view_plotsPerRow}
|
|
items={$nodesQuery.data.nodeMetrics[0].metrics.sort((a, b) => a.name.localeCompare(b.name))}>
|
|
<h4 style="text-align: center;">{item.name}</h4>
|
|
<MetricPlot
|
|
width={width} height={300} metric={item.name} timestep={item.metric.timestep}
|
|
cluster={clusters.find(c => c.name == cluster)} subCluster={$nodesQuery.data.nodeMetrics[0].subCluster}
|
|
series={item.metric.series} />
|
|
</PlotTable>
|
|
{/if}
|
|
</Col>
|
|
</Row>
|