Highlight active row in preplot lines list

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

@@ -22,6 +22,8 @@
         :search="filter"
         :loading="loading"
         :fixed-header="true"
+        :item-class="(item) => activeItem == item ? 'blue accent-1 elevation-3' : ''"
+        @click:row="setActiveItem"
         >
         
           <template v-slot:item.status="{item}">
@@ -104,6 +106,7 @@ export default {
       items: [],
       num_lines: null,
       sequences: [],
+      activeItem: null,
       filter: null
     }
   },
@@ -132,6 +135,12 @@ export default {
       this.sequences = await this.api([url]) || [];
     },
 
+    setActiveItem (item) {
+      this.activeItem = this.activeItem == item
+        ? null
+        : item;
+    },
+
     ...mapActions(["api"])
   },