feat: Button to open game folder (#302)

* feat: Add button to open Titanfall2 folder

* feat: Add English localisation

* feat: Add German localisation

* chore: Add placeholder French translation
while waiting for translators

* feat: add French localization

* fix: Use append slot for button

This way there input field has a consistent size

---------

Co-authored-by: Remy Raes <contact@remyraes.com>

1 files changed, 10 insertions, 0 deletions

diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index 772a4c5c..a8c539e8 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -13,6 +13,11 @@
                         <template #prepend>
                             <el-button icon="Folder" @click="updateGamePath"/>
                         </template>
+                        <template #append>
+                            <el-button @click="openGameInstallFolder">
+                                {{ $t('settings.open_game_folder') }}
+                            </el-button>
+                        </template>
                     </el-input>
                 </div>
 
@@ -78,6 +83,7 @@ import { Store } from 'tauri-plugin-store-api';
 import { showErrorNotification, showNotification } from "../utils/ui";
 import LanguageSelector from "../components/LanguageSelector.vue";
 const persistentStore = new Store('flight-core-settings.json');
+import { open } from '@tauri-apps/api/shell';
 
 export default defineComponent({
     name: "SettingsView",
@@ -143,6 +149,10 @@ export default defineComponent({
                     showErrorNotification(error);
                 });
         },
+        async openGameInstallFolder() {
+            // Opens the folder in default file explorer application
+            await open(`${this.$store.state.game_path}`);
+        }
     },
     mounted() {
         document.querySelector('input')!.disabled = true;