diff --git a/web/frontend/src/Status.root.svelte b/web/frontend/src/Status.root.svelte
index f0336f9..e28af8e 100644
--- a/web/frontend/src/Status.root.svelte
+++ b/web/frontend/src/Status.root.svelte
@@ -2,7 +2,7 @@
@component Main cluster status view component; renders current system-usage information
Properties:
- - `cluster String`: The cluster to show status information for
+ - `presetCluster String`: The cluster to show status information for
-->
-
+
-
Current utilization of cluster "{cluster}"
-
-
- {
- from = new Date(Date.now() - 5 * 60 * 1000);
- to = new Date(Date.now());
- }}
- />
+
Current Status of Cluster "{presetCluster.charAt(0).toUpperCase() + presetCluster.slice(1)}"
-
-
-
+
-
+
-
+
diff --git a/web/frontend/src/User.root.svelte b/web/frontend/src/User.root.svelte
index c1f0fb8..f675a0d 100644
--- a/web/frontend/src/User.root.svelte
+++ b/web/frontend/src/User.root.svelte
@@ -404,6 +404,7 @@
cluster={selectedCluster}
bind:isOpen={isHistogramSelectionOpen}
presetSelectedHistograms={selectedHistograms}
+ configName="user_view_histogramMetrics"
applyChange={(newSelection) => {
selectedHistogramsBuffer[selectedCluster || 'all'] = [...newSelection];
}}
diff --git a/web/frontend/src/generic/select/HistogramSelection.svelte b/web/frontend/src/generic/select/HistogramSelection.svelte
index 0468efd..a424ef4 100644
--- a/web/frontend/src/generic/select/HistogramSelection.svelte
+++ b/web/frontend/src/generic/select/HistogramSelection.svelte
@@ -3,8 +3,9 @@
Properties:
- `cluster String`: Currently selected cluster
- - `selectedHistograms [String]`: The currently selected metrics to display as histogram
- `ìsOpen Bool`: Is selection opened [Bindable]
+ - `configName String`: The config id string to be updated in database on selection change
+ - `presetSelectedHistograms [String]`: The currently selected metrics to display as histogram
- `applyChange Func`: The callback function to apply current selection
-->
@@ -25,6 +26,7 @@
let {
cluster,
isOpen = $bindable(),
+ configName,
presetSelectedHistograms,
applyChange
} = $props();
@@ -67,8 +69,8 @@
applyChange(selectedHistograms)
updateConfiguration({
name: cluster
- ? `user_view_histogramMetrics:${cluster}`
- : "user_view_histogramMetrics",
+ ? `${configName}:${cluster}`
+ : configName,
value: selectedHistograms,
});
}
diff --git a/web/frontend/src/status.entrypoint.js b/web/frontend/src/status.entrypoint.js
index 3e45cb7..c3407c1 100644
--- a/web/frontend/src/status.entrypoint.js
+++ b/web/frontend/src/status.entrypoint.js
@@ -5,7 +5,7 @@ import Status from './Status.root.svelte'
mount(Status, {
target: document.getElementById('svelte-app'),
props: {
- cluster: infos.cluster,
+ presetCluster: infos.cluster,
},
context: new Map([
['cc-config', clusterCockpitConfig]
diff --git a/web/frontend/src/status/StatisticsDash.svelte b/web/frontend/src/status/StatisticsDash.svelte
index e573554..8523c80 100644
--- a/web/frontend/src/status/StatisticsDash.svelte
+++ b/web/frontend/src/status/StatisticsDash.svelte
@@ -2,7 +2,7 @@
@component Main cluster status view component; renders current system-usage information
Properties:
- - `cluster String`: The cluster to show status information for
+ - `presetCluster String`: The cluster to show status information for
-->
-
-
+
+
Select Histograms
+
+ {
+ from = new Date(Date.now() - (30 * 24 * 60 * 60 * 1000)); // Triggers GQL
+ to = new Date(Date.now());
+ }}
+ />
+
+
{#if $initq.fetching || $metricStatusQuery.fetching}
@@ -168,6 +152,7 @@
{cluster}
bind:isOpen={isHistogramSelectionOpen}
presetSelectedHistograms={selectedHistograms}
+ configName="status_view_selectedHistograms"
applyChange={(newSelection) => {
selectedHistograms = [...newSelection];
}}
diff --git a/web/frontend/src/status/StatusDash.svelte b/web/frontend/src/status/StatusDash.svelte
index 44a0ab4..280b04b 100644
--- a/web/frontend/src/status/StatusDash.svelte
+++ b/web/frontend/src/status/StatusDash.svelte
@@ -2,7 +2,7 @@
@component Main cluster status view component; renders current system-usage information
Properties:
- - `cluster String`: The cluster to show status information for
+ - `presetCluster String`: The cluster to show status information for
-->
+
+
+
+ {
+ from = new Date(Date.now() - 5 * 60 * 1000);
+ to = new Date(Date.now());
+ }}
+ />
+
+
+
+
+
{#if $initq.data && $nodesStateCounts.data}
diff --git a/web/frontend/src/status/UsageDash.svelte b/web/frontend/src/status/UsageDash.svelte
index 5afde37..16575e4 100644
--- a/web/frontend/src/status/UsageDash.svelte
+++ b/web/frontend/src/status/UsageDash.svelte
@@ -2,7 +2,7 @@
@component Main cluster status view component; renders current system-usage information
Properties:
- - `cluster String`: The cluster to show status information for
+ - `presetCluster String`: The cluster to show status information for
-->
+
+
+