ayanova/src/components/data-table.vue

@@ -22,8 +22,19 @@
     <v-card>
       <v-card-title>
         <template v-if="preFilterMode">
-          <!-- {icon:null,viz:null,ayatype:null,id:null,clearable:false} -->
-          preFilterMode {{ preFilterMode }}
+          <div class="my-2">
+            <v-btn text @click="preFilterNav()">
+              <v-icon data-cy="clickThru">{{ preFilterMode.icon }}</v-icon>
+            </v-btn>
+            <span @click="preFilterNav()" class="text-h5">
+              {{ preFilterMode.viz }}</span
+            >
+            <v-btn text @click="preFilterClear()">
+              <v-icon>$clear</v-icon>
+            </v-btn>
+          </div>
+
+          <!-- v-if="preFilterMode.ayatype && preFilterMode.id" {icon:null,viz:null,ayatype:null,id:null,clearable:false} -->
         </template>
         <template v-else>
           <v-select
@@ -459,7 +470,8 @@ export default {
       type: String,
       default: undefined
     },
-    preFilterMode: {//{icon:null,viz:null,ayatype:null,id:null,clearable:false}
+    preFilterMode: {
+      //{icon:null,viz:null,ayatype:null,id:null,clearable:false}
       type: Object,
       default: null
     },
@@ -549,6 +561,18 @@ export default {
     }
   },
   methods: {
+    preFilterNav: function() {
+      window.$gz.eventBus.$emit("openobject", {
+        type: this.preFilterMode.ayatype,
+        id: this.preFilterMode.id
+      });
+    },
+    preFilterClear: function() {
+      this.$emit("clear-pre-filter");
+      // this.preFilterMode = null;
+      // this.clientCriteria = null;
+      // getDataFromApi();
+    },
     //Used by narrow view to get the "header" text for a column based on the column key
     getHeaderText(key) {
       //key format is row-column e.g."500-2"