Add controls to hide accepted / all QC events.

Closes #218, #219.

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

@@ -268,6 +268,29 @@
 
       </template>
 
+      <template v-slot:footer.prepend>
+        <v-checkbox v-for="label in filterableLabels"
+          :key="label"
+          class="mr-3"
+          v-model="shownLabels"
+          :value="label"
+          :title="`Show ${label} events`"
+          dense
+          hide-details
+        >
+          <template v-slot:label>
+              <v-chip
+                x-small
+                :color="labels[label] && labels[label].view.colour"
+                :title="labels[label] && labels[label].view.description"
+                :dark="labels[label] && labels[label].view.dark"
+                :light="labels[label] && labels[label].view.light"
+              >{{label}}
+              </v-chip>
+          </template>
+        </v-checkbox>
+      </template>
+
     </v-data-table>
       </v-card-text>
     </v-card>
@@ -362,6 +385,8 @@ export default {
       labels: {},
       options: {},
       filter: "",
+      filterableLabels: [ "QC", "QCAccepted" ],
+      shownLabels: [ "QC", "QCAccepted" ],
       eventCount: null,
       eventDialog: false,
       eventLabelsDialog: false,
@@ -388,7 +413,16 @@ export default {
   computed: {
     rows () {
       const rows = {};
-      this.items.forEach(i => {
+      this.items
+      .filter(i => {
+        for (const label of this.filterableLabels) {
+          if (!this.shownLabels.includes(label) && i.labels.includes(label)) {
+            return false;
+          }
+        }
+        return true;
+      })
+      .forEach(i => {
         const key = (i.sequence && i.point) ? (i.sequence+"@"+i.point) : i.tstamp;
         if (!rows[key]) {
           rows[key] = {