Initial implementaion

web/frontend/src/Job.root.svelte

@@ -27,6 +27,7 @@
     import TagManagement from "./TagManagement.svelte";
     import MetricSelection from "./MetricSelection.svelte";
     import StatsTable from "./StatsTable.svelte";
+    import JobFootprint from "./JobFootprint.svelte";
     import { getContext } from "svelte";
 
     export let dbid;
@@ -132,7 +133,9 @@
 
     let plots = {},
         jobTags,
-        statsTable;
+        statsTable,
+        jobFootprint;
+        
     $: document.title = $initq.fetching
         ? "Loading..."
         : $initq.error
@@ -200,6 +203,17 @@
             <Spinner secondary />
         {/if}
     </Col>
+    {#if $jobMetrics.data}
+        {#key $jobMetrics.data}
+            <Col>
+                <JobFootprint
+                    bind:this={jobFootprint}
+                    job={$initq.data.job}
+                    jobMetrics={$jobMetrics.data.jobMetrics}
+                />
+            </Col>
+        {/key}
+    {/if}
     {#if $jobMetrics.data && $initq.data}
         {#if $initq.data.job.concurrentJobs != null && $initq.data.job.concurrentJobs.items.length != 0}
             {#if authlevel > roles.manager}