core&ui: add problem_config

Co-authored-by: undefined <i@undefined.moe>

packages/ui-default/templates/partials/problem_sidebar_additional_file.html

@@ -0,0 +1,57 @@
+{% import "components/nothing.html" as nothing with context %}
+{% import "components/problem.html" as problem with context %}
+<div class="section side section--problem-sidebar-additional_file {{ 'expanded' if page_name == 'problem_edit' else 'collapsed'}}">
+  <div class="section__header">
+    <h1 class="section__title">{{ additional_file.length if additional_file.length else 0 }} {{_('Testdata')}}</h1>
+  </div>
+  <ol class="menu">
+    <li class="menu__item flex-row">
+      <a class="menu__link half" href="javascript:;" name="create_file">
+        <span class="icon icon-add"></span> {{ _('Create') }}
+      </a>
+      <a class="menu__link half" href="javascript:;" name="upload_file">
+        <span class="icon icon-upload"></span> {{ _('Upload') }}
+      </a>
+    </li>
+    <li class="menu__seperator"></li>
+    <li class="menu__item">
+      <a class="menu__link expanded--hidden" href="javascript:;" name="additional_file__section__expand">
+        <span class="icon icon-expand_more"></span> {{ _('expand') }}
+      </a>
+      <a class="menu__link collapsed--hidden" href="javascript:;" name="additional_file__section__collapse">
+        <span class="icon icon-expand_less"></span> {{ _('collapse') }}
+      </a>
+    </li>
+  </ol>
+  <div class="section__body no-padding problem-sidebar-additional_file__detail" data-fragment-id="problem-sidebar-additional_file">
+    {% if additional_file.length %}
+      <table class="data-table">
+        <colgroup>
+          <col class="col--name">
+          <col class="col--size">
+          <col class="col--operation">
+        </colgroup>
+        <thead>
+          <tr>
+            <th class="col--name">{{ _('Filename') }}</th>
+            <th class="col--size">{{ _('Size') }}</th>
+            <th class="col--operation"><span class="icon icon-wrench"></span></th>
+          </tr>
+        </thead>
+        <tbody>
+          {%- for file in additional_file -%}
+          <tr data-filename="{{ file.name }}" data-size="{{ file.size }}">
+            <td class="col--name" title="{{ file.name }}">
+              <a href="{{ url('problem_file_download', {pid: pdoc.docId, filename: file.name}) }}">{{ file.name }}</a>
+            </td>
+            <td class="col--size">{{ size(file.size) }}</td>
+            <td class="col--operation"><a href="javascript:;" name="{{ file.name }}"><span class="icon icon-delete"></span></a></td>
+          </tr>
+          {%- endfor -%}
+        </tbody>
+      </table>
+    {% else %}
+      {{ nothing.render('No additional file at current.',compact = true) }}
+    {% endif %}
+  </div>
+</div>

packages/ui-default/templates/partials/problem_sidebar_normal.html

@@ -83,6 +83,9 @@
       <li class="menu__item"><a class="menu__link{% if page_name == 'problem_edit' %} active{% endif %}" href="{{ url('problem_edit', pid=pdoc.pid|default(pdoc.docId)) }}">
         <span class="icon icon-edit"></span> {{ _('Edit') }}
       </a></li>
+      <li class="menu__item"><a class="menu__link{% if page_name == 'problem_config' %} active{% endif %}" href="{{ url('problem_config', pid=pdoc.pid|default(pdoc.docId)) }}">
+        <span class="icon icon-settings"></span> {{ _('Judge Config') }}
+      </a></li>
     {% endif %}
     {% if page_name == 'problem_detail' %}
       <li class="menu__seperator nojs--hide"></li>
@@ -100,14 +103,14 @@
     </ol>
   </div>
 </div>
-{% if page_name != 'problem_detail' and page_name != 'homework_detail_problem' and page_name != 'contest_detail_problem' %}
+{% if page_name not in ['problem_config', 'problem_detail', 'homework_detail_problem', 'contest_detail_problem'] %}
 <div class="section side">
   <div class="section__header">
     <h1 class="section__title">{{ _('Information') }}</h1>
   </div>
   {% include "partials/problem-sidebar-information.html" %}
 </div>
-{% elif page_name != 'contest_detail_problem' %}
+{% elif page_name != 'contest_detail_problem' and page_name != 'problem_config' %}
 <div class="section side nojs--hide">
   <div class="section__header">
     <h1 class="section__title">{{ _('Statistics') }}</h1>

packages/ui-default/templates/partials/problem_sidebar_testdata.html

@@ -0,0 +1,58 @@
+{% import "components/nothing.html" as nothing with context %}
+{% import "components/problem.html" as problem with context %}
+<div class="section side section--problem-sidebar-testdata collapsed">
+  <div class="section__header">
+    <h1 class="section__title">{{ testdata.length if testdata.length else 0 }} {{_('Testdata')}}</h1>
+  </div>
+  <ol class="menu">
+    <li class="menu__item flex-row">
+      <a class="menu__link half" href="javascript:;" name="create_file">
+        <span class="icon icon-add"></span> {{ _('Create') }}
+      </a>
+      <a class="menu__link half" href="javascript:;" name="upload_file">
+        <span class="icon icon-upload"></span> {{ _('Upload') }}
+      </a>
+    </li>
+    <li class="menu__seperator"></li>
+    <li class="menu__item flex-row">
+      <a class="menu__link half" href="javascript:;" name="upload_file">
+        <span class="icon icon-download"></span> {{ _('Download All') }}
+      </a>
+      <a class="menu__link half expanded--hidden" href="javascript:;" name="testdata__section__expand">
+        <span class="icon icon-expand_more"></span> {{ _('expand') }}
+      </a>
+      <a class="menu__link half collapsed--hidden" href="javascript:;" name="testdata__section__collapse">
+        <span class="icon icon-expand_less"></span> {{ _('collapse') }}
+      </a>
+    </li>
+  </ol>
+  <div class="section__body no-padding problem-sidebar-testdata__detail" data-fragment-id="problem-sidebar-testdata">
+    {% if testdata.length %}
+      <table class="data-table">
+        <colgroup>
+          <col class="col--name">
+          <col class="col--size">
+          <col class="col--operation">
+        </colgroup>
+        <thead>
+          <tr>
+            <th class="col--name">{{ _('Filename') }}</th>
+            <th class="col--size">{{ _('Size') }}</th>
+            <th class="col--operation"><span class="icon icon-wrench"></span></th>
+          </tr>
+        </thead>
+        <tbody>
+          {%- for file in testdata -%}
+          <tr data-filename="{{ file.name }}" data-size="{{ file.size }}">
+            <td class="col--name" title="{{ file.name }}"><a href="{{ url('problem_file_download', {pid: pdoc.docId, filename: file.name, query:{type:'testdata'} }) }}">{{ file.name }}</a></td>
+            <td class="col--size">{{ size(file.size) }}</td>
+            <td class="col--operation"><a href="javascript:;" name="{{ file.name }}"><span class="icon icon-delete"></span></a></td>
+          </tr>
+          {%- endfor -%}
+        </tbody>
+      </table>
+    {% else %}
+      {{ nothing.render('No testdata at current.',compact = true) }}
+    {% endif %}
+  </div>
+</div>

packages/ui-default/templates/problem_config.html

@@ -0,0 +1,21 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{_('Judge Config')}}</h1>
+      </div>
+      <div id="ProblemConfig" class="section__body">
+        {{ noscript_note.render() }}
+        <div class="loader-container"><div class="loader"></div></div>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% include "partials/problem_sidebar_testdata.html" %}
+    {% set owner_udoc = udoc %}
+    {% include "partials/problem_sidebar.html" %}
+  </div>
+</div>
+{% endblock %}

packages/ui-default/templates/problem_edit.html

@@ -92,14 +92,23 @@
     </div>
   </div>
   <div class="medium-3 columns">
-    <div class="section side visiable nojs--hide">
+    <div class="section side visiable nojs--hide section--problem-sidebar-tags {{ 'collapsed' if page_name == 'problem_edit' else 'expanded'}}">
       <div class="section__header">
         <h1 class="section__title">{{ _('Categories') }} ({{ _('click to add') }})</h1>
+        <div class="section__tools">
+          <a class="expanded--hidden" href="javascript:;" name="tags__section__expand">
+            <span class="icon icon-expand_more"></span>
+          </a>
+          <a class="collapsed--hidden" href="javascript:;" name="tags__section__collapse">
+            <span class="icon icon-expand_less"></span>
+          </a>
+        </div>
       </div>
-      <div class="section__body">
+      <div class="section__body problem-sidebar-tags__detail">
         {% include "partials/category.html" %}
       </div>
     </div>
+    {% include "partials/problem_sidebar_additional_file.html" %}
     {% if page_name == 'problem_edit' %}
       {% set owner_udoc = udoc %}
       {% include "partials/problem_sidebar.html" %}