ayanova/devdocs/todo.txt

@@ -9,7 +9,7 @@ This stage is to consolidate the basics and set the final shell form.
 
 
 todo: 8 Infrastructure cases outstanding all tagged as "INFRASTRUCTURE:"
-
+todo: Users list, translation list and license page all cut off horizontally in phone
 todo: Joyce after testing issues:
 	On laptop, when in field that is a NUMBER (i.e. Count in Widget) have option to highlight and type in new number OR just use the UP/DOWN arrow on keyboard OR use the up/down arrow that is the field itself.
     Whereas on android ONLY have option to type in new number
@@ -21,7 +21,6 @@ todo: Joyce after testing issues:
 todo: login form on mobile is cut off due to the 100vh bug on chrome as per nav drawer logout issue
 	fix might be to put a 100% on something app level somewhere or maybe just the login form since it's the only one that has that issue
 
-todo: several screenshots showing mobile layout issue in emails
 
 
 ### RETEST ALL DEVICES WHEN GET TO HERE #####

ayanova/src/api/ayanova-version.js

@@ -1,5 +1,5 @@
 export default {
-  version: "8.0.0-alpha.10.4",
+  version: "8.0.0-alpha.10",
   copyright:
     "Copyright © 1999-2020, Ground Zero Tech-Works Inc. All Rights Reserved"
 };

ayanova/src/views/adm-license.vue

@@ -6,23 +6,111 @@
           <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
           <template v-if="showLicenseUi() == 'ok'">
             <!-- Normal active license UI -->
+
+            <v-list two-line subheader>
+              <v-subheader>{{ $ay.t("HelpLicense") }}</v-subheader>
+
+              <v-list-item>
+                <v-list-item-content>
+                  <v-list-item-title>{{
+                    $ay.t("RegisteredUser")
+                  }}</v-list-item-title>
+                  <v-list-item-subtitle>{{
+                    currentLicenseInfo.licensedTo
+                  }}</v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+
+              <v-list-item>
+                <v-list-item-content>
+                  <v-list-item-title>{{
+                    $ay.t("DatabaseID")
+                  }}</v-list-item-title>
+                  <v-list-item-subtitle>{{
+                    currentLicenseInfo.serverDbId
+                  }}</v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+
+              <v-list-item>
+                <v-list-item-content>
+                  <v-list-item-title>
+                    {{ $ay.t("LicenseSerial") }}</v-list-item-title
+                  >
+                  <v-list-item-subtitle>{{
+                    currentLicenseInfo.keySerial
+                  }}</v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+
+              <v-list-item v-if="currentLicenseInfo.licenseWillExpire">
+                <v-list-item-content>
+                  <v-list-item-title>
+                    {{ $ay.t("LicenseExpiration") }}</v-list-item-title
+                  >
+                  <v-list-item-subtitle>{{
+                    $ay.sd(currentLicenseInfo.licenseExpiration)
+                  }}</v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+
+              <v-list-item>
+                <v-list-item-content
+                  v-bind:class="{
+                    'red--text text-h6': currentLicenseInfo.maintenanceExpired
+                  }"
+                >
+                  <v-list-item-title>
+                    {{ $ay.t("SupportedUntil") }}</v-list-item-title
+                  >
+                  <v-list-item-subtitle>{{
+                    $ay.sd(currentLicenseInfo.maintenanceExpiration)
+                  }}</v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+
+              <v-subheader>{{ $ay.t("LicensedOptions") }}</v-subheader>
+
+              <v-list-item
+                v-for="item in currentLicenseInfo.features"
+                :key="item.Feature"
+              >
+                <v-list-item-content>
+                  <v-list-item-title>{{ item.Feature }}</v-list-item-title>
+                  <v-list-item-subtitle>{{
+                    item.Count ? +item.Count : "&#10003;"
+                  }}</v-list-item-subtitle>
+                </v-list-item-content>
+              </v-list-item>
+            </v-list>
+
             <div class="ml-1 ml-sm-6">
               <div class="text-h5 mb-2">{{ $ay.t("HelpLicense") }}</div>
-              <div>
+
-                {{ $ay.t("RegisteredUser") }}
+              <div class="my-1">
-                <span class="font-weight-bold ml-1">{{
+                <span class="text-subtitle-1 text-sm-h5">{{
+                  $ay.t("RegisteredUser")
+                }}</span>
+                <br />
+                <span class="text-subtitle-2 text-sm-h6">{{
                   currentLicenseInfo.licensedTo
                 }}</span>
               </div>
-              <div>
+              <div class="my-1">
-                {{ $ay.t("DatabaseID") }}
+                <span class="text-subtitle-1 text-sm-h5">{{
-                <span class="font-weight-bold ml-1">{{
+                  $ay.t("DatabaseID")
+                }}</span>
+                <br />
+                <span class="text-subtitle-2 text-sm-h6">{{
                   currentLicenseInfo.serverDbId
                 }}</span>
               </div>
-              <div>
+              <div class="my-1">
-                {{ $ay.t("LicenseSerial") }}
+                <span class="text-subtitle-1 text-sm-h5 mt-1">
-                <span class="font-weight-bold ml-1">{{
+                  {{ $ay.t("LicenseSerial") }}</span
+                >
+                <br />
+                <span class="text-subtitle-2 text-sm-h6">{{
                   currentLicenseInfo.keySerial
                 }}</span>
               </div>
@@ -56,6 +144,7 @@
                   item.Count ? +item.Count : ""
                 }}</span>
               </div>
+
               <div class="mt-8">
                 <v-col cols="12">
                   <v-btn