aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue/src')
-rw-r--r--src-vue/src/App.vue25
-rw-r--r--src-vue/src/components/LanguageSelector.vue47
-rw-r--r--src-vue/src/components/ModsMenu.vue14
-rw-r--r--src-vue/src/components/PlayButton.vue16
-rw-r--r--src-vue/src/components/ThunderstoreModCard.vue34
-rw-r--r--src-vue/src/i18n/lang/en.ts156
-rw-r--r--src-vue/src/i18n/lang/fr.ts156
-rw-r--r--src-vue/src/main.ts12
-rw-r--r--src-vue/src/plugins/store.ts26
-rw-r--r--src-vue/src/utils/SortOptions.d.ts12
-rw-r--r--src-vue/src/views/PlayView.vue14
-rw-r--r--src-vue/src/views/RepairView.vue27
-rw-r--r--src-vue/src/views/SettingsView.vue47
-rw-r--r--src-vue/src/views/mods/LocalModsView.vue18
-rw-r--r--src-vue/src/views/mods/ThunderstoreModsView.vue4
15 files changed, 510 insertions, 98 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index f740bd2f..86a1bb37 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -6,7 +6,8 @@ import ModsView from './views/ModsView.vue';
import SettingsView from './views/SettingsView.vue';
import { appWindow } from '@tauri-apps/api/window';
import { store } from './plugins/store';
-import { invoke, window as tauriWindow } from "@tauri-apps/api";
+import { Store } from 'tauri-plugin-store-api';
+import { invoke } from "@tauri-apps/api";
export default {
components: {
@@ -19,8 +20,18 @@ export default {
data() {
return {}
},
- mounted: () => {
+ mounted: async function() {
store.commit('initialize');
+
+ // Initialize interface language
+ const persistentStore = new Store('flight-core-settings.json');
+ let lang: string | null = await persistentStore.get('lang');
+ if (lang === null) {
+ lang = navigator.language.substring(0, 2);
+ persistentStore.set('lang', lang);
+ await persistentStore.save();
+ }
+ this.$root!.$i18n.locale = lang;
},
methods: {
async toggleMaximize() {
@@ -56,11 +67,11 @@ export default {
id="fc__menu_items"
data-tauri-drag-region
>
- <el-menu-item index="/">Play</el-menu-item>
- <el-menu-item index="/changelog">Changelog</el-menu-item>
- <el-menu-item index="/mods">Mods</el-menu-item>
- <el-menu-item index="/settings">Settings</el-menu-item>
- <el-menu-item index="/dev" v-if="$store.state.developer_mode">Dev</el-menu-item>
+ <el-menu-item index="/">{{ $t('menu.play') }}</el-menu-item>
+ <el-menu-item index="/changelog">{{ $t('menu.changelog') }}</el-menu-item>
+ <el-menu-item index="/mods">{{ $t('menu.mods') }}</el-menu-item>
+ <el-menu-item index="/settings">{{ $t('menu.settings') }}</el-menu-item>
+ <el-menu-item index="/dev" v-if="$store.state.developer_mode">{{ $t('menu.dev') }}</el-menu-item>
</el-menu>
<!-- Window controls -->
diff --git a/src-vue/src/components/LanguageSelector.vue b/src-vue/src/components/LanguageSelector.vue
new file mode 100644
index 00000000..c09f6c05
--- /dev/null
+++ b/src-vue/src/components/LanguageSelector.vue
@@ -0,0 +1,47 @@
+<template>
+ <el-select v-model="value" class="m-2"
+ :placeholder="$t('settings.language_select')" size="large"
+ @change="onChange"
+ >
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { Store } from 'tauri-plugin-store-api';
+const persistentStore = new Store('flight-core-settings.json');
+
+export default defineComponent({
+ name: 'LanguageSelector',
+ data: () => ({
+ value: '',
+ options: [
+ {
+ value: 'en',
+ label: 'English'
+ },
+ {
+ value: 'fr',
+ label: 'Français'
+ }
+ ]
+ }),
+ mounted: async function() {
+ const lang: string = await persistentStore.get('lang') as string;
+ this.value = lang;
+ },
+ methods: {
+ async onChange(value: string) {
+ this.$root!.$i18n.locale = value;
+ persistentStore.set('lang', value);
+ await persistentStore.save();
+ }
+ }
+})
+</script>
diff --git a/src-vue/src/components/ModsMenu.vue b/src-vue/src/components/ModsMenu.vue
index 9b62fcfa..656c05a6 100644
--- a/src-vue/src/components/ModsMenu.vue
+++ b/src-vue/src/components/ModsMenu.vue
@@ -7,20 +7,20 @@
<h5>Mods</h5>
<el-menu-item index="1" @click="$emit('showLocalMods', true)">
<el-icon><Folder /></el-icon>
- <span>Local</span>
+ <span>{{ $t('mods.menu.local') }}</span>
</el-menu-item>
<el-menu-item index="2" @click="$emit('showLocalMods', false)">
<el-icon><Connection /></el-icon>
- <span>Online</span>
+ <span>{{ $t('mods.menu.online') }}</span>
</el-menu-item>
<!-- Search inputs -->
- <h5>Filter</h5>
- <el-input v-model="$store.state.search.searchValue" placeholder="Search" clearable />
+ <h5>{{ $t('mods.menu.filter') }}</h5>
+ <el-input v-model="$store.state.search.searchValue" :placeholder="$t('mods.menu.search')" clearable />
<el-select
v-if="!showingLocalMods"
v-model="$store.state.search.sortValue"
- placeholder="Sort mods"
+ :placeholder="$t('mods.menu.sort_mods')"
>
<el-option
v-for="item of sortValues"
@@ -33,7 +33,7 @@
v-if="!showingLocalMods"
v-model="$store.state.search.selectedCategories"
multiple
- placeholder="Select categories"
+ :placeholder="$t('mods.menu.select_categories')"
>
<el-option
v-for="item in $store.state.thunderstoreModsCategories"
@@ -66,7 +66,7 @@ export default defineComponent({
sortValues(): {label: string, value: string}[] {
return Object.keys(SortOptions).map((key: string) => ({
value: key,
- label: Object.values(SortOptions)[Object.keys(SortOptions).indexOf(key)]
+ label: this.$t('mods.menu.sort.' + Object.values(SortOptions)[Object.keys(SortOptions).indexOf(key)])
}));
}
}
diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 687f12a4..3efcc9f5 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -18,22 +18,22 @@ export default defineComponent({
},
playButtonLabel(): string {
if (this.$store.state.northstar_is_running) {
- return "Game is running";
+ return this.$t("play.button.northstar_is_running");
}
switch(this.$store.state.northstar_state) {
case NorthstarState.GAME_NOT_FOUND:
- return "Select Titanfall2 game folder";
+ return this.$t("play.button.select_game_dir");
case NorthstarState.INSTALL:
- return "Install";
+ return this.$t("play.button.install");
case NorthstarState.INSTALLING:
- return "Installing..."
+ return this.$t("play.button.installing");
case NorthstarState.MUST_UPDATE:
- return "Update";
+ return this.$t("play.button.update");
case NorthstarState.UPDATING:
- return "Updating...";
+ return this.$t("play.button.updating");
case NorthstarState.READY_TO_PLAY:
- return "Launch game";
+ return this.$t("play.button.ready_to_play");
default:
return "";
@@ -57,7 +57,7 @@ export default defineComponent({
options: [
{
value: ReleaseCanal.RELEASE_CANDIDATE,
- label: 'Northstar release candidate',
+ label: this.$t('channels.names.NorthstarReleaseCandidate'),
},
]
},
diff --git a/src-vue/src/components/ThunderstoreModCard.vue b/src-vue/src/components/ThunderstoreModCard.vue
index c9f6768c..b81ed03c 100644
--- a/src-vue/src/components/ThunderstoreModCard.vue
+++ b/src-vue/src/components/ThunderstoreModCard.vue
@@ -21,7 +21,7 @@
<br/>
<div class="name hide-text-overflow">{{ mod.name }}</div>
- <div class="author hide-text-overflow">by {{ mod.owner }}</div>
+ <div class="author hide-text-overflow">{{ $t('mods.card.by') }} {{ mod.owner }}</div>
<div class="desc">
{{ latestVersion.description }}
</div>
@@ -33,7 +33,7 @@
:loading="isBeingInstalled || isBeingUpdated"
@click.stop="installMod(mod)"
>
- {{ modButtonText }}
+ {{ $t(modButtonText) }}
</el-button>
<!-- Information dropdown menu -->
@@ -51,10 +51,10 @@
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="openURL(mod.package_url)">
- More info
+ {{ $t('mods.card.more_info') }}
</el-dropdown-item>
<el-dropdown-item @click="deleteMod(mod)">
- Remove mod
+ {{ $t('mods.card.remove') }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
@@ -129,15 +129,15 @@ export default defineComponent({
modButtonText(): string {
switch (this.modStatus) {
case ThunderstoreModStatus.BEING_INSTALLED:
- return "Installing...";
+ return "mods.card.button.being_installed";
case ThunderstoreModStatus.BEING_UPDATED:
- return "Updating...";
+ return "mods.card.button.being_updated";
case ThunderstoreModStatus.INSTALLED:
- return "Installed";
+ return "mods.card.button.installed";
case ThunderstoreModStatus.NOT_INSTALLED:
- return "Install";
+ return "mods.card.button.install";
case ThunderstoreModStatus.OUTDATED:
- return "Update";
+ return "mods.card.button.outdated";
}
},
@@ -200,11 +200,11 @@ export default defineComponent({
// Show pop-up to confirm delete
ElMessageBox.confirm(
- 'Delete Thunderstore mod?',
- 'Warning',
+ this.$t('mods.card.remove_dialog_text'),
+ this.$t('mods.card.remove_dialog_title'),
{
- confirmButtonText: 'OK',
- cancelButtonText: 'Cancel',
+ confirmButtonText: this.$t('generic.yes'),
+ cancelButtonText: this.$t('generic.cancel'),
type: 'warning',
}
)
@@ -217,7 +217,7 @@ export default defineComponent({
await invoke("delete_thunderstore_mod", { gameInstall: game_install, thunderstoreModString: this.latestVersion.full_name })
.then((message) => {
ElNotification({
- title: `Removed ${mod.name}`,
+ title: this.$t('mods.card.remove_success', {modName: mod.name}),
message: message as string,
type: 'success',
position: 'bottom-right'
@@ -225,7 +225,7 @@ export default defineComponent({
})
.catch((error) => {
ElNotification({
- title: 'Error',
+ title: this.$t('generic.error'),
message: error,
type: 'error',
position: 'bottom-right'
@@ -255,7 +255,7 @@ export default defineComponent({
await invoke("install_mod_caller", { gameInstall: game_install, thunderstoreModString: this.latestVersion.full_name }).then((message) => {
ElNotification({
- title: `Installed ${mod.name}`,
+ title: this.$t('mods.card.install_success', {modName: mod.name}),
message: message as string,
type: 'success',
position: 'bottom-right'
@@ -263,7 +263,7 @@ export default defineComponent({
})
.catch((error) => {
ElNotification({
- title: 'Error',
+ title: this.$t('generic.error'),
message: error,
type: 'error',
position: 'bottom-right'
diff --git a/src-vue/src/i18n/lang/en.ts b/src-vue/src/i18n/lang/en.ts
new file mode 100644
index 00000000..14d744f9
--- /dev/null
+++ b/src-vue/src/i18n/lang/en.ts
@@ -0,0 +1,156 @@
+export default {
+ menu: {
+ play: 'Play',
+ changelog: 'Changelog',
+ mods: 'Mods',
+ settings: 'Settings',
+ dev: 'Dev'
+ },
+
+ generic: {
+ yes: 'Yes',
+ no: 'No',
+ error: 'Error',
+ cancel: 'Cancel',
+ informationShort: 'Info'
+ },
+
+ play: {
+ button: {
+ northstar_is_running: 'Game is running',
+ select_game_dir: 'Select Titanfall2 game folder',
+ install: 'Install',
+ installing: 'Installing...',
+ update: 'Update',
+ updating: 'Updating...',
+ ready_to_play: 'Launch game'
+ },
+
+ unknown_version: "Unknown version",
+ see_patch_notes: "see patch notes",
+ players: "players",
+ servers: "servers",
+ unable_to_load_playercount: "Unable to load playercount",
+ northstar_running: "Northstar is running:",
+ origin_running: "Origin is running:"
+ },
+
+ mods: {
+ local: {
+ no_mods: "No mods were found.",
+ delete_confirm: "Are you sure to delete this mod?",
+ delete: "Delete",
+ part_of_ts_mod: "This Northstar mod is part of a Thunderstore mod",
+ success_deleting: "Success deleting {modName}"
+ },
+
+ online: {
+ no_match: "No matching mod has been found.",
+ try_another_search: "Try another search!"
+ },
+
+ menu: {
+ local: 'Local',
+ online: 'Online',
+ filter: 'Filter',
+ search: 'Search',
+ sort_mods: 'Sort mods',
+ select_categories: 'Select categories',
+
+ sort: {
+ name_asc: 'By name (A to Z)',
+ name_desc: 'By name (Z to A)',
+ date_asc: 'By date (from oldest)',
+ date_desc: 'By date (from newest)',
+ most_downloaded: "Most downloaded",
+ top_rated: "Top rated"
+ }
+ },
+
+ card: {
+ button: {
+ being_installed: "Installing...",
+ being_updated: "Updating...",
+ installed: "Installed",
+ install: "Install",
+ outdated: "Update"
+ },
+
+ by: "by",
+ more_info: "More info",
+ remove: "Remove mod",
+ remove_dialog_title: "Warning",
+ remove_dialog_text: "Delete Thunderstore mod?",
+ remove_success: "Removed {modName}",
+ install_success: "Installed {modName}"
+ }
+ },
+
+ settings: {
+ manage_install: "Manage installation",
+ choose_folder: "Choose installation folder",
+ nb_ts_mods_per_page: "Number of Thunderstore mods per page",
+ nb_ts_mods_per_page_desc1: "This has an impact on display performances when browsing Thunderstore mods.",
+ nb_ts_mods_per_page_desc2: "Set this value to 0 to disable pagination.",
+ nb_ts_mods_reset: "Reset to default",
+ language: 'Language',
+ language_select: "Select your favorite language",
+ about: "About:",
+ flightcore_version: "FlightCore version:",
+ testing: "Testing:",
+ enable_test_channels: "Enable testing release channels",
+ dev_mode_enabled_title: "Watch out!",
+ dev_mod_enabled_text: "Developer mode enabled.",
+
+ repair: {
+ title: "Repair",
+ open_window: "Open repair window",
+
+ window: {
+ title: "FlightCore repair window",
+ warning: "This window contains various functionality to repair common issues with Northstar and FlightCore.",
+ disable_all_but_core: "Disable all but core mods",
+ force_reinstall_ns: "Force reinstall Northstar",
+ force_delete_temp_dl: "Force delete temp download folder",
+ delete_persistent_store: "Delete FlightCore persistent store"
+ }
+ }
+ },
+
+ notification: {
+ game_folder: {
+ new: {
+ title: "New game folder",
+ text: "Game folder was successfully updated."
+ },
+
+ wrong: {
+ title: "Wrong folder",
+ text: "Selected folder is not a valid Titanfall2 install."
+ },
+
+ not_found: {
+ title: "Titanfall2 not found!",
+ text: "Please manually select install location"
+ }
+ },
+
+ flightcore_outdated: {
+ title: "FlightCore outdated!",
+ text: "Please update FlightCore.\nRunning outdated version {oldVersion}.\nNewest is {newVersion}!"
+ }
+ },
+
+ channels: {
+ release: {
+ switch: {
+ text: 'Switched release channel to "{canal}".'
+ }
+ },
+
+ names: {
+ Northstar: 'Northstar',
+ NorthstarReleaseCandidate: 'Northstar release candidate'
+ }
+ }
+};
diff --git a/src-vue/src/i18n/lang/fr.ts b/src-vue/src/i18n/lang/fr.ts
new file mode 100644
index 00000000..f1eba0da
--- /dev/null
+++ b/src-vue/src/i18n/lang/fr.ts
@@ -0,0 +1,156 @@
+export default {
+ menu: {
+ play: 'Jouer',
+ changelog: 'Notes',
+ mods: 'Mods',
+ settings: 'Paramètres',
+ dev: 'Dev'
+ },
+
+ generic: {
+ yes: 'Oui',
+ no: 'Non',
+ error: 'Erreur',
+ cancel: 'Annuler',
+ informationShort: 'Info'
+ },
+
+ play: {
+ button: {
+ northstar_is_running: "En cours d'utilisation",
+ select_game_dir: 'Sélectionner le dossier du jeu',
+ install: 'Installer',
+ installing: 'Installation...',
+ update: 'Mettre à jour',
+ updating: 'Mise à jour...',
+ ready_to_play: 'Jouer'
+ },
+
+ unknown_version: "Version inconnue",
+ see_patch_notes: "voir les notes de version",
+ players: "joueurs",
+ servers: "serveurs",
+ unable_to_load_playercount: "Impossible de charger les statistiques",
+ northstar_running: "Northstar est en cours d'exécution :",
+ origin_running: "Origin est en cours d'exécution :"
+ },
+
+ mods: {
+ local: {
+ no_mods: "Aucun mod trouvé.",
+ delete_confirm: "Êtes-vous certain de vouloir supprimer ce mod ?",
+ delete: "Supprimer",
+ part_of_ts_mod: "Ce mod Northstar fait partie d'un mod Thunderstore",
+ success_deleting: "Succès de la suppression de {modName}"
+ },
+
+ online: {
+ no_match: "Aucun mod correspondant n'a été trouvé.",
+ try_another_search: "Essayez une autre recherche !"
+ },
+
+ menu: {
+ local: 'Local',
+ online: 'En ligne',
+ filter: 'Filtrer',
+ search: 'Chercher',
+ sort_mods: 'Trier les mods',
+ select_categories: 'Choisir les catégories',
+
+ sort: {
+ name_asc: 'Par nom (de A à Z)',
+ name_desc: 'Par nom (de Z à A)',
+ date_asc: 'Par date (du plus vieux)',
+ date_desc: 'Par date (du plus récent)',
+ most_downloaded: "Plus téléchargés",
+ top_rated: "Mieux notés"
+ }
+ },
+
+ card: {
+ button: {
+ being_installed: "Installation...",
+ being_updated: "Mise à jour...",
+ installed: "Installé",
+ install: "Installer",
+ outdated: "Mettre à jour"
+ },
+
+ by: "par",
+ more_info: "Plus d'informations",
+ remove: "Supprimer le mod",
+ remove_dialog_title: "Attention !",
+ remove_dialog_text: "Voulez-vous vraiment supprimer ce mod Thunderstore ?",
+ remove_success: "{modName} supprimé",
+ install_success: "{modName} installé"
+ }
+ },
+
+ settings: {
+ manage_install: "Gérer l'installation",
+ choose_folder: "Choisir le dossier d'installation du jeu",
+ nb_ts_mods_per_page: "Nombre de mods Thunderstore par page",
+ nb_ts_mods_per_page_desc1: "Ce paramètre a un impact sur les performances d'affichage des mods Thunderstore.",
+ nb_ts_mods_per_page_desc2: "Réglez-le sur 0 pour désactiver la pagination.",
+ nb_ts_mods_reset: "Valeur par défaut",
+ language: 'Langue',
+ language_select: "Sélectionnez votre langue",
+ about: "À propos:",
+ flightcore_version: "Version de FlightCore :",
+ testing: "Tests :",
+ enable_test_channels: "Activer le test de versions de pré-production",
+ dev_mode_enabled_title: "Attention !",
+ dev_mod_enabled_text: "Mode développeur activé.",
+
+ repair: {
+ title: "Dépannage",
+ open_window: "Ouvrir la fenêtre de dépannage",
+
+ window: {
+ title: "Fenêtre de dépannage FlightCore",
+ warning: "Cette fenêtre contient plusieurs fonctionnalité de résolution de problèmes courants avec Northstar et FlightCore.",
+ disable_all_but_core: "Désactiver tous les mods (sauf ceux de Northstar)",
+ force_reinstall_ns: "Forcer la réinstallation de Northstar",
+ force_delete_temp_dl: "Supprimer le dossier de téléchargement temporaire",
+ delete_persistent_store: "Supprimer l'espace de stockage local de FlightCore"
+ }
+ }
+ },
+
+ notification: {
+ game_folder: {
+ new: {
+ title: "Nouveau dossier",
+ text: "Le dossier du jeu a bien été mis à jour."
+ },
+
+ wrong: {
+ title: "Mauvais dossier",
+ text: "Le dossier sélectionné ne contient pas d'installation de Titanfall2."
+ },
+
+ not_found: {
+ title: "Titanfall2 non trouvé",
+ text: "Veuillez sélectionner manuellement le dossier du jeu."
+ }
+ },
+
+ flightcore_outdated: {
+ title: "Mise à jour disponible !",
+ text: "Veuillez mettre à jour FlightCore.\nVersion actuelle : {oldVersion}.\nNouvelle version : {newVersion}."
+ }
+ },
+
+ channels: {
+ release: {
+ switch: {
+ text: 'Le canal de téléchargement a été réglé sur "{canal}".'
+ }
+ },
+
+ names: {
+ Northstar: 'Northstar',
+ NorthstarReleaseCandidate: 'Version de pré-release'
+ }
+ }
+};
diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index 57d41865..7ee700da 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -1,4 +1,5 @@
import { createApp } from 'vue'
+import { createI18n } from "vue-i18n";
import App from './App.vue'
import ElementPlus from "element-plus";
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
@@ -10,10 +11,21 @@ import SettingsView from "./views/SettingsView.vue";
import DeveloperView from "./views/DeveloperView.vue";
import RepairView from "./views/RepairView.vue";
import {createRouter, createWebHashHistory} from "vue-router";
+import en from "./i18n/lang/en";
+import fr from "./i18n/lang/fr";
const app = createApp(App);
+// internationalization
+export const i18n = createI18n({
+ locale: 'en',
+ fallbackLocale: 'en',
+ messages: {
+ en, fr
+ }
+});
+app.use(i18n);
// styles
import 'element-plus/theme-chalk/index.css';
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index caa46bee..08f9b85f 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -16,8 +16,8 @@ import { ReleaseInfo } from "../../../src-tauri/bindings/ReleaseInfo";
import { ThunderstoreMod } from "../../../src-tauri/bindings/ThunderstoreMod";
import { NorthstarMod } from "../../../src-tauri/bindings/NorthstarMod";
import { searchModule } from './modules/search';
+import { i18n } from '../main';
import { pullRequestModule } from './modules/pull_requests';
-import { PullsApiResponseElement } from "../../../src-tauri/bindings/PullsApiResponseElement";
const persistentStore = new Store('flight-core-settings.json');
@@ -123,8 +123,8 @@ export const store = createStore<FlightCoreStore>({
if (is_valid_titanfall2_install) {
state.game_path = selected;
ElNotification({
- title: 'New game folder',
- message: "Game folder was successfully updated.",
+ title: i18n.global.tc('notification.game_folder.new.title'),
+ message: i18n.global.tc('notification.game_folder.new.text'),
type: 'success',
position: 'bottom-right'
});
@@ -151,8 +151,8 @@ export const store = createStore<FlightCoreStore>({
else {
// Not valid Titanfall2 install
ElNotification({
- title: 'Wrong folder',
- message: "Selected folder is not a valid Titanfall2 install.",
+ title: i18n.global.tc('notification.game_folder.wrong.title'),
+ message: i18n.global.tc('notification.game_folder.wrong.text'),
type: 'error',
position: 'bottom-right'
});
@@ -224,7 +224,7 @@ export const store = createStore<FlightCoreStore>({
.catch((error) => {
console.error(error);
ElNotification({
- title: 'Error',
+ title: i18n.global.tc('generic.error'),
message: error,
type: 'error',
position: 'bottom-right'
@@ -293,7 +293,7 @@ export const store = createStore<FlightCoreStore>({
.catch((error) => {
console.error(error);
ElNotification({
- title: 'Error',
+ title: i18n.global.tc('generic.error'),
message: error,
type: 'error',
position: 'bottom-right'
@@ -315,8 +315,8 @@ export const store = createStore<FlightCoreStore>({
// Display notification to highlight change
ElNotification({
- title: `${state.northstar_release_canal}`,
- message: `Switched release channel to: "${state.northstar_release_canal}"`,
+ title: i18n.global.tc(`channels.names.${state.northstar_release_canal}`),
+ message: i18n.global.tc('channels.release.switch.text', {canal: state.northstar_release_canal}),
type: 'success',
position: 'bottom-right'
});
@@ -394,8 +394,8 @@ async function _initializeApp(state: any) {
// Gamepath not found or other error
console.error(err);
notification_handle = ElNotification({
- title: 'Titanfall2 not found!',
- message: "Please manually select install location",
+ title: i18n.global.tc('notification.game_folder.not_found.title'),
+ message: i18n.global.tc('notification.game_folder.not_found.text'),
type: 'error',
position: 'bottom-right',
duration: 0 // Duration `0` means the notification will not auto-vanish
@@ -437,8 +437,8 @@ async function _checkForFlightCoreUpdates(state: FlightCoreStore) {
if (flightcore_is_outdated) {
let newest_flightcore_version = await invoke("get_newest_flightcore_version") as FlightCoreVersion;
ElNotification({
- title: 'FlightCore outdated!',
- message: `Please update FlightCore.\nRunning outdated version ${state.flightcore_version}.\nNewest is ${newest_flightcore_version.tag_name}!`,
+ title: i18n.global.tc('notification.flightcore_outdated.title'),
+ message: i18n.global.tc('notification.flightcore_outdated.text', {oldVersion: state.flightcore_version, newVersion: newest_flightcore_version.tag_name}),
type: 'warning',
position: 'bottom-right',
duration: 0 // Duration `0` means the notification will not auto-vanish
diff --git a/src-vue/src/utils/SortOptions.d.ts b/src-vue/src/utils/SortOptions.d.ts
index 6bdd0a4a..b6f180d2 100644
--- a/src-vue/src/utils/SortOptions.d.ts
+++ b/src-vue/src/utils/SortOptions.d.ts
@@ -1,8 +1,8 @@
export enum SortOptions {
- NAME_ASC = 'By name (A to Z)',
- NAME_DESC = 'By name (Z to A)',
- DATE_ASC = 'By date (from oldest)',
- DATE_DESC = 'By date (from newest)',
- MOST_DOWNLOADED = "Most downloaded",
- TOP_RATED = "Top rated"
+ NAME_ASC = 'name_asc',
+ NAME_DESC = 'name_desc',
+ DATE_ASC = 'date_asc',
+ DATE_DESC = 'date_desc',
+ MOST_DOWNLOADED = 'most_downloaded',
+ TOP_RATED = 'top_rated'
}
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index beca6724..57d02904 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -34,27 +34,27 @@ export default defineComponent({
<div class="fc_launch__container">
<div class="fc_title">Northstar</div>
<div class="fc_northstar__version__container">
- {{ northstarVersion === '' ? 'Unknown version' : `v${northstarVersion}` }}
+ {{ northstarVersion === '' ? $t('play.unknown_version') : `v${northstarVersion}` }}
<div v-if="northstarVersion !== ''" class="fc_changelog__link" @click="showChangelogPage">
- (see patch notes)
+ ({{ $t('play.see_patch_notes') }})
</div>
<div v-if="playerCount >= 0" class="fc-stats__container">
- {{ playerCount }} players,
- {{ serverCount }} servers
+ {{ playerCount }} {{ $t('play.players') }},
+ {{ serverCount }} {{ $t('play.servers') }}
</div>
<div v-else="playerCount >= 0" class="fc-stats__container">
- Unable to load playercount
+ {{ $t('play.unable_to_load_playercount') }}
</div>
</div>
<div>
<PlayButton />
<div v-if="$store.state.developer_mode" id="fc_services__status">
<div>
- <div class="fc_version__line">Northstar is running: </div>
+ <div class="fc_version__line">{{ $t('play.northstar_running') }}</div>
<div class="fc_version__line fc_version__line__boolean"> {{ northstarIsRunning }}</div>
</div>
<div>
- <div class="fc_version__line">Origin is running: </div>
+ <div class="fc_version__line">{{ $t('play.origin_running') }}</div>
<div class="fc_version__line fc_version__line__boolean">{{ $store.state.origin_is_running }}</div>
</div>
</div>
diff --git a/src-vue/src/views/RepairView.vue b/src-vue/src/views/RepairView.vue
index e7cd479a..12224524 100644
--- a/src-vue/src/views/RepairView.vue
+++ b/src-vue/src/views/RepairView.vue
@@ -1,30 +1,30 @@
<template>
<div class="fc-container">
<el-scrollbar>
- <el-alert title="Info" type="info" :closable="false" show-icon>
- This window contains various functionality to repair common issues with Northstar and FlightCore.
+ <el-alert :title="$t('generic.informationShort')" type="info" :closable="false" show-icon>
+ {{ $t('settings.repair.window.warning') }}
</el-alert>
- <h1>Repair</h1>
+ <h1>{{ $t('settings.repair.title') }}</h1>
<h2>Northstar</h2>
<el-button type="primary" @click="disableAllModsButCore">
- Disable all but core mods
+ {{ $t('settings.repair.window.disable_all_but_core') }}
</el-button>
<el-button type="primary" @click="forceInstallNorthstar">
- Force reinstall Northstar
+ {{ $t('settings.repair.window.force_reinstall_ns') }}
</el-button>
<h2>FlightCore</h2>
<el-button type="primary" @click="cleanUpDownloadFolder">
- Force delete temp download folder
+ {{ $t('settings.repair.window.force_delete_temp_dl') }}
</el-button>
<el-button type="primary" @click="clearFlightCorePersistentStore">
- Delete FlightCore persistent store
+ {{ $t('settings.repair.window.delete_persistent_store') }}
</el-button>
</el-scrollbar>
</div>
@@ -37,10 +37,16 @@ import { GameInstall } from "../utils/GameInstall";
import { invoke } from "@tauri-apps/api";
import { ReleaseCanal } from "../utils/ReleaseCanal";
import { Store } from 'tauri-plugin-store-api';
+import { appWindow } from "@tauri-apps/api/window";
const persistentStore = new Store('flight-core-settings.json');
export default defineComponent({
name: "RepairView",
+ computed: {
+ lang(): string {
+ return this.$root!.$i18n.locale;
+ }
+ },
methods: {
async disableAllModsButCore() {
let game_install = {
@@ -135,6 +141,13 @@ export default defineComponent({
// ...and save
await persistentStore.save();
},
+ },
+ watch: {
+ // Lang value is propagated to repair view after it's mounted, so we need to watch
+ // its value, and update window title accordingly.
+ lang(newv: string) {
+ appWindow.setTitle( this.$t('settings.repair.window.title') );
+ }
}
});
</script>
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index 4e816740..9a92865d 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -3,11 +3,11 @@
<el-scrollbar>
<div class="fc_settings__container">
<!-- Game folder location -->
- <h3>Manage installation</h3>
+ <h3>{{ $t('settings.manage_install') }}</h3>
<el-input
v-model="$store.state.game_path"
class="w-50 m-2"
- placeholder="Choose installation folder"
+ :placeholder="$t('settings.choose_folder')"
@click="updateGamePath"
>
<template #prepend>
@@ -17,37 +17,46 @@
<!-- Thunderstore mods per page configuration -->
<div class="fc_parameter__panel">
- <h3>Number of Thunderstore mods per page</h3>
+ <h3>{{ $t('settings.nb_ts_mods_per_page') }}</h3>
<h6>
- This has an impact on display performances when browsing Thunderstore mods.<br>
- Set this value to 0 to disable pagination.
+ {{ $t('settings.nb_ts_mods_per_page_desc1') }}<br>
+ {{ $t('settings.nb_ts_mods_per_page_desc2') }}
</h6>
- <el-input
- v-model="modsPerPage"
+ <el-input
+ v-model="modsPerPage"
type="number"
>
<template #append>
- <el-button @click="modsPerPage = 20">Reset to default</el-button>
+ <el-button @click="modsPerPage = 20">
+ {{ $t('settings.nb_ts_mods_reset') }}
+ </el-button>
</template>
</el-input>
</div>
- <h3>Repair</h3>
+ <!-- Interface localization -->
+ <div class="fc_parameter__panel">
+ <h3>{{ $t('settings.language') }}</h3>
+ <language-selector/>
+ </div>
+
+ <h3>{{ $t('settings.repair.title') }}</h3>
<el-button type="primary" @click="openRepairWindow">
- Open Repair window
+ {{ $t('settings.repair.open_window') }}
</el-button>
- <h3>About:</h3>
+ <h3>{{ $t('settings.about') }}</h3>
+
<div class="fc_northstar__version" @click="activateDeveloperMode">
- FlightCore Version: {{ flightcoreVersion === '' ? 'Unknown version' : `${flightcoreVersion}` }}
+ {{ $t('settings.flightcore_version') }} {{ flightcoreVersion === '' ? 'Unknown version' : `${flightcoreVersion}` }}
</div>
<br />
<br />
UI design inspired by <el-link :underline="false" target="_blank" href="https://github.com/TFORevive/tforevive_launcher/" type="primary">TFORevive Launcher</el-link> (not yet public)
- <h3>Testing:</h3>
+ <h3>{{ $t('settings.testing') }}</h3>
<span>
- Enable testing release channels
+ {{ $t('settings.enable_test_channels') }}
<el-switch v-model="enableReleasesSwitch"></el-switch>
</span>
</div>
@@ -61,10 +70,14 @@ import { ElNotification } from 'element-plus';
import { invoke } from "@tauri-apps/api";
import { ReleaseCanal } from "../utils/ReleaseCanal";
import { Store } from 'tauri-plugin-store-api';
+import LanguageSelector from "../components/LanguageSelector.vue";
const persistentStore = new Store('flight-core-settings.json');
export default defineComponent({
name: "SettingsView",
+ components: {
+ LanguageSelector
+ },
data() {
return {
developerModeClicks: 0
@@ -107,8 +120,8 @@ export default defineComponent({
if (this.developerModeClicks >= 6) {
this.$store.state.developer_mode = true;
ElNotification({
- title: 'Watch out!',
- message: 'Developer mode enabled.',
+ title: this.$t('settings.dev_mode_enabled_title'),
+ message: this.$t('settings.dev_mode_enabled_text'),
type: 'info',
position: 'bottom-right'
});
@@ -156,7 +169,7 @@ h3:first-of-type {
font-weight: unset;
}
-.el-input {
+.el-input, .el-select {
width: 50%;
}
diff --git a/src-vue/src/views/mods/LocalModsView.vue b/src-vue/src/views/mods/LocalModsView.vue
index ed801b7a..4bc870fe 100644
--- a/src-vue/src/views/mods/LocalModsView.vue
+++ b/src-vue/src/views/mods/LocalModsView.vue
@@ -1,23 +1,27 @@
<template>
<el-scrollbar>
<div>
- <p v-if="mods.length === 0">No mods were found.</p>
+ <p v-if="mods.length === 0">{{ $t('mods.local.no_mods') }}</p>
<el-card v-else shadow="hover" v-for="mod in mods" v-bind:key="mod.name">
<el-switch style="--el-switch-on-color: #13ce66; --el-switch-off-color: #8957e5" v-model="mod.enabled"
:before-change="() => updateWhichModsEnabled(mod)" :loading="global_load_indicator" />
<el-popconfirm
- title="Are you sure to delete this mod?"
+ :title="$t('mods.local.delete_confirm')"
+ :confirm-button-text="$t('generic.yes')"
+ :cancel-button-text="$t('generic.no')"
@confirm="deleteMod(mod)"
>
<template #reference>
- <el-button type="danger">Delete</el-button>
+ <el-button type="danger">
+ {{ $t('mods.local.delete') }}
+ </el-button>
</template>
</el-popconfirm>
{{ mod.name }}
<span v-if="mod.version != null">(v{{ mod.version }})</span>
<img
v-if="mod.thunderstore_mod_string != null"
- title="This Northstar mod is part of a Thunderstore mod"
+ :title="$t('mods.local.part_of_ts_mod')"
src="/src/assets/thunderstore-icon.png"
class="image"
height="16"
@@ -80,7 +84,7 @@ export default defineComponent({
}
catch (error) {
ElNotification({
- title: 'Error',
+ title: this.$t('generic.error'),
message: `${error}`,
type: 'error',
position: 'bottom-right'
@@ -101,14 +105,14 @@ export default defineComponent({
.then((message) => {
// Just a visual indicator that it worked
ElNotification({
- title: `Success deleting ${mod.name}`,
+ title: this.$t('mods.local.success_deleting', {modName: mod.name}),
type: 'success',
position: 'bottom-right'
});
})
.catch((error) => {
ElNotification({
- title: 'Error',
+ title: this.$t('generic.error'),
message: error,
type: 'error',
position: 'bottom-right'
diff --git a/src-vue/src/views/mods/ThunderstoreModsView.vue b/src-vue/src/views/mods/ThunderstoreModsView.vue
index 19809f3e..0a0b9965 100644
--- a/src-vue/src/views/mods/ThunderstoreModsView.vue
+++ b/src-vue/src/views/mods/ThunderstoreModsView.vue
@@ -18,8 +18,8 @@
<!-- Message displayed if no mod matched searched words -->
<div v-if="filteredMods.length === 0" class="modMessage">
- No matching mod has been found.<br/>
- Try another search!
+ {{ $t('mods.online.no_match') }}<br/>
+ {{ $t('mods.online.try_another_search') }}
</div>
<!-- Mod cards -->
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-22 16:46:45 +0000