From f342a65aba12d591cbb6f1cb60aa6c09999ae1c5 Mon Sep 17 00:00:00 2001
From: Christoph Kluge <christoph.kluge@fau.de>
Date: Tue, 21 Nov 2023 15:38:28 +0100
Subject: [PATCH] Adds persistance to showfootprint selection

---
 web/frontend/src/Jobs.root.svelte       |  5 ++++-
 web/frontend/src/MetricSelection.svelte | 14 ++++++++++++--
 web/frontend/src/joblist/JobList.svelte |  2 +-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/web/frontend/src/Jobs.root.svelte b/web/frontend/src/Jobs.root.svelte
index ffad9df..2f2f9dc 100644
--- a/web/frontend/src/Jobs.root.svelte
+++ b/web/frontend/src/Jobs.root.svelte
@@ -19,10 +19,13 @@
 
     let filterComponent; // see why here: https://stackoverflow.com/questions/58287729/how-can-i-export-a-function-from-a-svelte-component-that-changes-a-value-in-the
     let jobList, matchedJobs = null
-    let sorting = { field: 'startTime', order: 'DESC' }, isSortingOpen = false, isMetricsSelectionOpen = false, showFootprint
+    let sorting = { field: 'startTime', order: 'DESC' }, isSortingOpen = false, isMetricsSelectionOpen = false
     let metrics = filterPresets.cluster
         ? ccconfig[`plot_list_selectedMetrics:${filterPresets.cluster}`] || ccconfig.plot_list_selectedMetrics
         : ccconfig.plot_list_selectedMetrics
+    let showFootprint = filterPresets.cluster
+        ? !!ccconfig[`plot_list_showFootprint:${filterPresets.cluster}`]
+        : !!ccconfig.plot_list_showFootprint
     let selectedCluster = filterPresets?.cluster ? filterPresets.cluster : null
     
     // The filterPresets are handled by the Filters component,
diff --git a/web/frontend/src/MetricSelection.svelte b/web/frontend/src/MetricSelection.svelte
index 63101d4..5b54ba8 100644
--- a/web/frontend/src/MetricSelection.svelte
+++ b/web/frontend/src/MetricSelection.svelte
@@ -24,7 +24,7 @@
 
     let newMetricsOrder = []
     let unorderedMetrics = [...metrics]
-    let pendingShowFootprint = showFootprint || false
+    let pendingShowFootprint = !!showFootprint
 
     onInit(() => {
         if (allMetrics == null) allMetrics = new Set()
@@ -92,7 +92,7 @@
         metrics = newMetricsOrder.filter(m => unorderedMetrics.includes(m))
         isOpen = false
 
-        showFootprint = pendingShowFootprint ? true : false
+        showFootprint = !!pendingShowFootprint
 
         updateConfigurationMutation({
             name: cluster == null ? configName : `${configName}:${cluster}`,
@@ -103,6 +103,16 @@
                 // console.log('Error on subscription: ' + res.error)
             }
         })
+
+        updateConfigurationMutation({
+            name: cluster == null ? 'plot_list_showFootprint' : `plot_list_showFootprint:${cluster}`,
+            value: JSON.stringify(showFootprint)
+        }).subscribe(res => {
+            if (res.fetching === false && res.error) {
+                console.log('Error on footprint subscription: ' + res.error)
+                throw res.error
+            }
+        })
     }
 </script>
 
diff --git a/web/frontend/src/joblist/JobList.svelte b/web/frontend/src/joblist/JobList.svelte
index 698b9ca..8036361 100644
--- a/web/frontend/src/joblist/JobList.svelte
+++ b/web/frontend/src/joblist/JobList.svelte
@@ -28,7 +28,7 @@
     export let sorting = { field: "startTime", order: "DESC" };
     export let matchedJobs = 0;
     export let metrics = ccconfig.plot_list_selectedMetrics;
-    export let showFootprint = false;
+    export let showFootprint;
 
     let itemsPerPage = ccconfig.plot_list_jobsPerPage;
     let page = 1;