feat(reports): show item details when 1 item in table

components/ItemDetails.vue

@@ -29,7 +29,7 @@
           <span class="item-details__value" v-html="field.valueText || field.value"></span>
 
           <FilterPresetButton
-            v-if="field.type == 'boolean' || true"
+            v-if="itemsLength > 1"
             class="field-preset"
             :preset="{ q: field.name + '=' + field.value }"
             append
@@ -59,6 +59,9 @@ export default {
     tests() {
       return this.$store.state.tests;
     },
+    itemsLength() {
+      return this.$store.state.items.length;
+    },
 
     groups() {
       let groups = { unnamed: { name: "", fields: [] } };
@@ -102,7 +105,7 @@ export default {
 
         // add to groups
         for (let g in groupsList) {
-          console.log('g: ', g);
+          // console.log('g: ', g);
           let groupName = groupsList[g];
           if (!(groupName in groups)) {
             groups[groupName] = { name: groupName, fields: [] };

pages/index.vue

@@ -185,6 +185,10 @@ export default {
       return this.$store.state.availableFields;
     },
 
+    itemsLength() {
+      return this.$store.state.items.length;
+    },
+
     filteredItems() {
       return this.$store.state.filteredItems;
     },
@@ -760,6 +764,15 @@ export default {
         this.$store.commit("tests", itemsJson.fields);
         this.$store.dispatch("items", itemsJson.items);
 
+        // open details when single row
+        if (this.itemsLength === 1) {
+          const row = this.filteredItems[0];
+          // console.log('row: ', row);
+          setTimeout(() => {
+            this.rowClick({row});
+          }, 1000);
+        }
+
         // filter
         if (this.defaultFilter && !this.$route.query["q"]) {
           this.$route.query["q"] = this.defaultFilter.q;