aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views
diff options
context:
space:
mode:
authorRemy Raes <raes.remy@gmail.com>2022-09-25 12:15:48 +0200
committerRemy Raes <raes.remy@gmail.com>2022-09-25 12:15:48 +0200
commit65e20ab9430aa1935cba837336009e3960b556e6 (patch)
treeec8e6f13d7f224d0f12322616828271054fd5d72 /src-vue/src/views
parentb78ab195890dab262531d2f82f33b7d137726d13 (diff)
downloadFlightCore-65e20ab9430aa1935cba837336009e3960b556e6.tar.gz
FlightCore-65e20ab9430aa1935cba837336009e3960b556e6.zip
feat: add component to see game folder path
Diffstat (limited to 'src-vue/src/views')
-rw-r--r--src-vue/src/views/SettingsView.vue50
1 files changed, 50 insertions, 0 deletions
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
new file mode 100644
index 00000000..dbea2ce3
--- /dev/null
+++ b/src-vue/src/views/SettingsView.vue
@@ -0,0 +1,50 @@
+<template>
+ <div class="fc_settings__container">
+ <!-- Game folder location -->
+ <h3>Manage installation</h3>
+ <el-input
+ v-model="$store.state.game_path"
+ class="w-50 m-2"
+ placeholder="Choose installation folder"
+ @click="updateGamePath"
+ >
+ <template #prepend>
+ <el-button icon="Folder" @click="updateGamePath"/>
+ </template>
+ </el-input>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "SettingsView",
+ methods: {
+ updateGamePath() {
+ console.log('TODO: update path');
+ }
+ },
+ mounted() {
+ document.querySelector('input').disabled = true;
+ }
+}
+</script>
+
+<style scoped>
+.fc_settings__container {
+ max-width: 1200px;
+ padding: 20px 30px;
+ margin: 0 auto;
+ color: white;
+}
+
+h3:first-of-type {
+ margin-top: 0;
+ margin-bottom: 1em;
+ text-transform: uppercase;
+ font-weight: unset;
+}
+
+.el-input {
+ width: 50%;
+}
+</style>