Add control to reset comparisons view

lib/www/client/source/src/views/Group.vue

@@ -29,7 +29,6 @@
           :headers="projectHeaders"
           :items="projects"
           dense
-          hide-default-footer
         >
 
           <template v-slot:item.baseline="{item, value, index}">
@@ -73,6 +72,15 @@
             {{ (value/1000).toFixed(1) }} km
           </template>
 
+          <template v-slot:footer.prepend>
+            <v-btn v-if="comparison"
+              text
+              color="primary"
+              title="Back to summary"
+              @click="clearComparison"
+            >Back</v-btn>
+          </template>
+
         </v-data-table>
 
 <!-- BEGIN TEST -->
@@ -228,7 +236,13 @@ export default {
       }
     },
 
+    clearComparison () {
+      this.baseline = null;
+      this.monitor = null;
+    },
+
     setComparison (baseline, monitor) {
+      this.clearComparison();
       this.setBaseline(baseline);
       this.setMonitor(monitor);
     },