Adds persistance to showfootprint selection

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,

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>
 

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;