You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.6 KiB
92 lines
2.6 KiB
<template>
|
|
<div class="install-step">
|
|
<img
|
|
:alt="t('Install step 1')"
|
|
class="install-icon w-36 mx-auto mb-4"
|
|
src="/main/install/chamilo-install.svg"
|
|
/>
|
|
<SectionHeader :title="t('Step 1 - Installation Language')" />
|
|
|
|
<BaseDropdown
|
|
v-model="installerData.langIso"
|
|
:help-text="
|
|
t('Cannot find your language in the list? Contact us at {0} to contribute as a translator.', [
|
|
'info@chamilo.org',
|
|
])
|
|
"
|
|
:label="t('Please select installation language')"
|
|
:options="availableLanguages"
|
|
input-id="language_list"
|
|
name="language_list_alt"
|
|
option-label="english_name"
|
|
option-value="isocode"
|
|
/>
|
|
|
|
<input
|
|
v-model="installerData.langIso"
|
|
name="language_list"
|
|
type="hidden"
|
|
/>
|
|
|
|
<input
|
|
v-model="installerData.stepData.installationProfile"
|
|
name="installationProfile"
|
|
type="hidden"
|
|
/>
|
|
|
|
<hr />
|
|
|
|
<div class="formgroup">
|
|
<Message
|
|
v-if="installerData.isUpdateAvailable"
|
|
id="pleasewait"
|
|
:closable="false"
|
|
severity="warn"
|
|
>
|
|
<p
|
|
class="update-message-text"
|
|
v-t="'An update is available. Click the button below to proceed with the update.'"
|
|
/>
|
|
<p>{{ installerData.checkMigrationStatus.message }}</p>
|
|
<p v-if="installerData.checkMigrationStatus.current_migration">
|
|
Current Migration: {{ installerData.checkMigrationStatus.current_migration }}
|
|
</p>
|
|
<p v-if="installerData.checkMigrationStatus.progress_percentage">
|
|
Progress: {{ installerData.checkMigrationStatus.progress_percentage }}%
|
|
</p>
|
|
<hr />
|
|
</Message>
|
|
<BaseButton
|
|
:label="t('Next')"
|
|
:name="'step1'"
|
|
:type="installerData.isUpdateAvailable ? 'secondary' : 'success'"
|
|
icon="next"
|
|
is-submit
|
|
/>
|
|
<input
|
|
id="is_executable"
|
|
:value="!installerData.isUpdateAvailable ? 'step1' : '-'"
|
|
name="is_executable"
|
|
type="hidden"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { inject } from "vue"
|
|
import { useI18n } from "vue-i18n"
|
|
|
|
import Message from "primevue/message"
|
|
import BaseDropdown from "../basecomponents/BaseDropdown.vue"
|
|
import BaseButton from "../basecomponents/BaseButton.vue"
|
|
import SectionHeader from "../layout/SectionHeader.vue"
|
|
|
|
import languages from "../../utils/languages"
|
|
|
|
const availableLanguages = languages.filter((language) => ["en_US", "fr_FR", "es", "de"].includes(language.isocode))
|
|
|
|
const { t } = useI18n()
|
|
|
|
const installerData = inject("installerData")
|
|
</script>
|
|
|