ui: add markup

packages/ui-default/components/editor/cmeditor.page.js

@@ -9,6 +9,9 @@ function runSubstitute($container) {
   $container.find('textarea[data-yaml]').get().forEach((element) => {
     CmEditor.getOrConstruct($(element), { language: 'yaml' });
   });
+  $container.find('textarea[data-json]').get().forEach((element) => {
+    CmEditor.getOrConstruct($(element), { language: 'json' });
+  });
   $container.find('textarea[data-plain]').get().forEach((element) => {
     CmEditor.getOrConstruct($(element), { language: 'plain' });
   });

packages/ui-default/templates/problem_edit.html

@@ -43,11 +43,11 @@
               <li class="section__tab-header-item" data-lang="{{ _('__id') }}">{{ _('__langname') }}</li>
               {% for k, v in model.setting.SETTINGS_BY_KEY['viewLang'].range %}
                 {% if k != handler.user.viewLang %}
-              <li class="section__tab-header-item" data-lang="{{ k }}">{{ v }}</li>
-              {% endif %}
-            {% endfor %}
+                  <li class="section__tab-header-item" data-lang="{{ k }}">{{ v }}</li>
+                {% endif %}
+              {% endfor %}
             </ul>
-            </div>
+          </div>
           </div>
           <div><textarea data-editor{% if page_name == 'problem_edit' %} autofocus{% endif %} class="textbox auto-resize nojs--hide"></textarea></div>
           <textarea name="content" class="textbox hasjs--hide" data-markdown-upload style="height: 500px">{% if pdoc %}{{ pdoc['content']|toString }}{% else %}{% include 'partials/problem_default.md' %}{% endif %}</textarea>

packages/ui-default/templates/training_edit.html

@@ -37,7 +37,7 @@
           <div class="row"><div class="columns">
             <label>
               {{ _('Plan') }}
-              <textarea name="dag" class="textbox" style="height: 500px">{% if tdoc %}{{ dag }}{% else %}{% include 'partials/training_default.json' %}{% endif %}</textarea>
+              <textarea data-json name="dag" class="textbox" style="height: 500px">{% if tdoc %}{{ dag }}{% else %}{% include 'partials/training_default.json' %}{% endif %}</textarea>
             </label>
           </div></div>
           <div class="row"><div class="columns">