ayanova/devdocs/todo.txt

@@ -5,12 +5,7 @@
 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 
 This stage is to consolidate the basics and set the final shell form.
-	A lot of it might be rundundent
-
-todo: Users list roles
-	too wide for mobile
-	options: remove on mobile, append to row in expand row slot, alternate view for mobile
-	I like having it on full width but it's probably fine to either hide it or add it as an expansion thing on mobile
+	A lot of it might be rundundant
 
 
 

ayanova/src/main.js

@@ -63,7 +63,7 @@ import chartBarHorizontalControl from "./components/chart-bar-horizontal-control
 //DEVELOPMENT MODE
 //THIS SHOULD BE FALSE IN RELEASE
 //************************************************************
-const DEV_MODE = false;
+const DEV_MODE = true;
 //************************************************************
 //**************************************************************
 //**************************************************************

ayanova/src/views/adm-user.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container fluid>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
-    <h2 class="red--text">
+    <h2 class="red--text" v-if="$ay.dev">
       todo: revisit after add vendor to support usertype contractor TEST SAVE
       when have vendor and make sure wont' allow without vendor chosen and make
       sure if not error is clear

ayanova/src/views/adm-users.vue

@@ -17,12 +17,11 @@
       <template v-slot:[`item.active`]="{ item }">
         <v-simple-checkbox v-model="item.active" disabled></v-simple-checkbox>
       </template>
-
-      <template v-slot:[`item.roles`]="{ item }">
+      <!-- Keeping as an example of custom narrowing a single column <template v-slot:[`item.roles`]="{ item }">
         <div class="red--text text-truncate" style="max-width: 150px;">
           {{ item.roles }}
         </div>
-      </template>
+      </template> -->
     </v-data-table>
   </div>
 </template>
@@ -301,8 +300,11 @@ async function createTableHeaders(vm) {
     { text: vm.$ay.t("UserEmployeeNumber"), value: "employeeNumber" },
     { text: vm.$ay.t("Active"), value: "active" },
     { text: vm.$ay.t("UserType"), value: "userType" },
-    { text: vm.$ay.t("LastLogin"), value: "lastLogin" },
-    { text: vm.$ay.t("AuthorizationRoles"), value: "roles" }
+    { text: vm.$ay.t("LastLogin"), value: "lastLogin" }
   ];
+  //Add roles if not narrowest width
+  if (vm.$vuetify.breakpoint.name != "xs") {
+    vm.headers.push({ text: vm.$ay.t("AuthorizationRoles"), value: "roles" });
+  }
 }
 </script>

ayanova/src/views/cust-user.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container fluid>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
-    <h2 class="red--text">
+    <h2 class="red--text" v-if="$ay.dev">
       todo: revisit after add customer, ho, to support usertypes
       customer,headoffice TEST SAVE for both types and make sure wont' allow
       without customer / ho chosen and make sure if not error is clear