@shzlx/ui-default 4.58.2

package/templates/partials/nav.html

@@ -0,0 +1,138 @@
+{%- macro nav_item(item) -%}
+<li class="nav__list-item">
+  <a href="{{ url(item.name, item.args, query=item.args.query(handler) if typeof(item.args.query) == 'function' else item.args.query or {}) }}" class="nav__item{% if page_name.startsWith(item.args.prefix) %} nav--active{% endif %}">
+    {{ _(item.displayName or item.name) }}
+  </a>
+</li>
+{%- endmacro -%}
+
+<nav class="nav slideout-menu" id="menu">
+  <div class="row"><div class="columns clearfix">
+    <ol class="nav__list nav__list--main clearfix">
+      <li class="nav__list-item">
+        <a href="/"><img class="nav__logo" src="{{ ctx.setting.get('ui-default.nav_logo_dark') }}"></a>
+      </li>
+      {%- for item in overrideNav|default(ui.getNodes('Nav')) -%}{% if item.checker(handler) %}
+        {{ nav_item(item) }}
+      {% endif %}{%- endfor -%}
+    </ol>
+    <ol class="nav__list nav__list--secondary clearfix">
+    {% if not handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+      <li class="nav__list-item"><a href="{{ url('user_login') }}" class="nav__item" name="nav_login">{{ _('Login') }}</a></li>
+      {% if handler.user.hasPriv(PRIV.PRIV_REGISTER_USER) and model.system.get('server.login') %}
+      <li class="nav__list-item"><a href="{{ url('user_register') }}" class="nav__item--round">{{ _('Sign Up') }}</a></li>
+      {% endif %}
+      <li class="nav__list-item nojs--hide" data-dropdown-pos="bottom right" data-dropdown-custom-class="nav__dropdown" data-dropdown-target="#menu-nav-user" data-dropdown-disabledconstrainToWindow data-dropdown-trigger-desktop-only>
+        <a href="javascript:;" class="nav__item">
+          <span class="icon icon-global"></span>Language <span class="icon icon-expand_more"></span>
+        </a>
+        <ol class="dropdown-target menu" id="menu-nav-user">
+          {%- 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>
+    {% else %}
+    {% if model.system.get('ui-default.domainNavigation') %}
+      <li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-custom-class="nav__dropdown" data-dropdown-target="#menu-nav-domain" data-dropdown-disabledconstrainToWindow data-dropdown-trigger-desktop-only>
+        <span class="nav__item"><span class="icon"><img class="small user-profile-avatar v-center" loading="lazy" src="{{ avatarUrl(UiContext.domain.avatar|default('')) }}" width="20" height="20"></span> {{ UiContext.domain.name }} <span class="icon icon-expand_more nojs--hide"></span></span>
+        <ol class="dropdown-target menu" id="menu-nav-domain">
+          {%- if handler.user.domains|length -%}
+          {%- for ddoc in handler.user.domains -%}
+            <li class="menu__item">
+              <a href="{{ url('homepage', domainId=ddoc['_id']) }}" class="menu__link">
+                <span class="icon"><img class="small user-profile-avatar v-center" loading="lazy" src="{{ avatarUrl(ddoc.avatar|default('')) }}" width="20" height="20"></span>
+                {{ ddoc['name'] }}{% if ddoc['name'] != ddoc['_id']%} ({{ ddoc['_id'] }}){% endif %}
+              </a>
+            </li>
+          {%- endfor -%}
+          <li class="menu__seperator"></li>
+          {%- endif -%}
+          <li class="menu__item">
+            <a href="{{ url('home_domain') }}" class="menu__link">
+              <span class="icon icon-wrench"></span> {{ _('Manage') }}
+            </a>
+          </li>
+        </ol>
+      </li>
+    {% endif %}
+      <li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-custom-class="nav__dropdown" data-dropdown-target="#menu-nav-user" data-dropdown-disabledconstrainToWindow data-dropdown-trigger-desktop-only>
+        <a href="{{ url('user_detail', uid=handler.user._id) }}" class="nav__item">{{ handler.user.uname }} <span class="icon icon-expand_more nojs--hide"></span></a>
+        <ol class="dropdown-target menu" id="menu-nav-user">
+          <li class="menu__item">
+            <a href="{{ url('user_detail', uid=handler.user._id) }}" class="menu__link">
+              <span class="icon icon-account--circle"></span> {{ _('My Profile') }}
+            </a>
+          </li>
+          <li class="menu__item">
+            <a href="{{ url('home_messages') }}" class="menu__link">
+              <span class="icon icon-comment--multiple"></span> {{ _('home_messages') }}
+            </a>
+          </li>
+          <li class="menu__seperator"></li>
+          <li class="menu__item">
+            <a href="{{ url('home_settings', category='domain') }}" class="menu__link">
+              <span class="icon icon-web"></span> @ {{ handler.domain['name'] }}
+            </a>
+          </li>
+          <li class="menu__seperator"></li>
+          <li class="menu__item">
+            <a href="{{ url('home_settings', category='account') }}" class="menu__link">
+              <span class="icon icon-wrench"></span> {{ _('home_account') }}
+            </a>
+          </li>
+          <li class="menu__item">
+            <a href="{{ url('home_settings', category='preference') }}" class="menu__link">
+              <span class="icon icon-sliders"></span> {{ _('home_preference') }}
+            </a>
+          </li>
+          <li class="menu__item">
+            <a href="{{ url('home_security') }}" class="menu__link">
+              <span class="icon icon-security"></span> {{ _('home_security') }}
+            </a>
+          </li>
+          <li class="menu__seperator"></li>
+          <li class="menu__item">
+            <a href="{{ url('home_domain') }}" class="menu__link">
+              <span class="icon icon-web"></span> {{ _('My Domains') }}
+            </a>
+          </li>
+          {% if handler.user.hasPriv(PRIV.PRIV_CREATE_FILE) %}
+            <li class="menu__item">
+              <a href="{{ url('home_files') }}" class="menu__link">
+                <span class="icon icon-file"></span> {{ _('My Files') }}
+              </a>
+            </li>
+          {% endif %}
+          {% if ui.getNodes('UserDropdown').length %}
+            <li class="menu__seperator"></li>
+            {%- for item in ui.getNodes('UserDropdown') -%} {% if item.checker(handler) %}
+            <li class="menu__item nojs--hide">
+              {% set args = (item.args(handler) if typeof(item.args)=='function' else item.args) or {} %}
+              <a href="{{ url(item.name, args) }}" class="menu__link">
+                <span class="icon icon-{{ args.icon }}"></span> {{ _(args.displayName or item.name) }}
+              </a>
+            </li>
+            {% endif %}
+            {%- endfor -%}
+          {% endif %}
+          <li class="menu__seperator"></li>
+          {% if handler.user.hasPriv(PRIV.PRIV_EDIT_SYSTEM) %}
+            <li class="menu__item nojs--hide">
+              <a class="menu__link" name="nav_switch_account">
+                <span class="icon icon-user"></span> {{ _('Switch account') }}
+              </a>
+            </li>
+          {% endif %}
+          <li class="menu__item">
+            <a href="{{ url('user_logout') }}" class="menu__link" name="nav_logout">
+              <span class="icon icon-logout"></span> {{ _('Logout') }}
+            </a>
+          </li>
+        </ol>
+      </li>
+    {% endif %}
+    </ol>
+  </div></div>
+</nav>
+<nav class="nav--shadow"></nav>

package/templates/partials/problem-sidebar-information.html

@@ -0,0 +1,25 @@
+{% import "components/record.html" as record with context %}
+{% import "components/problem.html" as problem with context %}
+{% import "components/user.html" as user with context %}
+<div class="section__body typo" data-fragment-id="problem-sidebar-information">
+  <dl class="large horizontal">
+    <dt>{{ _('ID') }}</dt>
+    <dd>{{ pdoc.docId }}</dd>
+    <dt>{{ _('Time') }}</dt>
+    <dd>{{ pdoc.config.timeMax if pdoc.config.timeMax == pdoc.config.timeMin else pdoc.config.timeMin+'~'+pdoc.config.timeMax  }}ms</dd>
+    <dt>{{ _('Memory') }}</dt>
+    <dd>{{ pdoc.config.memoryMax if pdoc.config.memoryMax == pdoc.config.memoryMin else pdoc.config.memoryMin+'~'+pdoc.config.memoryMax }}MiB</dd>
+    <dt>{{ _('Difficulty') }}</dt>
+    <dd>{{ pdoc['difficulty'] or lib.difficulty(pdoc.nSubmit, pdoc.nAccept) or _('(None)') }}</dd>
+    <dt>{{ _('Tags') }}</dt>
+    <dd>
+      {{ problem.render_problem_tags(pdoc, true) }}
+    </dd>
+    <dt>{{ _('# Submissions') }}</dt>
+    <dd><a href="{{ url('record_main', query={pid:pdoc.docId}) }}">{{ pdoc.nSubmit }}</a></dd>
+    <dt>{{ _('Accepted') }}</dt>
+    <dd>{{ pdoc.nAccept }}</dd>
+    <dt>{{ _('Uploaded By') }}</dt>
+    <dd>{{ user.render_inline(owner_udoc, badge=false) }}</dd>
+  </dl>
+</div>

package/templates/partials/problem.html

@@ -0,0 +1,2 @@
+{% import "components/problem.html" as problem with context %}
+{{ problem.render_problem_title(pdoc, inline=true) }}

package/templates/partials/problem_category_dialog.html

@@ -0,0 +1,43 @@
+{% set _categories = handler.ctx.setting.get('problem.categories')|parseYaml %}
+<div class="dialog--category-filter" style="display:none;">
+  <div>
+    <div class="category-filter__header">      
+      <div class="list flex-row flex-cross-center" data-category-container>
+        {%- for category, sub_categories in _categories -%}
+          <div class="list__item" data-category="{{category}}">{{ category }}</div>
+        {%- endfor -%}
+      </div>
+    </div>
+    <div class="category-filter__body">
+      {%- for category, sub_categories in _categories -%}
+      <div class="section__body subcategory-container hide" data-subcategory-container="{{ category }}">
+        <div class="subcategory__selected">
+          <h2>{{ _('Selected categories') }}: </h2>
+          <div class="list flex-row flex-wrap">
+            <div class="chip-list__item search-tag__item hide selected" data-selection="category:{{ category }}">
+              {{ category }}
+              <span class="icon icon-close"></span>            
+            </div>            
+            {%- for sub_category in sub_categories -%}
+            <div class="chip-list__item search-tag__item hide selected" data-selection="category:{{ sub_category }}">
+              {{ sub_category }}
+              <span class="icon icon-close"></span>
+            </div>
+            {%- endfor -%}            
+          </div>
+        </div>
+        <div class="divider"></div>
+        <div class="subcategory__all">
+          <h2>{{ category }}: </h2>
+          <div class="list flex-row flex-wrap">
+            <div class="chip-list__item search-tag__item" data-selection="category:{{ category }}">{{ category }}</div>          
+            {%- for sub_category in sub_categories -%}
+            <div class="chip-list__item search-tag__item" data-selection="category:{{ sub_category }}">{{ sub_category }}</div>
+            {%- endfor -%}
+          </div>  
+        </div>
+      </div>
+      {%- endfor -%}
+    </div>
+  </div>
+</div>

package/templates/partials/problem_default.md

@@ -0,0 +1,26 @@
+# Background
+Special for beginners, ^_^
+
+# Description
+Given two integers x and y, print the sum.
+
+# Format
+
+## Input
+Two integers x and y, satisfying $0\leq x,y\leq 32767$ .
+
+## Output
+One integer, the sum of x and y.
+
+# Samples
+
+```input1
+123 500
+```
+
+```output1
+623
+```
+
+# Limitation
+1s, 1024KiB for each test case.

package/templates/partials/problem_description.html

@@ -0,0 +1,33 @@
+<div class="section__body typo richmedia" data-fragment-id="problem-description">
+  {% if not pdoc.data.length and not pdoc.reference %}
+    <blockquote class="warn">
+      <p>{{ _('No {0} at current.').format(_("testdata")) }}</p>
+    </blockquote>
+  {% endif %}
+  {% if typeof(pdoc.config) == 'string' %}
+    <blockquote class="warn">
+      <p>{{ pdoc.config }}</p>
+    </blockquote>
+  {% endif %}
+  {% if pdoc.config.langs and not pdoc.config.langs|length %}
+    <blockquote class="warn">
+      <p>{{ _('No submission language available for this problem.') }}</p>
+    </blockquote>
+  {% endif %}
+  {% if tdoc and tdoc.docType == model.document.TYPE_CONTEST %}
+    {% if mode == 'view' %}
+    <blockquote class="note">
+      <p>{{ _('You cannot submit for this problem because the contest is ended. You can click "Open in Problem Set" to view this problem in normal mode.') }}</p>
+    </blockquote>
+    {% elif mode == 'correction' %}
+    <blockquote class="note">
+      <p>{{ _('The contest is ended. New submissions will be treated as correction submissions and will not be counted in the contest.') }}</p>
+    </blockquote>
+    {% endif %}
+  {% endif %}
+  {% if not renderredContent %}
+    {% set preferredLang = handler.request.query.lang or handler.user.viewLang or handler.session.viewLang %}
+    {% set renderredContent = pdoc.content|content(preferredLang, pdoc.html) %}
+  {% endif %}
+  {{ renderredContent|safe }}
+</div>

package/templates/partials/problem_files.html

@@ -0,0 +1,63 @@
+{% import "components/nothing.html" as nothing with context %}
+{% set _files = testdata if filetype == 'testdata' else additional_file %}
+<div class="section__body files no-padding problem-{{ 'sidebar' if sidebar else 'files' }}-{{ filetype }}" data-fragment-id="problem-files-{{ filetype }}" 
+  data-type="{{ filetype }}" {% if sidebar %}data-sidebar{% endif %}>
+  {% if reference %}
+    <blockquote class="note">
+      <p>{{ _('This is a copy of another problem.') }}</p>
+    </blockquote>
+  {% endif %}
+  {% if _files.length %}
+    <table class="data-table {{ filetype }}-table">
+      <colgroup>
+        {% if not sidebar %}<col class="col--checkbox">{% endif %}
+        <col class="col--name">
+        <col class="col--size">
+        {% if can_edit %}<col class="col--operation">{% endif %}
+      </colgroup>
+      <thead>
+        <tr>
+          {% if not sidebar %}
+          <th class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" name="select_all" data-checkbox-toggle="{{ filetype }}">
+            </label>
+          </th>
+          {% endif %}
+          <th class="col--name">{{ _('Filename') }}</th>
+          <th class="col--size">{{ _('Size') }}</th>
+          {% if can_edit %}<th class="col--operation"><span class="icon icon-wrench"></span></th>{% endif %}
+        </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 }}" data-checkbox-range>
+            </label>
+          </td>
+          {% endif %}
+          <td class="col--name" data-preview="{{ filetype }}">
+            {% if filetype != 'testdata' or handler.user.own(pdoc) or handler.user.hasPriv(PRIV.PRIV_READ_PROBLEM_DATA) or handler.user.hasPerm(perm.PERM_READ_PROBLEM_DATA) %}
+              <a href="{{ url('problem_file_download', {pid: pdoc.docId, filename: file.name, query:{type:filetype} }) }}">{{ file.name }}</a>
+            {% else %}
+              <p>{{ file.name }}</p>
+            {% endif %}
+          </td>
+          <td class="col--size">{{ size(file.size) }}</td>
+          {% if can_edit %}
+          <td class="col--operation">
+            <a href="javascript:;" name="file_rename"><span class="icon icon-edit"></span></a>
+            <a href="javascript:;" name="file_remove"><span class="icon icon-delete"></span></a>
+          </td>
+          {% endif %}
+        </tr>
+        {%- endfor -%}
+      </tbody>
+    </table>
+  {% elif not reference %}
+    {{ nothing.render('No {0} at current.', compact=sidebar, args=[_(filetype)]) }}
+  {% endif %}
+</div>

package/templates/partials/problem_list.html

@@ -0,0 +1,68 @@
+{% import "components/paginator.html" as paginator with context %}
+{% import "components/record.html" as record with context %}
+{% import "components/problem.html" as problem with context %}
+{% import "components/nothing.html" as nothing with context %}
+<div data-fragment-id="problem_list">
+{% if not pdocs.length %}
+  {{ nothing.render('Sorry, there are no problems in the problem set.') }}
+{% else %}
+  {{ paginator.render(page, ppcount, position='top', add_qs=utils.buildQueryString(q=qs, sort='' if sort == 'default' else sort)) }}
+  <table class="data-table hide-problem-tag">
+    <colgroup>
+      <col class="col--checkbox display-mode-hide">
+      <col class="col--pid display-mode-hide">
+    {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+      <col class="col--status edit-mode-hide">
+    {% endif %}
+      <col class="col--name">
+      <col class="col--ac-tried">
+      <col class="col--difficulty">
+    </colgroup>
+    <thead>
+      <tr>
+        <th class="col--checkbox display-mode-hide">
+          <label class="compact checkbox">
+            <input type="checkbox" name="select_all" data-checkbox-toggle="problem">
+          </label>
+        </th>
+        <th class="col--pid display-mode-hide">{{ _('ID') }}</th>
+        {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          <th class="col--status record-status--border edit-mode-hide">{{ _('Status') }}</th>
+        {% endif %}
+        <th class="col--name">{{ _('Problem') }}
+          <span class="nojs--hide toggle-tag tag--hide">{{ _('Show tags') }}</span>
+          <span class="nojs--hide toggle-tag notag--hide">{{ _('Hide tags') }}</span>
+        </th>
+        <th class="col--ac-tried">{{ _('AC') }} / {{ _('Tried') }}</th>
+        <th class="col--difficulty">{{ _('Difficulty') }}</th>
+      </tr>
+    </thead>
+    <tbody>
+      {%- for pdoc in pdocs -%}
+      {% set psdoc = psdict[pdoc.docId] %}
+      <tr data-pid="{{ pdoc.docId }}">
+        <td class="col--checkbox display-mode-hide">
+          <label class="compact checkbox">
+            <input type="checkbox" data-checkbox-group="problem" data-checkbox-range>
+          </label>
+        </td>
+        <td class="col--pid display-mode-hide">{{ pdoc.docId }}</td>
+        {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          {% if psdoc['rid'] %}
+            {{ record.render_status_td(psdoc, rid_key='rid', class="edit-mode-hide", allDomain=pdoc.domainId!==handler.args.domainId) }}
+          {% else %}
+            <td class="col--status record-status--border edit-mode-hide"></td>
+          {% endif %}
+        {% endif %}
+        <td class="col--name col--problem-name" data-star-action="{{ url('problem_detail', pid=pdoc.docId) }}" {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %} data-star="{{ psdoc.star }}"{% endif %}>
+          {{ problem.render_problem_title(pdoc) }}
+        </td>
+        <td class="col--ac-tried">{{ pdoc.nAccept }} / {{ pdoc.nSubmit }}</td>
+        <td class="col--difficulty">{{ pdoc['difficulty'] or lib.difficulty(pdoc.nSubmit, pdoc.nAccept) or _('(None)') }}</td>
+      </tr>
+    {%- endfor -%}
+    </tbody>
+  </table>
+  {{ paginator.render(page, ppcount, add_qs=utils.buildQueryString(q=qs, sort='' if sort == 'default' else sort)) }}
+{% endif %}
+</div>

package/templates/partials/problem_lucky.html

@@ -0,0 +1,10 @@
+<div data-fragment-id="problem_lucky">
+  <p>
+    <a href="{{ url('problem_random', query={q:qs}) if qs else url('problem_random') }}" class="expanded button" target="_blank">
+      <span class="icon icon-feeling-lucky"></span> {{ _('Lucky') }}
+    </a>
+  </p>
+  <div class="typo supplementary">
+    <p>{{ _('Pick a problem randomly based on the current filter.') }}</p>
+  </div>
+</div>

package/templates/partials/problem_sidebar.html

@@ -0,0 +1,14 @@
+{% if not owner_udoc %}
+  {% set owner_udoc = udoc %}
+{% endif %}
+{% if tdoc %}
+  {% if tdoc.rule == 'homework' %}
+    {% include "partials/problem_sidebar_homework.html" %}
+    {% include "partials/homework_sidebar.html" %}
+  {% else %}
+    {% include "partials/problem_sidebar_contest.html" %}
+    {% include "partials/contest_sidebar.html" %}
+  {% endif %}
+{% else %}
+  {% include "partials/problem_sidebar_normal.html" %}
+{% endif %}

package/templates/partials/problem_sidebar_contest.html

@@ -0,0 +1,43 @@
+{% import "components/user.html" as user with context %}
+<div class="section side section--problem-sidebar">
+{% if page_name != 'contest_detail_problem' %}
+  <div class="section__header">
+    <h1 class="section__title">{{ pdoc['title'] }}</h1>
+  </div>
+{% endif %}
+  <div>
+    <ol class="menu">
+    {% if mode == 'contest' or mode == 'correction' %}
+    {% if page_name == 'contest_detail_problem' and handler.ctx.setting.get('ui-default.enableScratchpad') %}
+      <li class="menu__item scratchpad--hide nojs--hide"><a class="menu__link highlight" name="problem-sidebar__open-scratchpad" href="javascript:;" data-global-hotkey="alt+e">
+        <span class="icon icon-enlarge"></span> {{ _('Open Scratchpad') }} (Alt+E)
+      </a></li>
+      <li class="menu__item non-scratchpad--hide"><a class="menu__link" name="problem-sidebar__quit-scratchpad" href="javascript:;" data-global-hotkey="alt+q">
+        <span class="icon icon-enlarge"></span> {{ _('Quit Scratchpad') }} (Alt+Q)
+      </a></li>
+    {% else %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('problem_detail', pid=pdoc.pid|default(pdoc.docId), query={tid:tdoc.docId}) }}">
+        <span class="icon icon-flag"></span> {{ _('View Problem') }}
+      </a></li>
+    {% endif %}
+      <li class="menu__item scratchpad--hide"><a class="menu__link{% if page_name == 'contest_detail_problem_submit' %} active{% endif %}" href="{{ url('problem_submit', pid=pdoc.pid|default(pdoc.docId), query={tid:tdoc.docId} if mode=='contest' else {}) }}">
+        <span class="icon icon-send"></span> {{ _('Submit') }}
+      </a></li>
+    {% endif %}
+    {% if mode != 'none' and model.contest.isDone(tdoc) %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('problem_detail', pid=pdoc.pid|default(pdoc.docId)) }}">
+        <span class="icon icon-send"></span> {{ _('Open in Problem Set') }}
+      </a></li>
+    {% endif %}
+    {% if handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM) %}
+      <li class="menu__seperator"></li>
+      <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_files' %} active{% endif %}" href="{{ url('problem_files', pid=pdoc.pid|default(pdoc.docId)) }}">
+        <span class="icon icon-file"></span> {{ _('Files') }}
+      </a></li>
+    {% endif %}
+    </ol>
+  </div>
+</div>

package/templates/partials/problem_sidebar_homework.html

@@ -0,0 +1,42 @@
+{% import "components/user.html" as user with context %}
+<div class="section side section--problem-sidebar">
+{% if page_name != 'homework_detail_problem' %}
+  <div class="section__header">
+    <h1 class="section__title">{{ pdoc['title'] }}</h1>
+  </div>
+{% endif %}
+  <div>
+    <ol class="menu">
+    {% if model.contest.isOngoing(tdoc, tsdoc) or model.contest.isExtended(tdoc, tsdoc) %}
+    {% if page_name == 'homework_detail_problem' and handler.ctx.setting.get('ui-default.enableScratchpad') %}
+      <li class="menu__item scratchpad--hide nojs--hide"><a class="menu__link highlight" name="problem-sidebar__open-scratchpad" href="javascript:;" data-global-hotkey="alt+e">
+        <span class="icon icon-enlarge"></span> {{ _('Open Scratchpad') }} (Alt+E)
+      </a></li>
+      <li class="menu__item non-scratchpad--hide"><a class="menu__link" name="problem-sidebar__quit-scratchpad" href="javascript:;" data-global-hotkey="alt+q">
+        <span class="icon icon-enlarge"></span> {{ _('Quit Scratchpad') }} (Alt+Q)
+      </a></li>
+    {% else %}
+      <li class="menu__item"><a class="menu__link" href="{{ url('problem_detail', pid=pdoc.pid|default(pdoc.docId), query={tid:tdoc.docId}) }}">
+        <span class="icon icon-flag"></span> {{ _('View Problem') }}
+      </a></li>
+    {% endif %}
+      <li class="menu__item scratchpad--hide"><a class="menu__link{% if page_name == 'homework_detail_problem_submit' %} active{% endif %}" href="{{ url('problem_submit', pid=pdoc.pid|default(pdoc.docId), query={tid:tdoc.docId}) }}">
+        <span class="icon icon-send"></span> {{ _('Submit') }}
+      </a></li>
+    {% elif model.contest.isDone(tdoc) %}
+      <li class="menu__item scratchpad--hide"><a class="menu__link" href="{{ url('problem_detail', pid=pdoc.pid|default(pdoc.docId)) }}">
+        <span class="icon icon-send"></span> {{ _('Open in Problem Set') }}
+      </a></li>
+    {% endif %}
+    {% if handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM) %}
+      <li class="menu__seperator"></li>
+      <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_files' %} active{% endif %}" href="{{ url('problem_files', pid=pdoc.pid|default(pdoc.docId)) }}">
+        <span class="icon icon-file"></span> {{ _('Files') }}
+      </a></li>
+    {% endif %}
+    </ol>
+  </div>
+</div>