Fix: Make Advanced Settings Text Translatable #17220

assets/js/components/Config/PropertyCollapsible.vue

@@ -6,8 +6,8 @@
 			type="button"
 			@click="toggle"
 		>
-			<span v-if="open">Hide advanced settings</span>
-			<span v-else>Show advanced settings</span>
+			<span v-if="open">{{ $t("config.mqtt.hideAdvancedSettings") }}</span>
+			<span v-else>{{ $t("config.mqtt.showAdvancedSettings") }}</span>
 			<DropdownIcon class="icon" :class="{ iconUp: open }" />
 		</button>
 

i18n/de.toml

@@ -156,6 +156,7 @@ brokerLabel = "Server"
 description = "Verbinde evcc mit einem MQTT-Broker, um Daten mit anderen Systemen in deinem Netzwerk auszutauschen."
 descriptionClientId = "Autor der Nachrichten. Wenn leer, wird `evcc-[rand]` verwendet."
 descriptionTopic = "Leer lassen, um das Publizieren zu deaktivieren."
+hideAdvancedSettings = "Erweiterte einstellungen ausblenden"
 labelBroker = "Broker"
 labelCaCert = "Serverzertifikat (CA)"
 labelCheckInsecure = "Erlaube unsichere Verbindungen"
@@ -167,6 +168,7 @@ labelPassword = "Passwort"
 labelTopic = "Thema"
 labelUser = "Benutzer"
 publishing = "Veröffentlichen"
+showAdvancedSettings = "Erweiterte einstellungen anzeigen"
 title = "MQTT"
 
 [config.network]

i18n/en.toml

@@ -155,6 +155,7 @@ authentication = "Authentication"
 description = "Connect to an MQTT broker to exchange data with other systems on your network."
 descriptionClientId = "Author of the messages. If empty `evcc-[rand]` is used."
 descriptionTopic = "Leave empty to disable publishing."
+hideAdvancedSettings = "Hide advanced settings"
 labelBroker = "Broker"
 labelCaCert = "Server certificate (CA)"
 labelCheckInsecure = "Allow self-signed certificates"
@@ -166,6 +167,7 @@ labelPassword = "Password"
 labelTopic = "Topic"
 labelUser = "Username"
 publishing = "Publishing"
+showAdvancedSettings = "Show advanced settings"
 title = "MQTT"
 
 [config.network]