Improved loading of custom logos for the frontend.

frontend/src/components/shared/NavBar.vue

@@ -8,7 +8,7 @@
   >
     <div class="d-flex align-center">
       <v-img
-        :src="globalConfig.MENU_LOGO_PATH"
+        :src="menuLogoPath"
         max-width="190"
         class="logo"
         @click="router.push(props.logoRoute)"
@@ -131,6 +131,15 @@ const displayInformationBell = computed(
     globalStore.notifications.length !== 0
 )
 
+const menuLogoPath = computed(() => {
+  if (globalConfig.MENU_LOGO_PATH) {
+    return globalConfig.MENU_LOGO_PATH
+  }
+  const imgUrl = new URL('@/assets/Modoboa_RVB-BLANC-SANS.png', import.meta.url)
+    .href
+  return imgUrl
+})
+
 function displayMenuItem(item) {
   if (isAuthenticated.value) {
     const condition =
@@ -155,3 +164,15 @@ onMounted(() => {
   cursor: pointer;
 }
 </style>
+
+<style lang="scss" scoped>
+.logo {
+  cursor: pointer;
+}
+</style>
+
+<style lang="scss" scoped>
+.logo {
+  cursor: pointer;
+}
+</style>

frontend/src/components/tools/CreationForm.vue

@@ -7,11 +7,7 @@
     >
       <ConfirmDialog ref="confirm" />
       <v-stepper-header class="align-center px-10">
-        <v-img
-          :src="globalConfig.CREATION_FORM_LOGO_PATH"
-          max-width="190"
-          class="hidden-sm-and-down"
-        />
+        <v-img :src="logoPath" max-width="190" class="hidden-sm-and-down" />
         <v-stepper-item
           v-for="(step, index) in steps"
           :key="step.name"
@@ -105,7 +101,7 @@
 <script setup lang="js">
 import ConfirmDialog from './ConfirmDialog'
 import CreationSummary from './CreationSummary.vue'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import { useGettext } from 'vue3-gettext'
 import { useDisplay } from 'vuetify'
 import { useGlobalConfig } from '@/main'
@@ -126,6 +122,15 @@ const currentStep = ref(1)
 const working = ref(false)
 const confirm = ref()
 
+const logoPath = computed(() => {
+  if (globalConfig.CREATION_FORM_LOGO_PATH) {
+    return globalConfig.CREATION_FORM_LOGO_PATH
+  }
+  const imgUrl = new URL('@/assets/Modoboa_RVB-BLEU-SANS.png', import.meta.url)
+    .href
+  return imgUrl
+})
+
 const emit = defineEmits(['close', 'create', 'validationError'])
 
 const { $gettext } = useGettext()