From eb1dabde7dacdd36fd7f2e5da6f343bc5ef7c6d4 Mon Sep 17 00:00:00 2001
From: Jan <sentrycraft123@gmail.com>
Date: Wed, 9 Aug 2023 23:09:59 +0200
Subject: feat: Add dialog box with a table of all profiles (#501)

Does not yet include buttons to modify profiles. This has been moved into separate PR to keep diff small.
---
 src-vue/src/i18n/lang/en.json       |  7 ++++++-
 src-vue/src/views/ChangelogView.vue |  4 ++++
 src-vue/src/views/SettingsView.vue  | 12 ++++++++++++
 3 files changed, 22 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/i18n/lang/en.json b/src-vue/src/i18n/lang/en.json
index 1fa4e7ee..2b056655 100644
--- a/src-vue/src/i18n/lang/en.json
+++ b/src-vue/src/i18n/lang/en.json
@@ -111,7 +111,12 @@
         "show_deprecated_mods_desc2": "Watch out, such mods are usually deprecated for a good reason.",
 
         "profile": {
-            "active": "Active Profile"
+            "active": "Active Profile",
+            "edit": "Edit Profiles",
+
+            "dialog": {
+                "title": "Profiles"
+            }
         },
 
         "repair": {
diff --git a/src-vue/src/views/ChangelogView.vue b/src-vue/src/views/ChangelogView.vue
index 7ab50903..f75d869c 100644
--- a/src-vue/src/views/ChangelogView.vue
+++ b/src-vue/src/views/ChangelogView.vue
@@ -63,6 +63,10 @@ export default defineComponent({
     padding: 20px 30px;
 }
 
+.el-table .el-scrollbar__view {
+    padding: 0;
+}
+
 .fc__changelog__container {
     padding: 20px 30px;
 }
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index c209da31..b1a62c56 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -1,4 +1,14 @@
 <template>
+    <el-dialog
+        v-model="showProfileDialog"
+        :title="$t('settings.profile.dialog.title')"
+        width="75%"
+    >
+        <el-table :data="availableProfiles" >
+            <el-table-column prop="name" label="Name" />
+        </el-table>
+    </el-dialog>
+
     <div class="fc-container">
         <el-scrollbar>
             <div class="fc_settings__container">
@@ -31,6 +41,7 @@
                         <template #dropdown>
                             <el-dropdown-menu>
                                 <el-dropdown-item v-for="profile in $store.state.available_profiles" @click="switchProfile(profile)">{{ profile }}</el-dropdown-item>
+                                <el-dropdown-item divided @click="showProfileDialog = true">{{ $t('settings.profile.edit') }}</el-dropdown-item>
                             </el-dropdown-menu>
                         </template>
                     </el-dropdown>
@@ -121,6 +132,7 @@ export default defineComponent({
     data() {
         return {
             developerModeClicks: 0,
+            showProfileDialog: false,
         }
     },
     computed: {
-- 
cgit v1.2.3