fix legends, add resolution, add statsseries, add simple healthcheck

web/frontend/src/systems/nodelist/NodeInfo.svelte

@@ -27,6 +27,7 @@
   export let cluster;
   export let subCluster
   export let hostname;
+  export let dataHealth;
 
   const client = getContextClient();
   const paging = { itemsPerPage: 50, page: 1 };
@@ -49,6 +50,11 @@
     }
   `;
 
+  // Not at least one returned, selected metric: NodeHealth warning
+  const healthWarn = !dataHealth.includes(true);
+  // At least one non-returned selected metric: Metric config error?
+  const metricWarn = dataHealth.includes(false);
+
   $: nodeJobsData = queryStore({
     client: client,
     query: nodeJobsQuery,
@@ -78,7 +84,31 @@
       <Spinner />
     {:else if $nodeJobsData.data}
       <p>
-        {#if $nodeJobsData.data.jobs.count > 0}
+        {#if healthWarn}
+          <InputGroup>
+            <InputGroupText>
+              <Icon name="exclamation-circle"/>
+            </InputGroupText>
+            <InputGroupText>
+              Status
+            </InputGroupText>
+            <Button color="danger" disabled>
+              Unhealthy
+            </Button>
+          </InputGroup>
+        {:else if metricWarn}
+          <InputGroup>
+            <InputGroupText>
+              <Icon name="circle-half"/>
+            </InputGroupText>
+            <InputGroupText>
+              Status
+            </InputGroupText>
+            <Button color="warning" disabled>
+              Missing Metric
+            </Button>
+          </InputGroup>
+        {:else if $nodeJobsData.data.jobs.count > 0}
           <InputGroup>
             <InputGroupText>
               <Icon name="circle-fill"/>

web/frontend/src/systems/nodelist/NodeListRow.svelte

@@ -50,7 +50,7 @@
 
 <tr>
   <td>
-    <NodeInfo {cluster} subCluster={nodeData.subCluster} hostname={nodeData.host} />
+    <NodeInfo {cluster} subCluster={nodeData.subCluster} hostname={nodeData.host} dataHealth={nodeData?.metrics.map((m) => (m.metric.series.length > 0))}/>
   </td>
   {#each sortAndSelectScope(nodeData?.metrics) as metricData (metricData.data.name)}
     <td>
@@ -63,11 +63,14 @@
       {:else}
         <!-- "No Data"-Warning included in MetricPlot-Component -->
         <MetricPlot
-          timestep={metricData.data.metric.timestep}
-          series={metricData.data.metric.series}
-          metric={metricData.data.name}
           {cluster}
           subCluster={nodeData.subCluster}
+          metric={metricData.data.name}
+          scope={metricData.data.scope}
+          timestep={metricData.data.metric.timestep}
+          series={metricData.data.metric.series}
+          statisticsSeries={metricData.data?.metric.statisticsSeries}
+          useStatsSeries={!!metricData.data?.metric.statisticsSeries}
           forNode
         />
       {/if}