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"

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");

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>

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>

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