From e2ed65bedeafd5c1bed800fbd3123754b2374799 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 24 Jul 2026 12:00:10 +0200
Subject: [PATCH] feat(falukant): add visibility toggle for settings widget and
 update navigation labels

---
 frontend/src/components/SettingsWidget.vue    | 14 +++++++++++---
 frontend/src/i18n/locales/ceb/navigation.json |  1 +
 frontend/src/i18n/locales/de/navigation.json  |  1 +
 frontend/src/i18n/locales/en/navigation.json  |  1 +
 frontend/src/i18n/locales/es/navigation.json  |  1 +
 frontend/src/i18n/locales/fr/navigation.json  |  1 +
 frontend/src/views/settings/FalukantView.vue  |  2 +-
 7 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/SettingsWidget.vue b/frontend/src/components/SettingsWidget.vue
index 07dd4c4..fe0c621 100755
--- a/frontend/src/components/SettingsWidget.vue
+++ b/frontend/src/components/SettingsWidget.vue
@@ -57,7 +57,7 @@
                     <div v-else>{{ setting }}</div>
                     <span v-if="setting.unit">&nbsp;{{ setting.unit }}</span>
                 </td>
-                <td>
+                <td v-if="showVisibility">
                     <select v-model="setting.visibility.id"
                         @change="handleVisibilityChange(setting.id, setting.visibility.id)">
                         <option v-for="visibility in possibleVisibilities" :key="visibility.id" :value="visibility.id">
@@ -103,6 +103,10 @@ export default {
         settingsType: {
             type: String,
             required: true
+        },
+        showVisibility: {
+            type: Boolean,
+            default: true
         } 
     },
     computed: {
@@ -116,8 +120,12 @@ export default {
         async fetchSettings() {
             if (this.user && this.user.id) {
                 try {
-                    const visibilityResponse = await apiClient.get('/api/settings/visibilities');
-                    this.possibleVisibilities = visibilityResponse.data;
+                    if (this.showVisibility) {
+                        const visibilityResponse = await apiClient.get('/api/settings/visibilities');
+                        this.possibleVisibilities = visibilityResponse.data;
+                    } else {
+                        this.possibleVisibilities = [];
+                    }
                     const userid = this.user.id;
                     const response = await apiClient.post('/api/settings/filter', {
                         userid: userid,
diff --git a/frontend/src/i18n/locales/ceb/navigation.json b/frontend/src/i18n/locales/ceb/navigation.json
index 16a4a0c..b875331 100755
--- a/frontend/src/i18n/locales/ceb/navigation.json
+++ b/frontend/src/i18n/locales/ceb/navigation.json
@@ -56,6 +56,7 @@
         "m-settings": {
             "homepage": "Sinugdanan",
             "account": "Account",
+            "falukant": "Falukant",
             "personal": "Kaugalingon",
             "view": "Panagway",
             "flirt": "Flirt",
diff --git a/frontend/src/i18n/locales/de/navigation.json b/frontend/src/i18n/locales/de/navigation.json
index 5aaeefa..b065229 100755
--- a/frontend/src/i18n/locales/de/navigation.json
+++ b/frontend/src/i18n/locales/de/navigation.json
@@ -56,6 +56,7 @@
         "m-settings": {
             "homepage": "Startseite",
             "account": "Account",
+            "falukant": "Falukant",
             "personal": "Persönliches",
             "view": "Aussehen",
             "flirt": "Flirt",
diff --git a/frontend/src/i18n/locales/en/navigation.json b/frontend/src/i18n/locales/en/navigation.json
index 116bf75..593a2f5 100755
--- a/frontend/src/i18n/locales/en/navigation.json
+++ b/frontend/src/i18n/locales/en/navigation.json
@@ -56,6 +56,7 @@
         "m-settings": {
             "homepage": "Homepage",
             "account": "Account",
+            "falukant": "Falukant",
             "personal": "Personal",
             "view": "Appearance",
             "flirt": "Flirt",
diff --git a/frontend/src/i18n/locales/es/navigation.json b/frontend/src/i18n/locales/es/navigation.json
index 8fedb87..5b07bea 100755
--- a/frontend/src/i18n/locales/es/navigation.json
+++ b/frontend/src/i18n/locales/es/navigation.json
@@ -56,6 +56,7 @@
         "m-settings": {
             "homepage": "Página de inicio",
             "account": "Account",
+            "falukant": "Falukant",
             "personal": "Personal",
             "view": "Apariencia",
             "flirt": "Flirt",
diff --git a/frontend/src/i18n/locales/fr/navigation.json b/frontend/src/i18n/locales/fr/navigation.json
index 75d97f6..2fcac83 100755
--- a/frontend/src/i18n/locales/fr/navigation.json
+++ b/frontend/src/i18n/locales/fr/navigation.json
@@ -56,6 +56,7 @@
         "m-settings": {
             "homepage": "Page d'accueil",
             "account": "compte",
+            "falukant": "Falukant",
             "personal": "Persönliches",
             "view": "Regarder",
             "flirt": "flirter",
diff --git a/frontend/src/views/settings/FalukantView.vue b/frontend/src/views/settings/FalukantView.vue
index 969a94a..bd2db85 100644
--- a/frontend/src/views/settings/FalukantView.vue
+++ b/frontend/src/views/settings/FalukantView.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <h2>{{ $t("settings.falukant.title") }}</h2>
-        <SettingsWidget :settingsType="'falukant'" />
+        <SettingsWidget :settingsType="'falukant'" :show-visibility="false" />
     </div>
 </template>