ayanova/src/views/adm-global-logo.vue

@@ -7,44 +7,58 @@
         <v-row>
           <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
-            <img class="grey lighten-2" :src="smallUrl" />
+            <img
+              class="grey lighten-2"
+              :src="smallUrl"
+              :alt="$ay.t('SmallLogo')"
+            />
             <v-file-input
               v-model="uploadSmall"
               accept="image/*"
               show-size
               :label="$ay.t('SmallLogo')"
             ></v-file-input>
-            <v-btn
+            <v-btn color="primary" text @click="remove('small')">{{
-              v-if="smallUrl"
+              $ay.t("Delete")
-              color="primary"
+            }}</v-btn>
-              text
-              @click="deleteImage('small')"
-              >{{ $ay.t("Delete") }}</v-btn
-            >
             <v-btn color="primary" text @click="upload('small')">{{
               $ay.t("Upload")
             }}</v-btn>
           </v-col>
           <v-col cols="12" class="mt-10">
-            <img class="mt-10 grey lighten-2" :src="mediumUrl" />
+            <img
+              class="mt-10 grey lighten-2"
+              :src="mediumUrl"
+              :alt="$ay.t('MediumLogo')"
+            />
             <v-file-input
               v-model="uploadMedium"
               accept="image/*"
               show-size
               :label="$ay.t('MediumLogo')"
             ></v-file-input>
+            <v-btn color="primary" text @click="remove('medium')">{{
+              $ay.t("Delete")
+            }}</v-btn>
             <v-btn color="primary" text @click="upload('medium')">{{
               $ay.t("Upload")
             }}</v-btn>
           </v-col>
           <v-col cols="12" class="mt-10">
-            <img class="mt-10 grey lighten-2" :src="largeUrl" />
+            <img
+              class="mt-10 grey lighten-2"
+              :src="largeUrl"
+              :alt="$ay.t('LargeLogo')"
+            />
             <v-file-input
               v-model="uploadLarge"
               accept="image/*"
               show-size
               :label="$ay.t('LargeLogo')"
             ></v-file-input>
+            <v-btn color="primary" text @click="remove('small')">{{
+              $ay.t("Delete")
+            }}</v-btn>
             <v-btn color="primary" text @click="upload('large')">{{
               $ay.t("Upload")
             }}</v-btn>
@@ -112,7 +126,6 @@ export default {
     imageUrl(size) {
       return window.$gz.api.logoUrl(size);
     },
-    async deleteImage(size) {},
     async upload(size) {
       //similar code in wiki-control
       let vm = this;
@@ -152,6 +165,42 @@ export default {
       } catch (error) {
         window.$gz.errorHandler.handleFormError(error);
       }
+    },
+
+    async remove(size) {
+      let vm = this;
+
+      try {
+        let dialogResult = await window.$gz.dialog.confirmDelete();
+        if (dialogResult != true) {
+          return;
+        }
+
+        let url = "logo/" + size;
+
+        window.$gz.form.deleteAllErrorBoxErrors(vm);
+        let res = await window.$gz.api.remove(url);
+        if (res.error) {
+          vm.formState.serverError = res.error;
+          window.$gz.form.setErrorBoxErrors(vm);
+        } else {
+          switch (size) {
+            case "small":
+              vm.smallUrl = null;
+              break;
+            case "medium":
+              vm.mediumUrl = null;
+              break;
+            case "large":
+              vm.largeUrl = null;
+              break;
+            default:
+              return;
+          }
+        }
+      } catch (error) {
+        window.$gz.errorHandler.handleFormError(error, vm);
+      }
     }
   }
 };
@@ -228,6 +277,11 @@ async function initForm(vm) {
 // Ensures UI translated text is available
 //
 async function fetchTranslatedText(vm) {
-  await window.$gz.translation.cacheTranslations(["Include", "ResetToDefault"]);
+  await window.$gz.translation.cacheTranslations([
+    "SmallLogo",
+    "MediumLogo",
+    "LargeLogo",
+    "GlobalLogo"
+  ]);
 }
 </script>

ayanova/src/views/adm-global-settings.vue

@@ -102,7 +102,8 @@ async function initForm(vm) {
 async function fetchTranslatedText(vm) {
   await window.$gz.translation.cacheTranslations([
     "UserInterfaceSettings",
-    "PickListTemplates"
+    "PickListTemplates",
+    "GlobalLogo"
   ]);
 }
 </script>