ayanova/src/views/adm-translation.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container fluid>
     <gz-report-selector ref="reportSelector"></gz-report-selector>
-    {{ formState }}
+    <!-- {{ formState }} -->
     <v-row v-if="formState.ready">
       <v-col>
         <v-form ref="form">
@@ -33,18 +33,24 @@
                 <v-data-table
                   :headers="[
                     {
-                      text: $ay.t('KeyKey'),
+                      text: $ay.t('TranslationKey'),
                       align: 'start',
                       value: 'key'
                     },
-                    { text: $ay.t('DisplayKey'), value: 'display' }
+                    { text: $ay.t('TranslationDisplayText'), value: 'display' }
                   ]"
                   :items="obj.translationItems"
+                  :footer-props="{
+                    itemsPerPageText: $ay.t('RowsPerPage'),
+                    pageText: $ay.t('PageOfPageText')
+                  }"
                 >
                   <template v-slot:item.display="props">
                     <v-edit-dialog
                       large
                       :return-value.sync="props.item.display"
+                      :cancel-text="$ay.t('Cancel')"
+                      :save-text="$ay.t('Save')"
                     >
                       {{ props.item.display }}
                       <template v-slot:input>
@@ -539,7 +545,12 @@ async function initForm(vm) {
 // Ensures UI translated text is available
 //
 async function fetchTranslatedText(vm) {
-  await window.$gz.translation.cacheTranslations(["Translation", "Name"]);
+  await window.$gz.translation.cacheTranslations([
+    "Translation",
+    "Name",
+    "TranslationKey",
+    "TranslationDisplayText"
+  ]);
 }
 
 //////////////////////