From f257109008bc68fbcf342c62b70705308a4ee76b Mon Sep 17 00:00:00 2001
From: Stanislav Popov <popstas@gmail.com>
Date: Tue, 29 Dec 2020 17:00:21 +0500
Subject: [PATCH] feat(reports): show item details when 1 item in table

---
 components/ItemDetails.vue |  7 +++++--
 pages/index.vue            | 13 +++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/components/ItemDetails.vue b/components/ItemDetails.vue
index a96b223..24a7e64 100644
--- a/components/ItemDetails.vue
+++ b/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: [] };
diff --git a/pages/index.vue b/pages/index.vue
index a5488ba..4238c79 100644
--- a/pages/index.vue
+++ b/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;