@shzlx/ui-default 4.58.2

package/templates/manage_user_priv.html

@@ -0,0 +1,76 @@
+{% extends "manage_base.html" %}
+{% block manage_content %}
+<div style="display: none" class="dialog__body--set-priv">
+  <div>
+    <div class="row"><div class="columns">
+      <h1>{{ _('Set Privilege') }}</h1>
+    </div></div>
+    {% set _mark = Math.ceil(Object.keys(Priv).length/3) %}
+    {% macro col(PRIVS) %}           
+      <div class="medium-4 columns">
+        <table class="data-table priv_table">
+          <colgroup>
+            <col class="col--description">
+            <col class="col--p">
+          </colgroup>
+          <thead>
+            <tr>
+              <th class="col--description">{{ _('Name') }}</th>
+              <th class="col--p">{{ _('Privilege') }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            {%- for p in PRIVS -%}
+            <tr>
+              <td class="col--description">
+                {{ _(p) }}
+              </td>
+              <td class="col--p">
+                <label class="compact checkbox">
+                  <input class="priv" name="{{ p }}" data-checkbox-group="priv" data-checkbox-range value="{{ Priv[p] }}" type="checkbox">
+                </label>
+              </td>
+            </tr>
+            {%- endfor -%}
+          </tbody>
+        </table>
+      </div>
+    {% endmacro %}
+    <div class="row">
+      {{ col(Object.keys(Priv).slice(0, _mark)) }}
+      {{ col(Object.keys(Priv).slice(_mark, _mark*2)) }}
+      {{ col(Object.keys(Priv).slice(_mark*2, _mark*3)) }}
+    </div>
+  </div>
+</div>
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('User Privilege') }}</h1>
+    <div class="section__tools">
+      <button class="primary rounded button" name="select_user"><span class="icon icon-search"></span>{{ _('Select User') }}</button>
+    </div>
+  </div>
+  {{ noscript_note.render() }}
+  <div class="section__body no-padding">
+    <table class="data-table">
+      <colgroup>
+        <col class="col--uid">
+        <col class="col--user">
+        <col class="col--priv_info">
+        <col class="col--priv">
+        <col class="col--actions">
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--uid">{{ _('User ID') }}</th>
+          <th class="col--user">{{ _('Username') }}</th>
+          <td class="col--priv_info">{{ _('Privilege') }}</th>
+          <th class="col--priv">{{ _('Value') }}</th>
+          <th class="col--actions">{{ _('Actions') }}</th>
+        </tr>
+      </thead>
+      {% include "partials/manage_user_priv.html" %}
+    </table>
+  </div>
+</div>
+{% endblock %}

package/templates/partials/category.html

@@ -0,0 +1,19 @@
+<ul class="group-list" data-widget-cf-container>
+  {% set _categories = handler.ctx.setting.get('problem.categories')|parseYaml %}
+  {%- for category, sub_categories in _categories -%}
+    <li class="group-list__item">
+      <h2 class="section__title">
+        <a href="{{ url('problem_main', query={q:'category:'+category}) }}">{{ category }}</a>
+      </h2>
+      {% if sub_categories | length > 0 %}
+        <ol class="chip-list">
+          {%- for sub_category in sub_categories -%}
+            <li class="chip-list__item">
+              <a class="typo-a" href="{{ url('problem_main', query={q:'category:'+sub_category}) }}">{{ sub_category }}</a>
+            </li>
+          {%- endfor -%}
+        </ol>
+      {% endif %}
+    </li>
+  {%- endfor -%}
+</ul>

package/templates/partials/contest.html

@@ -0,0 +1,3 @@
+<a class="discussion-node-tag media-link" href="{{ url('contest_detail', domainId=tdoc.domainId, tid=tdoc.docId) }}">
+  <span class="v-center icon icon-award"></span>{{ tdoc.title }}
+</a>

package/templates/partials/contest_balloon.html

@@ -0,0 +1,37 @@
+{% import "components/user.html" as user with context %}
+{% import "components/contest.html" as contest with context %}
+<tbody data-fragment-id="constest_balloon-tbody">
+  {%- for bdoc in bdocs -%}
+  <tr data-bid="{{ bdoc.bid }}">
+    {% if bdoc.sent %}
+      <td class="col--status record-status--border pass">
+        <span class="icon record-status--icon pass"></span>
+        <span class="record-status--text pass">{{ _('Sent') }}</span>
+      </td>
+    {% else %}
+      <td class="col--status record-status--border pending">
+        <span class="icon record-status--icon pending"></span>
+        <span class="record-status--text pending">{{ _('Waiting') }}</span>
+      </td>
+    {% endif %}
+    <td class="col--bid">{{ bdoc._id.toHexString()|truncate(8,true,'') }}</td>
+    <td class="col--problem col--problem-name" style="color:{{ tdoc.balloon[bdoc.pid].color }}">
+      {% if not bdoc.sent %}
+        <form class="form--inline" method="post">
+          <input type="hidden" name="balloon" value="{{ bdoc._id.toHexString() }}">
+          <button type="submit" name="operation" value="done" class="link text-maroon lighter" data-balloon="{{ bdoc._id.toHexString() }}">
+            <span class="icon icon-send"></span>
+            {{ _('Send') }}
+          </button> 
+        </form>
+      {% endif %}
+      <b>{{ utils.getAlphabeticId(tdoc.pids.indexOf(bdoc.pid)) }}</b>&nbsp;&nbsp;({{ tdoc.balloon[bdoc.pid].name }})
+    </td>
+    <td class="col--submit-by" data-tooltip="{{ bdoc._id.getTimestamp() }}">{{ user.render_inline(udict[bdoc.uid], badge=false) }}</td>
+    <td class="col--send-by"{% if bdoc.sent %} data-tooltip="{{ bdoc.sentAt }}"{% endif %}>
+      {% if bdoc.sent %}{{ user.render_inline(udict[bdoc.sent], avatar=false, badge=false) }}{% else %}-{% endif %}
+    </td>
+    <td class="col--awards">{% if bdoc.first %}{{ _('First of Problem') }}{% endif %}</td>
+  </tr>
+  {%- endfor -%}
+</tbody>

package/templates/partials/contest_sidebar.html

@@ -0,0 +1,150 @@
+{% import "components/user.html" as user with context %}
+{% import "components/contest.html" as contest with context %}
+<div class="section side">
+{% if page_name != 'contest_detail' %}
+  <a class="contest-sidebar__bg" href="{{ url('contest_detail', tid=tdoc.docId) }}">
+    <div class="section__body">
+      <h1>{{ tdoc.title }}</h1>
+      <div class="contest-sidebar__status">
+      {% if tsdoc.attend %}
+        <span class="icon icon-check"></span> {{ _('Attended') }}
+      {% else %}
+        <span class="icon icon-schedule"></span> {{ _('Not Attended') }}
+      {% endif %}
+      </div>
+    </div>
+  </a>
+{% endif %}
+  <div>
+    <ol class="menu">
+    {% if page_name == 'discussion_node' or page_name == 'discussion_detail' %}
+    {% if handler.user.hasPerm(perm.PERM_CREATE_DISCUSSION) %}
+      <li class="menu__item"><a class="menu__link highlight" href="{{ url('discussion_create', type='contest', name=tdoc.docId) }}">
+        <span class="icon icon-add"></span> {{ _('Create a Discussion') }}
+      </a></li>
+    {% else %}
+      {% if not handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+        <li class="menu__item"><a class="menu__link" href="javascript:showSignInDialog();">
+        <span class="icon icon-add"></span> {{ _('Login to Create a Discussion') }}</a></li>
+      {% elif not handler.user._dudoc.join %}
+        <li class="menu__item"><a class="menu__link" href="/domain/join?target={{ tdoc.domainId }}">
+        <span class="icon icon-add"></span> {{ _('Join Domain to Create a Discussion') }}</a></li>
+      {% else %}
+        <li class="menu__item"><a class="menu__link disabled" href="javascript:;">
+        <span class="icon icon-add"></span> {{ _('No Permission to Create a Discussion') }}</a></li>
+      {% endif %}
+    {% endif %}
+      <li class="menu__seperator"></li>
+    {% endif %}
+    {% if page_name != 'contest_detail' %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_detail', tid=tdoc.docId) }}">
+        <span class="icon icon-award"></span> {{ _('View Contest') }}
+      </a></li>
+    {% endif %}
+    {% if not (tsdoc.attend) and not model.contest.isDone(tdoc) %}
+      <li class="menu__item">
+    {% if handler.user.hasPerm(perm.PERM_ATTEND_CONTEST) and handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+      <form action="{{ url('contest_detail', tid=tdoc.docId) }}" method="POST">
+        <input type="hidden" name="operation" value="attend">
+        <button class="menu__link" {% if tdoc._code %}data-contest-code{% endif %} type="submit">
+          <span class="icon icon-add"></span> {{ _('Attend Contest') }}
+        </button>
+      </form>
+    {% elif not handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+        <a class="menu__link" href="javascript:showSignInDialog()">
+          <span class="icon icon-add"></span> {{ _('Login to Attend Contest') }}
+        </a>
+    {% elif not handler.user._dudoc.join %}
+        <a class="menu__link" href="/domain/join?target={{ tdoc.domainId }}">
+          <span class="icon icon-add"></span> {{ _('Join Domain to Attend Contest') }}
+        </a>
+    {% else %}
+        <a class="menu__link disabled" href="javascript:;">
+          <span class="icon icon-add"></span> {{ _('No Permission to Attend Contest') }}
+        </a>
+    {% endif %}
+      </li>
+    {% else %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_problemlist', tid=tdoc.docId) }}">
+        <span class="icon icon-unordered_list"></span> {{ _('Problem List') }}
+      </a></li>
+      {% if page_name == 'contest_detail' and tsdoc.attend and model.contest.isOngoing(tdoc, tsdoc) and tdoc.rule !== 'homework' %}
+      <li class="menu__item">
+        <form action="{{ url('contest_detail', tid=tdoc.docId) }}" method="POST" onsubmit='return confirm({{ _("Confirm end contest early? You will not be able to submit after this.")|json|safe }});'>
+          <input type="hidden" name="operation" value="early_end">
+          <button class="menu__link" type="submit">
+            <span class="icon icon-delete"></span> {{ _('End Contest Early') }}
+          </button>
+        </form>
+      </li>
+      {% endif %}
+    {% endif %}{# not attend and not done #}
+    {% if model.contest.canShowScoreboard.call(handler, tdoc, False) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_scoreboard', tid=tdoc.docId) }}">
+        <span class="icon icon-statistics"></span> {{ _('Scoreboard') }}
+      </a></li>
+    {% elif model.contest.canViewHiddenScoreboard.call(handler, tdoc) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_scoreboard', tid=tdoc.docId) }}">
+        <span class="icon icon-statistics"></span> {{ _('Scoreboard (Hidden)') }}
+      </a></li>
+    {% endif %}
+    {% if tdoc.allowPrint and (tsdoc.attend or handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_EDIT_CONTEST)) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_print', tid=tdoc.docId) }}">
+        <span class="icon icon-print"></span> {{ _('Print') }}
+      </a></li>
+    {% endif %}
+    {% if handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_EDIT_CONTEST) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_edit', tid=tdoc.docId) }}">
+        <span class="icon icon-edit"></span> {{ _('Edit Contest') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_manage', tid=tdoc.docId) }}">
+        <span class="icon icon-settings"></span> {{ _('Contest Management') }}
+      </a></li>
+    {% endif %}
+    {% if handler.user.own(tdoc) or handler.user.hasPriv(PRIV.PRIV_READ_RECORD_CODE) or handler.user.hasPerm(perm.PERM_READ_RECORD_CODE) %}
+      {% if model.contest.canShowRecord.call(handler, tdoc, true) %}
+        <li class="menu__item"><a class="menu__link" href="{{ url('contest_code', tid=tdoc.docId) }}" data-no-instant>
+          <span class="icon icon-download"></span> {{ _('Export All Code') }}
+        </a></li>
+      {% endif %}
+    {% endif %}
+    {% if handler.user.hasPerm(perm.PERM_VIEW_DISCUSSION) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('discussion_node', type='contest', name=tdoc.docId) }}">
+        <span class="icon icon-comment--text"></span> {{ _('Discussion') }}
+      </a></li>
+    {% endif %}
+    {% if handler.user.own(tdoc) or handler.user.hasPriv(PRIV.PRIV_READ_RECORD_CODE) or handler.user.hasPerm(perm.PERM_READ_RECORD_CODE) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('record_main', query={tid:tdoc.docId}) }}">
+        <span class="icon icon-flag"></span> {{ _('All Submissions') }}
+      </a></li>
+    {% endif %}
+    {% if tsdoc.attend and model.contest.canShowSelfRecord.call(handler, tdoc) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('record_main', query={tid:tdoc.docId, uidOrName:handler.user._id}) }}">
+        <span class="icon icon-flag"></span> {{ _('My Submissions') }}
+      </a></li>
+    {% endif %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('wiki_help', anchor='contest') }}">
+        <span class="icon icon-help"></span> {{ _('Help') }}
+      </a></li>
+      <li class="menu__seperator"></li>
+    </ol>
+  </div>
+  <div class="section__body typo">
+    <dl class="large horizontal">
+      <dt>{{ _('Status') }}</dt>
+      <dd>
+        {{ _(model.contest.statusText(tdoc, tsdoc)) }}
+        {% if tsdoc.attend %}
+          ({{ _('Attended') }})
+        {% endif %}
+      </dd>
+      <dt>{{ _('Rule') }}</dt><dd>{{ _(model.contest.RULES[tdoc.rule].TEXT) }}</dd>
+      <dt>{{ _('Problem') }}</dt><dd>{{ tdoc.pids.length }}</dd>
+      <dt>{{ _('Start at') }}</dt><dd>{{ contest.render_time(tsdoc.startAt or tdoc.beginAt) }}</dd>
+      <dt>{{ _('End at') }}</dt><dd>{{ contest.render_time(tsdoc.endAt or tdoc.endAt) }}</dd>
+      <dt>{{ _('Duration') }}</dt><dd>{{ contest.render_duration(tdoc) }} {{ _('hour(s)') }}</dd>
+      <dt>{{ _('Host') }}</dt><dd>{{ user.render_inline(owner_udoc, badge=false) }}</dd>
+      <dt>{{ _('Partic.') }}</dt><dd>{{ tdoc['attend']|default(0) }}</dd>
+    </dl>
+  </div>
+</div>

package/templates/partials/contest_sidebar_management.html

@@ -0,0 +1,56 @@
+{% import "components/user.html" as user with context %}
+{% import "components/contest.html" as contest with context %}
+<div class="section side">
+  <a class="contest-sidebar__bg" href="{{ url('contest_detail', tid=tdoc.docId) }}">
+    <div class="section__body">
+      <h1>{{ tdoc.title }}</h1>
+    </div>
+  </a>
+  <div>
+    <ol class="menu">
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_detail', tid=tdoc.docId) }}">
+        <span class="icon icon-award"></span> {{ _('View Contest') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_manage', tid=tdoc.docId) }}">
+        <span class="icon icon-settings"></span> {{ _('Contest Management') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_edit', tid=tdoc.docId) }}">
+        <span class="icon icon-edit"></span> {{ _('Edit Contest') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_user', tid=tdoc.docId) }}">
+        <span class="icon icon-user"></span> {{ _('Attendee Manage') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_code', tid=tdoc.docId) }}" data-no-instant>
+        <span class="icon icon-download"></span> {{ _('Export All Code') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('record_main', query={tid:tdoc.docId}) }}">
+        <span class="icon icon-flag"></span> {{ _('All Submissions') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_balloon', tid=tdoc.docId) }}">
+        <span class="icon icon-balloon"></span> {{ _('Balloon Status') }}
+      </a></li>
+      <li class="menu__item"><a class="menu__link" href="{{ url('contest_clarification', tid=tdoc.docId) }}">
+        <span class="icon icon-comment--text"></span> {{ _('Contest Clarifications') }}
+      </a></li>
+      <li class="menu__seperator"></li>
+    </ol>
+  </div>
+  <div class="section__body typo">
+    <dl class="large horizontal">
+      <dt>{{ _('Status') }}</dt>
+      <dd>
+        {{ _(model.contest.statusText(tdoc, tsdoc)) }}
+        {% if tsdoc.attend %}
+          ({{ _('Attended') }})
+        {% endif %}
+      </dd>
+      <dt>{{ _('Rule') }}</dt><dd>{{ model.contest.RULES[tdoc.rule].TEXT }}</dd>
+      <dt>{{ _('Problem') }}</dt><dd>{{ tdoc.pids.length }}</dd>
+      <dt>{{ _('Start at') }}</dt><dd>{{ contest.render_time(tsdoc.startAt or tdoc.beginAt) }}</dd>
+      <dt>{{ _('End at') }}</dt><dd>{{ contest.render_time(tsdoc.endAt or tdoc.endAt) }}</dd>
+      <dt>{{ _('Duration') }}</dt><dd>{{ contest.render_duration(tdoc) }} {{ _('hour(s)') }}</dd>
+      <dt>{{ _('Host') }}</dt><dd>{{ user.render_inline(owner_udoc, badge=false) }}</dd>
+      <dt>{{ _('Partic.') }}</dt><dd>{{ tdoc['attend']|default(0) }}</dd>
+    </dl>
+  </div>
+</div>

package/templates/partials/contest_user.html

@@ -0,0 +1,19 @@
+{% import "components/user.html" as user with context %}
+{% import "components/contest.html" as contest with context %}
+<tbody data-fragment-id="constest_user-tbody">
+  {%- for tsdoc in tsdocs -%}
+  <tr data-uid="{{ tsdoc.uid }}">
+    <td class="col--uid">{{ tsdoc.uid }}</td>
+    <td class="col--user">{{ user.render_inline(udict[tsdoc.uid], badge=false) }}</td>
+    <td class="col--start-time">{{ contest.render_time(tsdoc.startAt or tdoc.beginAt) }}</td>
+    <td class="col--end-time">{{ contest.render_time(tsdoc.endAt or tdoc.endAt) }}</td>
+    <td class="col--rank">{{ _('UnRank') if tsdoc.unrank else _('Rank') }}</td>
+    <td class="col--actions">
+      <a name="edit_rank" data-uid="{{ tsdoc.uid }}">{{ _('Rank') if tsdoc.unrank else _('UnRank') }}</a>
+      {% if tsdoc.endAt and tsdoc.endAt < tdoc.endAt and tdoc.endAt.getTime() > Date.now() and (not tdoc.duration or not tsdoc.startAt or tsdoc.startAt.getTime() + tdoc.duration * 3600000 > Date.now()) %}
+      | <a name="resume_contest" data-uid="{{ tsdoc.uid }}">{{ _('Resume') }}</a>
+      {% endif %}
+    </td>
+  </tr>
+  {%- endfor -%}
+</tbody>

package/templates/partials/discussion_edit_form.html

@@ -0,0 +1,45 @@
+{% import "components/form.html" as form with context %}
+<div class="row">
+  <div class="medium-8 columns">
+    <label>
+      {{ _('Title') }}
+      <input 
+        name="title" placeholder="{{ _('title') }}"
+        value="{{ ddoc.title|default('') }}"
+        class="textbox" autofocus>
+    </label>
+  </div>
+  <div class="medium-2 columns">
+    <label>
+      <br>
+      <label class="checkbox">
+        <input type="checkbox" name="highlight" value="on" class="checkbox"
+          {%- if ddoc.highlight %} checked{% endif -%}
+          {%- if not handler.user.hasPerm(perm.PERM_HIGHLIGHT_DISCUSSION) %} disabled{% endif -%}
+        >{{ _('Highlight') }}
+      </label>
+    </label>
+  </div>
+  <div class="medium-2 columns">
+    <label>
+      <br>
+      <label class="checkbox">
+        <input type="checkbox" name="pin" value="on" class="checkbox"
+          {%- if ddoc.pin %} checked{% endif -%}
+          {%- if not handler.user.hasPerm(perm.PERM_PIN_DISCUSSION) %} disabled{% endif -%}
+        >{{ _('Pin') }}
+      </label>
+    </label>
+  </div>
+</div>
+{{ form.form_textarea({
+      columns:12,
+      label:'Content',
+      name:'content',
+      value:ddoc.content|default(''),
+      hotkeys:'ctrl+enter:submit',
+      markdown:true,
+      required:true,
+      extra_style:'height: 500px',
+      extra_textarea_class:'auto-resize'
+    }) }}

package/templates/partials/discussion_list.html

@@ -0,0 +1,50 @@
+{% import "components/nothing.html" as nothing with context %}
+{% import "components/user.html" as user with context %}
+{% import "components/paginator.html" as paginator with context %}
+{% if not ddocs.length %}
+  {{ nothing.render('No discussion yet...') }}
+{% else %}
+  <ol class="section__list discussion__list">
+  {%- for ddoc in ddocs -%}
+    <li class="section__list__item discussion__item{% if ddoc.highlight %} highlight{% endif %}">
+      <div class="media">
+        <div class="media__left">
+          <div class="discussion__replies numbox">
+            <div class="numbox__num large">{{ ddoc.nReply }}</div>
+            <div class="numbox__text">{{ _('Comments') }}</div>
+          </div>
+        </div>
+        <div class="media__body top">
+          <h1 class="discussion__title"><a href="{{ url('discussion_detail', did=ddoc._id, anchor=ddoc.updateAt.getTime()) }}" data-emoji-enabled>{{ ddoc['title'] }}</a></h1>
+          <ul class="supplementary list">
+            <li>
+              <a class="discussion-node-tag" href="{{ url('discussion_node', type=model.discussion.typeDisplay[ddoc.parentType], name=ddoc.parentId) }}">
+              {% if ddoc.parentType == model.document.TYPE_PROBLEM %}
+                <span class="v-center icon icon-tag"></span>
+              {% elif ddoc.parentType == model.document.TYPE_CONTEST %}
+                <span class="v-center icon icon-award"></span>
+              {% else %}
+                <span class="v-center icon icon-flag"></span>
+              {% endif %}
+                {{ vndict[ddoc.parentType][ddoc.parentId].title|default(_('(missing)')) }}
+              </a>
+            </li>
+            <li>{{ _('{0} views').format(ddoc.views) }}</li>
+            <li>
+              {{ user.render_inline(udict[ddoc.owner], badge=false) }}
+              @
+              {{ datetimeSpan(ddoc.updateAt)|safe }}
+            </li>
+            {%- if ddoc.hidden -%}
+              <li class="text-orange">({{ _('Hidden') }})</li>
+            {%- endif -%}
+          </ul>
+        </div>
+      </div>
+    </li>
+  {%- endfor -%}
+  </ol>
+  {% if page != undefined and dpcount != undefined %}
+  {{ paginator.render(page, dpcount) }}
+  {% endif %}
+{% endif %}

package/templates/partials/discussion_nodes_widget.html

@@ -0,0 +1,17 @@
+<div class="section side">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('Discussion Nodes') }}</h1>
+  </div>
+  <div class="section__body"><ul class="group-list">
+  {%- for category, nodes in vnodes|groupby('content') -%}
+    <li class="group-list__item">
+      <h2 class="section__title">{{ category }}</h2>
+      <ol class="chip-list">
+      {%- for node in nodes -%}
+        <li class="chip-list__item"><a class="typo-a" href="{{ url('discussion_node', type=model.discussion.typeDisplay[model.document.TYPE_DISCUSSION_NODE], name=node.docId) }}">{{ node.docId }}</a></li>
+      {%- endfor -%}
+      </ol>
+    </li>
+  {%- endfor -%}
+  </ul></div>
+</div>

package/templates/partials/files.html

@@ -0,0 +1,49 @@
+{% import "components/nothing.html" as nothing with context %}
+<div class="section__body no-padding files" {% if filetype %}data-type="{{ filetype }}"{% endif %} data-fragment-id="files{% if filetype %}-{{ filetype }}{% endif %}">
+  {% if files.length %}
+    <table class="data-table">
+      <colgroup>
+        {% if not sidebar %}<col class="col--checkbox">{% endif %}
+        <col class="col--name">
+        <col class="col--size">
+        <col class="col--operation">
+      </colgroup>
+      <thead>
+        <tr>
+          {% if not sidebar %}
+          <th class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" name="select_all" data-checkbox-toggle="{{ filetype|default('files') }}">
+            </label>
+          </th>
+          {% endif %}
+          <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 files -%}
+        <tr data-filename="{{ file.name }}" data-size="{{ file.size }}">
+          {% if not sidebar %}
+          <td class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" data-checkbox-group="{{ filetype|default('files') }}" data-checkbox-range>
+            </label>
+          </td>
+          {% endif %}
+          <td class="col--name" data-preview>
+            <a href="{{ urlForFile(file.name, filetype) }}">{{ file.name }}</a>
+          </td>
+          <td class="col--size">{{ size(file.size) }}</td>
+          <td class="col--operation">
+            <a href="{{ urlForFile(file.name, filetype) }}" class="icon icon-download"></a>
+          </td>
+        </tr>
+        {%- endfor -%}
+      </tbody>
+    </table>
+  {% else %}
+    {{ nothing.render('There are no files currently.', compact=true) }}
+  {% endif %}
+</div>

package/templates/partials/footer.html

@@ -0,0 +1,108 @@
+<div class="footer">
+  <div class="row"><div class="columns">
+  {% if show_topics|default(true) %}
+    <div class="row footer__links">
+      <div class="medium-3 large-2 columns footer__category expandable">
+        <h1>
+          {{ _('Status') }}
+          <span class="expand-icon">
+            <span class="icon icon-expand_more"></span>
+          </span>
+        </h1>
+        <div class="footer__category__expander"><ul class="footer__category__list">
+          <li class="footer__category__item"><a href="{{ url('record_main') }}">{{ _('Judging Queue') }}</a></li>
+          <li class="footer__category__item"><a href="{{ url('status') }}">{{ _('Service Status') }}</a></li>
+        </ul></div>
+      </div>
+      <div class="medium-3 large-2 columns footer__category expandable">
+        <h1>
+          {{ _('Development') }}
+          <span class="expand-icon">
+            <span class="icon icon-expand_more"></span>
+          </span>
+        </h1>
+        <div class="footer__category__expander"><ul class="footer__category__list">
+          <li class="footer__category__item"><a href="https://github.com/hydro-dev/Hydro" target="_blank">{{ _('Open Source') }}</a></li>
+        </ul></div>
+      </div>
+      <div class="medium-3 large-2 columns footer__category expandable">
+        <h1>
+          {{ _('Support') }}
+          <span class="expand-icon">
+            <span class="icon icon-expand_more"></span>
+          </span>
+        </h1>
+        <div class="footer__category__expander"><ul class="footer__category__list">
+          <li class="footer__category__item"><a href="{{ url('wiki_help') }}">{{ _('Help') }}</a></li>
+          <li class="footer__category__item"><a href="{{ url('wiki_about', anchor='contact') }}">{{ _('Contact Us') }}</a></li>
+        </ul></div>
+      </div>
+      <div class="medium-3 large-2 columns footer__category expandable end">
+        <h1>
+          {{ _('About') }}
+          <span class="expand-icon">
+            <span class="icon icon-expand_more"></span>
+          </span>
+        </h1>
+        <div class="footer__category__expander"><ul class="footer__category__list">
+          <li class="footer__category__item"><a href="{{ url('wiki_about') }}">{{ _('About') }}</a></li>
+          <li class="footer__category__item"><a href="{{ url('wiki_about', anchor='privacy') }}">{{ _('Privacy') }}</a></li>
+          <li class="footer__category__item"><a href="{{ url('wiki_about', anchor='tos') }}">{{ _('Terms of Service') }}</a></li>
+          <li class="footer__category__item"><a href="{{ url('wiki_about', anchor='contact') }}">{{ _('Copyright Complaint') }}</a></li>
+        </ul></div>
+      </div>
+    </div>
+  {% endif %}
+    <div class="footer__extra-link clearfix">
+      <div class="footer__extra-left">
+        <ol class="clearfix">
+          {% if not show_topics|default(true) %}
+          <li class="footer__extra-link-item"><a href="{{ url('wiki_about') }}">{{ _('About') }}</a></li>
+          <li class="footer__extra-link-item"><a href="{{ url('wiki_about', anchor='contact') }}">{{ _('Contact Us') }}</a></li>
+          <li class="footer__extra-link-item"><a href="{{ url('wiki_about', anchor='privacy') }}">{{ _('Privacy') }}</a></li>
+          <li class="footer__extra-link-item"><a href="{{ url('wiki_about', anchor='tos') }}">{{ _('Terms of Service') }}</a></li>
+          <li class="footer__extra-link-item"><a href="{{ url('wiki_about', anchor='contact') }}">{{ _('Copyright Complaint') }}</a></li>
+          {% endif %}
+          <li class="footer__extra-link-item nojs--hide" data-dropdown-target="#menu-footer-lang">
+            <span><span class="icon icon-global"></span> Language <span class="icon icon-expand_less"></span></span>
+            <ol class="dropdown-target menu" id="menu-footer-lang">
+            {%- for k, v in model.setting.SETTINGS_BY_KEY['viewLang'].range -%}
+              <li class="menu__item"><a class="menu__link" href="{{ url('switch_language', lang=k) }}">{{ v }}</a></li>
+            {%- endfor -%}
+            </ol>
+          </li>
+          <li class="footer__extra-link-item">
+            {% if handler.session.legacy %}
+              <a href="/legacy">{{ _('Standard mode') }}</a>
+            {% else %}
+              <a href="/legacy?legacy=true">{{ _('Legacy mode') }}</a>
+            {% endif %}
+          </li>
+          <li class="footer__extra-link-item nojs--hide" data-dropdown-target="#menu-footer-theme">
+            <span><span class="icon icon-global"></span> {{ _('Theme') }} <span class="icon icon-expand_less"></span></span>
+            <ol class="dropdown-target menu" id="menu-footer-theme">
+              <li class="menu__item"><a class="menu__link" href="{{ url('set_theme', theme='light') }}">{{ _('Light') }}</a></li>
+              <li class="menu__item"><a class="menu__link" href="{{ url('set_theme', theme='dark') }}">{{ _('Dark') }}</a></li>
+            </ol>
+          </li>
+        </ol>
+      </div>
+      <div class="footer__extra-right">
+        <ol class="clearfix">
+          {%- for html in (handler.domain.ui.footer_extra_html|default('')).split('\n') -%}
+            <li class="footer__extra-link-item">{{ html|safe }}</li>
+          {%- endfor -%}
+          {%- for html in (model.system.get('ui-default.footer_extra_html')|default('')).split('\n') -%}
+            <li class="footer__extra-link-item">{{ html|safe }}</li>
+          {%- endfor -%}
+          <li class="footer__extra-link-item">Worker {{ process.env.NODE_APP_INSTANCE }}, {{ Date.now() - handler.args.__start }}ms</li>
+          <!-- Prepare {{ handler.args.__prepareDone - handler.args.__prepare }}ms -->
+          <!-- Method {{ handler.args.__methodDone - handler.args.__method }}ms -->
+          {# You are not permitted to hide, edit or remove the following copyright info unless you have purchased an active enterprise license. #}
+          {# 除非您已购买了有效的企业版授权，否则您不得隐藏、修改或移除下方的版权信息。 #}
+          <li class="footer__extra-link-item">Powered by <a href="https://hydro.js.org">Hydro v{{ global.Hydro.version.hydrooj }}</a> {{ "Professional" if model.system.get('server.pro') else "Community" }}</li>
+        </ol>
+      </div>
+    </div>
+  </div></div>
+</div>