Improving config_json form and Fixing disabled languages

app/classes/web/panel_handler.py

@@ -902,6 +902,20 @@ class PanelHandler(BaseHandler):
                 with open(self.helper.settings_file, "r", encoding="utf-8") as f:
                     data = json.load(f)
                 page_data["config-json"] = data
+                page_data["availables_languages"] = []
+                page_data["all_languages"] = []
+
+                for file in sorted(
+                    os.listdir(
+                        os.path.join(self.helper.root_dir, "app", "translations")
+                    )
+                ):
+                    if file.endswith(".json"):
+                        if file.split(".")[0] not in self.helper.get_setting(
+                            "disabled_language_files"
+                        ):
+                            page_data["availables_languages"].append(file.split(".")[0])
+                        page_data["all_languages"].append(file.split(".")[0])
 
                 template = "panel/config_json.html"
 
@@ -961,7 +975,9 @@ class PanelHandler(BaseHandler):
                 os.listdir(os.path.join(self.helper.root_dir, "app", "translations"))
             ):
                 if file.endswith(".json"):
-                    if file not in self.helper.get_setting("disabled_language_files"):
+                    if file.split(".")[0] not in self.helper.get_setting(
+                        "disabled_language_files"
+                    ):
                         if file != str(page_data["languages"][0] + ".json"):
                             page_data["languages"].append(file.split(".")[0])
 
@@ -1172,7 +1188,9 @@ class PanelHandler(BaseHandler):
                 os.listdir(os.path.join(self.helper.root_dir, "app", "translations"))
             ):
                 if file.endswith(".json"):
-                    if file not in self.helper.get_setting("disabled_language_files"):
+                    if file.split(".")[0] not in self.helper.get_setting(
+                        "disabled_language_files"
+                    ):
                         if file != str(page_data["languages"][0] + ".json"):
                             page_data["languages"].append(file.split(".")[0])
 

app/config/config.json

@@ -3,8 +3,8 @@
     "https_port": 8443,
     "language": "en_EN",
     "cookie_expire": 30,
-  "cookie_secret": "random",
+    "cookie_secret": "\"random\"",
-  "apikey_secret": "random",
+    "apikey_secret": "\"random\"",
     "show_errors": true,
     "history_max_age": 7,
     "stats_update_frequency": 30,
@@ -14,8 +14,21 @@
     "max_log_lines": 700,
     "max_audit_entries": 300,
     "disabled_language_files": [
-    "lol_EN.json",
+        "cs_CS",
-    ""
+        "de_DE",
+        "es_ES",
+        "fi_FI",
+        "fy_NL",
+        "he_IL",
+        "hr_HR",
+        "id_ID",
+        "it_IT",
+        "lv_LV",
+        "nl_BE",
+        "nl_NL",
+        "pl_PL",
+        "pt_BR",
+        "zh_CN"
     ],
     "stream_size_GB": 1,
     "keywords": [

app/frontend/templates/panel/config_json.html

@@ -39,19 +39,37 @@
         <div class="card-body">
           <form id="config-form" class="forms-sample" method="post" action="/panel/config_json">
             {% raw xsrf_form_html() %}
+
             {% for item in data['config-json'].items() %}
-            <br />
+            <div class="form-group">
-            <br />
+              <label class="form" for="{{item[0]}}">{{item[0]}}
-            <label for="{{item[0]}}">{{item[0]}}
                 <small class="text-muted ml-1">
                 </small> </label>
-            {% if isinstance(item[1], list) %}
+              {% if item[0] == 'language' %}
-            <br>
+              <select name="{{item[0]}}" class="custom-select">
+                {% for lang in data['availables_languages'] %}
+                {% if lang == item[1] %}
+                <option selected>{{lang}}</option>
+                {% else %}
+                <option>{{lang}}</option>
+                {% end %}
+                {% end %}
+              </select>
+              {% elif item[0] == 'disabled_language_files' %}
+              <select id="lang_select" class="custom-select" size="{{ len(data['all_languages']) }}" multiple>
+                {% for lang in data['all_languages'] %}
+                {% if lang in item[1] %}
+                <option selected>{{lang}}</option>
+                {% else %}
+                <option>{{lang}}</option>
+                {% end %}
+                {% end %}
+              </select>
+              <textarea id="disabled_lang" name="{{item[0]}}" class="form-control list hidden" rows="{{ len(data['all_languages']) }}" value="{{','.join(item[1])}}" hidden>{{','.join(item[1])}}</textarea>
+              {% elif isinstance(item[1], list) %}
               <textarea value="{{','.join(item[1])}}" type="text" name="{{item[0]}}"
-              class="list">{{','.join(item[1])}}</textarea>
+                        class="form-control list">{{','.join(item[1])}}</textarea>
-            </ul>
               {% elif isinstance(item[1], bool) %}
-
               {% if item[1] == True %}
               <div style="margin-left: 30px;">
                 <input type="radio" class="form-check-input" name="{{item[0]}}" id="True" value="True" checked>
@@ -74,6 +92,7 @@
               <input type="text" class="form-control" name="{{item[0]}}" id="{{item[0]}}" value="{{ item[1]  }}" step="2"
                      min="0" required>
               {% end %}
+            </div>
             {% end %}
             <button class="btn btn-success" type="submit">Submit</button>
           </form>
@@ -109,6 +128,11 @@
     let uuid = uuidv4();
     var token = getCookie("_xsrf")
     e.preventDefault();
+
+    /* Convert multiple select to text list */
+    let selected_Lang = $('#lang_select').val();
+    $('#disabled_lang').val(selected_Lang);
+
     let class_list = document.getElementsByClassName("list");
     let form_json = convertFormToJSON($("#config-form"));
     for (let i = 0; i < class_list.length; i++) {