Install: Fix logo for installer - refs BT#21621

assets/vue/AppInstaller.vue

@@ -6,13 +6,13 @@
         href="index.php"
       >
         <img
-          :src="'/themes/chamilo/images/header-logo.svg'"
           alt="Chamilo"
+          src="/main/install/header-logo.svg"
         />
       </a>
       <ol>
         <li
-          v-for="{step, stepTitle} in steps"
+          v-for="{ step, stepTitle } in steps"
           :key="step"
           :class="{ 'install-steps__step--active': step === installerData.currentStep }"
           class="install-steps__step"
@@ -30,7 +30,7 @@
             aria-hidden="true"
             class="p-button-icon p-button-icon-left mdi mdi-text-box-search-outline"
           />
-          <span class="p-button-text">{{ t('Read the installation guide') }}</span>
+          <span class="p-button-text">{{ t("Read the installation guide") }}</span>
         </a>
       </div>
     </aside>
@@ -45,7 +45,7 @@
         v-else-if="'update' === installerData.installType"
         v-t="{
           path: 'Update from Chamilo {versions}',
-          args: { 'versions': installerData.upgradeFromVersion.join(' | ') }
+          args: { versions: installerData.upgradeFromVersion.join(' | ') },
         }"
         class="mb-4"
       />
@@ -64,152 +64,152 @@
           :value="installerData.updatePath"
           name="updatePath"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.urlAppendPath"
           name="urlAppendPath"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.pathForm"
           name="pathForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.urlForm"
           name="urlForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.dbHostForm"
           name="dbHostForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.dbPortForm"
           name="dbPortForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.dbUsernameForm"
           name="dbUsernameForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.dbPassForm"
           name="dbPassForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.dbNameForm"
           name="dbNameForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.allowSelfReg"
           name="allowSelfReg"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.allowSelfRegProf"
           name="allowSelfRegProf"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.emailForm"
           name="emailForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.adminLastName"
           name="adminLastName"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.adminFirstName"
           name="adminFirstName"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.adminPhoneForm"
           name="adminPhoneForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.loginForm"
           name="loginForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.passForm"
           name="passForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.languageForm"
           name="languageForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.campusForm"
           name="campusForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.educationForm"
           name="educationForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.institutionForm"
           name="institutionForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.institutionUrlForm"
           name="institutionUrlForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.checkEmailByHashSent"
           name="checkEmailByHashSent"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.showEmailNotCheckedToStudent"
           name="ShowEmailNotCheckedToStudent"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.userMailCanBeEmpty"
           name="userMailCanBeEmpty"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.encryptPassForm"
           name="encryptPassForm"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.session_lifetime"
           name="session_lifetime"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.old_version"
           name="old_version"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.new_version"
           name="new_version"
           type="hidden"
-        >
+        />
         <input
           :value="installerData.installationProfile"
           name="installationProfile"
           type="hidden"
-        >
+        />
 
         <Step1 v-if="1 === installerData.currentStep" />
 
@@ -233,67 +233,63 @@
 </template>
 
 <script setup>
-import { useI18n } from 'vue-i18n';
+import { useI18n } from "vue-i18n"
-import { onMounted, provide, ref } from 'vue';
+import { onMounted, provide, ref } from "vue"
 
-import Step1 from './components/installer/Step1';
+import Step1 from "./components/installer/Step1"
-import Step2 from './components/installer/Step2';
+import Step2 from "./components/installer/Step2"
-import Step3 from './components/installer/Step3';
+import Step3 from "./components/installer/Step3"
-import Step4 from './components/installer/Step4';
+import Step4 from "./components/installer/Step4"
-import Step5 from './components/installer/Step5';
+import Step5 from "./components/installer/Step5"
-import Step6 from './components/installer/Step6';
+import Step6 from "./components/installer/Step6"
-import Step7 from './components/installer/Step7';
+import Step7 from "./components/installer/Step7"
 
-const { t } = useI18n();
+const { t } = useI18n()
 
-const installerData = ref(window.installerData);
+const installerData = ref(window.installerData)
 
-provide('installerData', installerData);
+provide("installerData", installerData)
 
 const steps = ref([
   {
     step: 1,
-    stepTitle: t('Installation language')
+    stepTitle: t("Installation language"),
   },
   {
     step: 2,
-    stepTitle: t('Requirements')
+    stepTitle: t("Requirements"),
   },
   {
     step: 3,
-    stepTitle: t('Licence')
+    stepTitle: t("Licence"),
   },
   {
     step: 4,
-    stepTitle: t('Database settings')
+    stepTitle: t("Database settings"),
   },
   {
     step: 5,
-    stepTitle: t('Config settings')
+    stepTitle: t("Config settings"),
   },
   {
     step: 6,
-    stepTitle: t('Show Overview')
+    stepTitle: t("Show Overview"),
   },
   {
     step: 7,
-    stepTitle: t('Install')
+    stepTitle: t("Install"),
   },
-]);
+])
 
 onMounted(() => {
-  const txtIsExecutable = document.getElementById('is_executable');
+  const txtIsExecutable = document.getElementById("is_executable")
 
   if (!txtIsExecutable) {
-    return;
+    return
   }
 
-  document.querySelectorAll('button')
+  document
-    .forEach(
+    .querySelectorAll("button")
-      button => button.addEventListener(
+    .forEach((button) => button.addEventListener("click", () => (txtIsExecutable.value = button.name)))
-        'click',
+})
-        () => txtIsExecutable.value = button.name
-      )
-    );
-});
 </script>