From 47333730391b76715073dbc8e2f95a01fd2f8a20 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Sat, 4 Apr 2020 14:44:10 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt                 |  4 ++++
 ayanova/src/main.js                      | 10 +++++++++-
 ayanova/src/views/ay-customize.vue       |  2 +-
 ayanova/src/views/login.vue              |  6 +++++-
 ayanova/tests/e2e/specs/gz-data-table.js |  2 +-
 5 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index ad9d8fa4..c6037866 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -48,6 +48,10 @@ CURRENT TODOs
 =-=-=-=-=-=-=
 
 @@@@@@@@@@@ ROADMAP STAGE 2:
+todo: global vue
+	- find all stuff defined in vue data objects as methods solely for the consumption of the template like translation (t()) and move to global vue object in main
+	- stuff not needed by templates should stay where it is in window
+		- Lodash might be an exception
 
 todo: change all testing data-cy attributes to conditional see ay-customize for example
 	- :data-cy="!!enableCypress ? item.key : false"
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index d31d4c32..b35e6241 100644
--- a/ayanova/src/main.js
+++ b/ayanova/src/main.js
@@ -179,12 +179,20 @@ Vue.directive("focus", {
   }
 });
 
+
 /////////////////////////////////////////////////////////////////
 // INSTANTIATE
 //
+Vue.prototype.$ay = {
+  //development mode, this enables data-cy tags for testing, development level error messages etc
+  dev: true,
+  t: function(tKey) {
+    return translation.get(tKey);
+  }
+};
 new Vue({
   vuetify: Vuetify,
   router,
   store,
-  render: h => h(App)
+  render: (h) => h(App)
 }).$mount("#app");
diff --git a/ayanova/src/views/ay-customize.vue b/ayanova/src/views/ay-customize.vue
index 69a50150..8f2ec972 100644
--- a/ayanova/src/views/ay-customize.vue
+++ b/ayanova/src/views/ay-customize.vue
@@ -19,7 +19,7 @@
 
             <template v-for="item in obj">
               <v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
-                <v-card :data-cy="!!enableCypress ? item.key : false">
+                <v-card :data-cy="!!$ay.dev ? item.key : false">
                   <v-card-title>
                     {{ item.title }}
                   </v-card-title>
diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue
index 047ffc9f..06e49f1d 100644
--- a/ayanova/src/views/login.vue
+++ b/ayanova/src/views/login.vue
@@ -11,7 +11,11 @@
       <v-col cols="12" class="d-flex d-md-none">
         <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
       </v-col>
-
+      <template v-if="$ay.dev">
+        <v-col cols="12" offset="6">
+          <span class="title red--text">DEVELOPMENT MODE</span>
+        </v-col>
+      </template>
       <v-col cols="12" offset-md="3">
         <form>
           <v-row>
diff --git a/ayanova/tests/e2e/specs/gz-data-table.js b/ayanova/tests/e2e/specs/gz-data-table.js
index 3ec6b12f..81da1ee0 100644
--- a/ayanova/tests/e2e/specs/gz-data-table.js
+++ b/ayanova/tests/e2e/specs/gz-data-table.js
@@ -37,7 +37,7 @@ describe("GZ-DATA-TABLE", () => {
     //   .should("have.length", 10);
 
     cy.get(".v-data-footer__select input:nth-child(2)").type("5{enter}", {
-      force: true,
+      force: true
     });
 
     //confirm 5 rows