ayanova/devdocs/todo.txt

@@ -44,6 +44,8 @@ todo: backup notification:	AY:Backup status:~SERVER~
 	fixup token with translated text and include link to backup status ops page
 
 ##########################
+todo: User edit form role control is not working
+todo: server state form is not getting dirtied when setting radio button, only on text (try going to closed then open and not change text on open)
 todo: ops backup file list not in order by date, seems to be random or something, I want newest at top oldest at bottom
 todo: any use of simple-table sb turned into data-table see how it's done in ops-notify-queue, pretty straightforward and you get responsiveness and sorting built in
 todo: go over server logging and rethink it a bit, levels maybe need adjusting, more debug and less trace

ayanova/src/views/adm-license.vue

@@ -60,7 +60,7 @@
                 <v-col cols="12">
                   <v-btn
                     :href="purchaseLink()"
-                    target="blank"
+                    target="_blank"
                     class="mt-4 mr-4"
                     >{{ $ay.t("PurchaseLicense") }}</v-btn
                   >
@@ -157,7 +157,7 @@
                     <v-col cols="12">
                       <v-btn
                         :href="purchaseLink()"
-                        target="blank"
+                        target="_blank"
                         class="mt-4 mr-4"
                         >{{ $ay.t("PurchaseLicense") }}</v-btn
                       >

ayanova/src/views/adm-translation.vue

@@ -663,7 +663,7 @@ function generateMenu(vm) {
       title: "Export",
       icon: "fa-file-download",
       href: href,
-      target: "blank",
+      target: "_blank",
       key: FORM_KEY + ":export",
       vm: vm
     });

ayanova/src/views/ay-about.vue

@@ -211,7 +211,7 @@ function generateMenu(vm) {
         title: "HelpTechSupport",
         icon: "fa-life-ring",
         href: window.$gz.menu.contactSupportUrl(),
-        target: "blank",
+        target: "_blank",
         key: "about:contact"
       }
     ]

ayanova/src/views/ay-evaluate.vue

@@ -12,7 +12,7 @@
               <v-btn @click="helpEvaluate()" class="my-8 mr-16">{{
                 $ay.t("EvaluationGuide")
               }}</v-btn>
-              <v-btn :href="supportLink()" target="blank" class="my-8 mr-12">{{
+              <v-btn :href="supportLink()" target="_blank" class="my-8 mr-12">{{
                 $ay.t("HelpTechSupport")
               }}</v-btn>
             </v-col>

ayanova/src/views/ops-backup.vue

@@ -61,35 +61,26 @@
           <v-col cols="12" class="mt-6">
             <v-col cols="12" lg="4">
               <span class="title">{{ $ay.t("BackupFiles") }}</span>
-              <v-btn @click="getBackupStatus" class="ml-3">
+              <v-btn @click="getBackupStatus" class="mb-6">
                 <v-icon>fa-sync</v-icon>
               </v-btn>
 
-              <v-simple-table>
-                <template v-slot:default>
-                  <thead>
-                    <tr>
-                      <th class="text-left">{{ $ay.t("FileName") }}</th>
-                      <th class="text-left">{{ $ay.t("FileDate") }}</th>
-                      <th class="text-left">{{ $ay.t("FileSize") }}</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr v-for="item in backupFileList" :key="item.id">
-                      <td>
-                        <template v-if="!formState.readOnly">
-                          <a :href="item.url">{{ item.name }}</a>
-                        </template>
-                        <template v-else>
-                          {{ item.name }}
-                        </template>
-                      </td>
-                      <td>{{ item.created }}</td>
-                      <td>{{ item.length }}</td>
-                    </tr>
-                  </tbody>
-                </template>
-              </v-simple-table>
+              <v-data-table
+                :headers="headers"
+                :items="backupFileList"
+                class="elevation-1"
+                :disable-pagination="true"
+                :disable-filtering="true"
+                hide-default-footer
+              >
+                <template v-slot:item.actions="{ item }">
+                  <v-btn icon :href="item.url" >
+                    <v-icon small class="mr-2">
+                      fa-file-download
+                    </v-icon>
+                  </v-btn>
+                </template></v-data-table
+              >
               <div class="mt-6">
                 ({{ $ay.t("AvailableSpace") }}&nbsp;{{ backupAvailableSpace }})
               </div>
@@ -145,6 +136,7 @@ export default {
       formCustomTemplateKey: null,
       backupFileList: [],
       backupAvailableSpace: null,
+      headers: [],
       obj: {
         id: 1,
         concurrency: 0,
@@ -412,6 +404,7 @@ function generateMenu(vm) {
 //
 async function initForm(vm) {
   await fetchTranslatedText(vm);
+  await createTableHeaders(vm);
 }
 
 //////////////////////////////////////////////////////////
@@ -433,4 +426,20 @@ async function fetchTranslatedText(vm) {
     "AvailableSpace"
   ]);
 }
+
+//////////////////////
+//
+//
+async function createTableHeaders(vm) {
+  vm.headers = [
+    {
+      text: vm.$ay.t("FileName"),
+      align: "start",
+      value: "name"
+    },
+    { text: vm.$ay.t("FileDate"), value: "created" },
+    { text: vm.$ay.t("FileSize"), value: "length" },
+    { text: "", value: "actions", sortable: false }
+  ];
+}
 </script>

ayanova/src/views/ops-notify-queue.vue

@@ -2,7 +2,7 @@
   <v-row v-if="this.formState.ready">
     <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
     <v-col cols="12">
-      <v-btn @click="getDataFromApi">
+      <v-btn @click="getDataFromApi" class="mb-6">
         <v-icon>fa-sync</v-icon>
       </v-btn>
 
@@ -20,7 +20,6 @@
           </v-icon>
         </template></v-data-table
       >
-      <!-- </v-col> -->
     </v-col>
   </v-row>
 </template>