From 462e6d2f939ab735be55084d30b0b3a1ba85923a Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 30 Jan 2020 21:09:58 +0000
Subject: [PATCH]

---
 ayanova/src/components/gz-data-table.vue | 27 ++++++++++++------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index b783c979..02fbe3e2 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -44,7 +44,9 @@
               <template v-if="c.t < 9">
                 <template v-if="c.i">
                   <!-- openable object with an ID -->
-                  <v-btn depressed small>{{ c.v }}</v-btn>
+                  <v-btn depressed small @click="btnClick(c.key, c.i)">{{
+                    c.v
+                  }}</v-btn>
                 </template>
                 <template v-else>
                   {{ c.v }}
@@ -88,6 +90,7 @@ export default {
       loading: true,
       options: {},
       headers: [],
+      serverColumns: [],
       totalRecords: 0,
       records: [],
       rowsPerPageItems: [5, 10, 25, 50, 100],
@@ -124,18 +127,14 @@ export default {
     }
   },
   methods: {
-    test(item) {
-      console.log(item);
-      /*
-       <tr v-for="item in items" :key="item.name">
-            <td>{{ test(item) }}</td>
-            <td>CONTENT</td>
-            <td>CONTENT</td>
-            <td>CONTENT</td>
-            <td>CONTENT</td>
-            <td>CONTENT</td>
-          </tr> */
-      debugger;
+    btnClick(key, i) {
+      //translate key to actual object type from header data
+      //key format is row-column e.g."500-2"
+      //get the datatype of the column which matches the server columns array index
+      var typeToOpen = this.serverColumns[key.split("-")[1]].ay;
+
+      //i is the actual AyaNova index of that record so we have all we need to open that object
+      alert("STUB: Open object type " + typeToOpen + " with record id of " + i);
     },
     lt(ltKey) {
       return window.$gz.locale.get(ltKey);
@@ -199,6 +198,8 @@ export default {
       window.$gz.api.get(listUrl).then(res => {
         //NOTE: This is how to call an async function and await it from sync code
         (async function() {
+          //Save a copy of the server columns data for handling button clicks etc later
+          that.serverColumns = res.columns;
           //Make sure the locale keys are fetched
           await fetchLocalizedHeaderNames(res.columns); //Note can use await here because it's wrapped inside an async function call, it will wait then resume next stuff below
           //build that.headers here