configured language

Author: hiddewie

proxy/index.html

@@ -209,19 +209,19 @@ <h5 class="modal-title">Map configuration</h5>
             <label class="form-label">Localization</label>
             <div>
               <div class="form-check form-check-inline">
-                <input class="form-check-input" type="radio" name="localization" id="localizationDisabled" value="label" checked onchange="onLocalizationChange('off');">
+                <input class="form-check-input" type="radio" name="localization" id="localizationDisabled" value="label" onchange="disableLocalization()">
                 <label class="form-check-label" for="localizationDisabled">Disabled</label>
               </div>
               <div class="form-check form-check-inline">
-                <input class="form-check-input" type="radio" name="localization" id="localizationAutomatic" value="name" onchange="onLocalizationChange('automatic');">
+                <input class="form-check-input" type="radio" name="localization" id="localizationAutomatic" value="name" checked onchange="automaticLocalization()">
                 <label class="form-check-label" for="localizationAutomatic">Automatic</label>
               </div>
               <div class="form-check form-check-inline" style="margin-right: 0.3rem">
-                <input class="form-check-input" type="radio" name="localization" id="localizationCustom" value="name" onchange="onLocalizationChange('custom', document.getElementById('localizationCustomLanguage').value);">
+                <input class="form-check-input" type="radio" name="localization" id="localizationCustom" value="name" onchange="customLocalization(document.getElementById('localizationCustomLanguage').value)">
                 <label class="form-check-label" for="localizationCustom">Custom: </label>
               </div>
               <div class="form-check form-check-inline" style="padding-left: 0; width: 5rem">
-                <input type="text" class="form-control" name="localization-language" onchange="onLocalizationChange('custom', this.value)" id="localizationCustomLanguage" />
+                <input type="text" class="form-control" name="localization-language" onchange="customLocalization(this.value)" id="localizationCustomLanguage" />
               </div>
             </div>
             <small class="form-text">

proxy/js/ui.js

@@ -665,6 +665,30 @@ function onStationLabelChange(stationlabel) {
   }
 }
 
+function disableLocalization() {
+  updateConfiguration('localization', 'disabled');
+}
+
+function automaticLocalization() {
+  updateConfiguration('localization', 'automatic');
+}
+
+function customLocalization(language) {
+  updateConfiguration('localization', 'custom');
+  updateConfiguration('localizationCustomLanguage', language);
+}
+
+function configuredLanguage() {
+  const localization = configuration.localization ?? defaultConfiguration.localization;
+  if (localization === 'automatic') {
+    return locale.language;
+  } else if (localization === 'disabled') {
+    return null;
+  } else if (localization === 'custom') {
+    return configuration.localizationCustomLanguage;
+  }
+}
+
 function resolveTheme(configuredTheme) {
   return configuredTheme === 'system'
     ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')