ayanova/src/views/ops-backup.vue

@@ -6,14 +6,14 @@
           <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
             <v-col cols="12" lg="4">
-              backup files
-              <v-simple-table dense>
+              <span class="title"> {{ $ay.t("BackupFiles") }} </span>
+              <v-simple-table>
                 <template v-slot:default>
                   <thead>
                     <tr>
-                      <th class="text-left">name</th>
-                      <th class="text-left">date</th>
-                      <th class="text-left">size</th>
+                      <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>
@@ -27,7 +27,17 @@
                   </tbody>
                 </template>
               </v-simple-table>
+              <div class="mt-6">
+                ({{ $ay.t("AvailableSpace") }}&nbsp;{{ backupAvailableSpace }})
+              </div>
+              <v-btn @click="getBackupStatus" class="mt-6">
+                <v-icon>fa-sync</v-icon>
+              </v-btn>
             </v-col>
+            <v-divider></v-divider>
+          </v-col>
+          <v-col cols="12">
+            <span class="title"> {{ $ay.t("BackupSettings") }}</span>
           </v-col>
 
           <v-col cols="12" sm="6" lg="4" xl="3">
@@ -187,7 +197,7 @@ export default {
     },
     getBackupStatus() {
       let vm = this;
-      vm.formState.loading = true;
+      //  vm.formState.loading = true;
       let url = "backup/status";
       window.$gz.api
         .get(url)
@@ -412,6 +422,7 @@ function initForm(vm) {
 //
 function fetchTranslatedText(vm) {
   return window.$gz.translation.fetch([
+    "BackupSettings",
     "BackupTime",
     "BackupLast",
     "BackupSetsToKeep",