core&ui: optimize schema display

packages/hydrooj/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hydrooj",
-    "version": "3.16.9",
+    "version": "3.16.10",
     "bin": "bin/hydrooj.js",
     "main": "src/loader",
     "module": "src/loader",

packages/hydrooj/src/handler/manage.ts

@@ -186,9 +186,13 @@ class SystemSettingHandler extends SystemHandler {
 class SystemConfigHandler extends SystemHandler {
     async get() {
         this.response.template = 'manage_config.html';
+        let value = configSource;
+        try {
+            value = yaml.dump(Schema.intersect(SystemSettings)(yaml.load(configSource)));
+        } catch (e) { }
         this.response.body = {
             schema: Schema.intersect(SystemSettings).toJSON(),
-            value: configSource,
+            value,
         };
     }
 

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.39.23",
+  "version": "4.39.24",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",

packages/ui-default/templates/manage_config.html

@@ -11,7 +11,7 @@
             <textarea id="config" data-yaml data-model="hydro://system/setting.yaml" placeholder="" class="textbox">{{ value }}</textarea>
           </div>
         </label>
-        <p class="help-text" id="info"></p>
+        <pre class="help-text" id="info"></pre>
       </div>
     </div>
     <div class="row">