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.
97 lines
2.7 KiB
97 lines
2.7 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"
|
|
/>
|
|
<h2
|
|
class="install-title mb-8"
|
|
v-text="t('Step 1 - Installation Language')"
|
|
/>
|
|
|
|
<div class="field">
|
|
<div class="p-float-label">
|
|
<Dropdown
|
|
v-model="installerData.langIso"
|
|
:filter="true"
|
|
:options="availableLanguages"
|
|
input-id="language_list"
|
|
option-label="english_name"
|
|
option-value="isocode"
|
|
/>
|
|
<label
|
|
v-t="'Please select installation language'"
|
|
for="language_list"
|
|
/>
|
|
</div>
|
|
<small
|
|
v-t="'Cannot find your language in the list? Contact us at info@chamilo.org to contribute as a translator.'"
|
|
/>
|
|
</div>
|
|
|
|
<input
|
|
v-model="installerData.langIso"
|
|
name="language_list"
|
|
type="hidden"
|
|
/>
|
|
|
|
<input
|
|
v-model="installerData.stepData.installationProfile"
|
|
type="hidden"
|
|
name="installationProfile"
|
|
/>
|
|
|
|
<hr />
|
|
|
|
<div class="formgroup">
|
|
<Message
|
|
v-if="installerData.isUpdateAvailable"
|
|
id="pleasewait"
|
|
:closable="false"
|
|
severity="warn"
|
|
>
|
|
<p class="update-message-text">
|
|
{{ t("An update is available. Click the button below to proceed with the update.") }}
|
|
</p>
|
|
<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>
|
|
<Button
|
|
:label="t('Next')"
|
|
:class="[installerData.isUpdateAvailable ? 'p-button-secondary' : 'p-button-success']"
|
|
icon="mdi mdi-page-next"
|
|
:name="installerData.isUpdateAvailable ? 'step5' : 'step1'"
|
|
type="submit"
|
|
/>
|
|
<input
|
|
id="is_executable"
|
|
name="is_executable"
|
|
type="hidden"
|
|
:value="!installerData.isUpdateAvailable ? 'step1' : '-'"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { inject } from "vue"
|
|
import { useI18n } from "vue-i18n"
|
|
|
|
import Dropdown from "primevue/dropdown"
|
|
import Button from "primevue/button"
|
|
|
|
import languages from "../../utils/languages"
|
|
|
|
const availableLanguages = languages.filter((language) => ["en_US", "fr_FR"].includes(language.isocode))
|
|
|
|
const { t } = useI18n()
|
|
|
|
const installerData = inject("installerData")
|
|
</script>
|
|
|