@shzlx/ui-default 4.58.2

package/templates/problem_detail.html

@@ -0,0 +1,150 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<script>
+{{ set(UiContext, {
+  problemId: pdoc.pid|default(pdoc.docId),
+  problemNumId: pdoc.docId,
+  codeLang: handler.user.codeLang,
+  codeTemplate: handler.user.codeTemplate,
+  pdoc: pdoc
+}) }}
+{% if tdoc %}
+  {{ set(UiContext, 'tdoc', tdoc) }}
+  {{ set(UiContext, 'tsdoc', tsdoc) }}
+{% endif %}
+{% if tdoc and mode == 'contest' %}
+  {{ set(UiContext, 'canViewRecord', model.contest.canShowSelfRecord.call(handler, tdoc)) }}
+  {{ set(UiContext, 'postSubmitUrl', url('problem_submit', pid=pdoc.docId, query={tid:tdoc.docId})) }}
+  {{ set(UiContext, 'getSubmissionsUrl', url('record_main', query={fullStatus:'true', pid:pdoc.docId, tid:tdoc.docId})) }}
+  {{ set(UiContext, 'getRecordDetailUrl', url('record_detail', rid='{rid}', query={tid:tdoc.docId})) }}
+  {{ set(UiContext, 'pretestConnUrl', "record-conn?pretest=1&uidOrName=" + handler.user._id + "&pid=" + pdoc.docId + "&domainId=" + handler.args.domainId + "&tid=" + tdoc.docId) }}
+{% else %}
+  {{ set(UiContext, 'canViewRecord', true) }}
+  {{ set(UiContext, 'postSubmitUrl', url('problem_submit', pid=pdoc.docId)) }}
+  {{ set(UiContext, 'getSubmissionsUrl', url('record_main', query={fullStatus:'true', pid:pdoc.docId})) }}
+  {{ set(UiContext, 'getRecordDetailUrl', url('record_detail', rid='{rid}')) }}
+  {{ set(UiContext, 'pretestConnUrl', "record-conn?pretest=1&uidOrName=" + handler.user._id + "&pid=" + pdoc.docId + "&domainId=" + handler.args.domainId) }}
+{% endif %}
+</script>
+{% if not tdoc %}
+  {% block ogp %}
+    {% set preferredLang = handler.request.query.lang or handler.user.viewLang or handler.session.viewLang %}
+    {% set renderredContent = pdoc.content|content(preferredLang, pdoc.html) %}
+    {% set langs = pdoc.content|contentLang %}
+    {% for k in langs %}
+      {% if k != preferredLang %}
+        <meta property="og:locale:alternate" content="{{ k }}" />
+      {% else %}
+        <meta property="og:locale" content="{{ k }}" />
+      {% endif %}
+    {% endfor %}
+    <meta property="og:title" content="{{ pdoc.pid|default(pdoc.docId) }}. {{ pdoc.title }} - {{ model.system.get('server.name') }}" />
+    <meta property="og:description" content="{{ renderredContent|problemPreview|truncate(100, true) }}" />
+  {% endblock %}
+{% endif %}
+<div class="row" data-sticky-parent>
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">
+          {% if rdoc %}
+            <a href="{{ url('record_detail', {rid:rdoc._id}) }}">
+              <span class="icon record-status--icon {{ model.builtin.STATUS_CODES[rdoc['status']] }}"></span>
+              <span class="record-status--text {{ model.builtin.STATUS_CODES[rdoc['status']] }}">{{ rdoc.score }}</span>
+            </a>
+          {% endif %}
+          {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) and not tdoc %}
+            <form class="form--inline" action="" method="post">
+              <input type="hidden" name="star" value="{{ 'true' if not psdoc.star else 'false' }}">
+              <input type="hidden" name="operation" value="star">
+              <button class="star{% if psdoc.star %} activated{% endif %}" type="submit">
+                <span class="starred--hide"><span class="icon icon-star--outline" data-tooltip="{{ _('Star') }}"></span></span>
+                <span class="starred--show"><span class="icon icon-star" data-tooltip="{{ _('Unstar') }}"></span></span>
+              </button>
+            </form>
+          {% endif %}
+          {%- if not tdoc or tdoc.pids|length > 1 -%}
+          {%- if tdoc -%}
+            {{ utils.getAlphabeticId(tdoc.pids.indexOf(pdoc.docId)) }}
+          {%- elif pdoc.pid and pdoc.pid.includes('-') -%}
+            {{ pdoc.pid.split('-').join('#') }}
+          {%- else -%}
+            #{{ pdoc.pid|default(pdoc.docId) }}
+          {%- endif -%}. {% endif %}{{ pdoc.title }}
+        </h1>
+        {% if tdoc and tdoc.pids|length <= 26 and tdoc.pids|length > 1 %}
+          <div class="section__tools contest-problems">
+            {% for pid in tdoc.pids -%}
+              {% set status = tsdoc.detail[pid].status %}
+              {% set pass = status == STATUS.STATUS_ACCEPTED %}
+              {% set fail = status and not pass %}
+              <a href="{{ url('problem_detail', pid=pid, query={tid:tdoc.docId}) }}"
+                 class="{% if pass %}pass{% elif fail %}fail{% endif %}
+                        {% if pid==pdoc.docId %} active{% endif %}">
+                <span class="id">{{ utils.getAlphabeticId(loop.index0) }}</span>
+                {% if status %}<span class="icon icon-{% if pass %}check{% else %}close{% endif %}"></span>{% endif %}
+              </a>
+            {%- endfor %}
+          </div>
+        {% endif %}
+      </div>
+      <div class="section__body">
+        <ul class="problem__tags">
+          {% if not tdoc %}
+            <span class="problem__tag-item">{{ _('ID') }}: {{ pdoc.docId }}</span>
+          {% endif %}
+          <span class="problem__tag-item icon icon-book">{{ _('problem_type.' + pdoc.config.type).format(pdoc.config.subType) }}</span>
+          {% if pdoc.config.type == 'default' and pdoc.config.subType %}
+            <span class="problem__tag-item icon icon-book">{{ _('File IO: {0}').format(pdoc.config.subType) }}</span>
+          {% endif %}
+          {% if pdoc.config.type != 'objective' and pdoc.config.type != 'submit_answer' %}
+            <span class="problem__tag-item icon icon-stopwatch">{{ pdoc.config.timeMax if pdoc.config.timeMax == pdoc.config.timeMin else pdoc.config.timeMin+'~'+pdoc.config.timeMax }}ms</span>
+            <span class="problem__tag-item icon icon-comparison">{{ pdoc.config.memoryMax if pdoc.config.memoryMax == pdoc.config.memoryMin else pdoc.config.memoryMin+'~'+pdoc.config.memoryMax }}MiB</span>
+          {% endif %}
+          {% if not tdoc %}
+            <a class="problem__tag-item interactive" href="{{ url('record_main', query={pid:pdoc.docId}) }}">{{ _('Tried') }}: {{ pdoc.nSubmit }}</a>
+            <a class="problem__tag-item interactive" href="{{ url('record_main', query={pid:pdoc.docId, status:1}) }}">{{ _('Accepted') }}: {{ pdoc.nAccept if ((not tdoc) or showAccept) else '?' }}</a>
+            <span class="problem__tag-item">{{ _('Difficulty') }}: {{ pdoc['difficulty'] or lib.difficulty(pdoc.nSubmit, pdoc.nAccept) or _('(None)') }}</span>
+            <span class="problem__tag-item interactive">{{ _('Uploaded By') }}: {{ user.render_inline(udoc, badge=false) }}</span>
+          {% endif %}
+          {% if pdoc.tag.length %}
+            <span name="show_tags" class="problem__tag-item interactive nojs--hide icon icon-tag">{{ _('Tags') + '>' }}</span>
+            {%- for tag in pdoc.tag -%}
+              <span class="problem__tag-item tags hasjs--hide">{{ tag }}</span>
+            {%- endfor -%}
+          {% endif %}
+        </ul>
+      </div>
+    </div>
+    <div class="section">
+      <div class="problem-content-container"><div class="problem-content" data-marker-enabled>
+        <div class="section__header non-scratchpad--hide">
+          <h1 class="section__title">{{ pdoc.title }}</h1>
+        </div>
+        {% if pdoc.content|contentLang|length > 1 %}
+        <div class="section__tab-container">
+          <div class="section__tab-header-wrapper">
+            <ul class="section__tab-header flex-row">
+              {% for k in pdoc.content|contentLang %}
+              <a class="section__tab-header-item {{'tab--active' if (handler.request.query.lang or handler.user.viewLang or handler.session.viewLang or (pdoc.content|contentLang)[0] ) == k }}" data-lang="{{ k }}" href="./{{pdoc.pid|default(pdoc.docId)}}?lang={{k}}">
+                {{ handler.ctx.i18n.get('__langname', k) or _('Unknown language') }}
+              </a>
+              {% endfor %}
+            </ul>
+          </div>
+        </div>
+        {% endif %}
+        {% include "partials/problem_description.html" %}
+      </div></div>
+    </div>
+  </div>
+  <div class="medium-3 columns"><div data-sticky="large">
+    {% include "partials/problem_sidebar.html" %}
+  </div></div>
+</div>
+<div style="display:none" class="outer-loader-container"><div class="loader"></div></div>
+<div class="scratchpad-container" style="display:none">
+  <div style="display:none" class="loader-container"><div class="loader"></div></div>
+  <div id="scratchpad" style="opacity:0"></div>
+</div>
+{% endblock %}

package/templates/problem_edit.html

@@ -0,0 +1,111 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__body">
+        <form method="post">
+          <div class="row">
+            <div class="medium-3 columns">
+              <label>
+                {{ _('pid') }}
+                <br>
+                <label>
+                  <input name="pid" placeholder="P1000" value="{{ pdoc['pid']|default('') }}" class="textbox">
+                </label>
+              </label>
+            </div>
+            <div class="medium-7 columns">
+              <label>
+                {{ _('Title') }}
+                <input name="title" placeholder="{{ _('title') }}" value="{{ pdoc['title']|default('') }}" class="textbox"{% if page_name == 'problem_create' %} autofocus{% endif %}>
+              </label>
+            </div>
+            <div class="medium-2 columns">
+              <label>
+                <br>
+                <label class="checkbox">
+                  <input type="checkbox" name="hidden" value="on"{% if pdoc['hidden'] %} checked{% endif %} class="checkbox">{{ _('Hidden') }}
+                </label>
+              </label>
+            </div>
+          </div>
+          <div class="row">
+          {{ form.form_text({
+               row:false,
+               columns:9,
+               label:'Tags',
+               help_text:'Split by \', \'.',
+               name:'tag',
+               value:pdoc['tag']|default([])|join(', ')
+             }) }}
+          {{ form.form_text({
+               row:false,
+               columns:3,
+               label:'Difficulty',
+               help_text:'From 1-10',
+               name:'difficulty',
+               value:pdoc['difficulty'] or ''
+             }) }}
+          </div>
+          <div class="section__tab-container nojs--hide">
+          <div class="section__tab-header-wrapper">
+            <ul class="section__tab-header">
+              <li class="section__tab-header-item tab--active" data-lang="{{ _('__id') }}">{{ _('__langname') }}</li>
+              {% for k, v in statementLangs %}{% if k != handler.user.viewLang %}
+                <li class="section__tab-header-item" data-lang="{{ k }}">{{ v }}</li>
+              {% endif %}{% endfor %}
+            </ul>
+          </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>
+          <div class="row"><div class="columns">
+          {% if page_name == 'problem_edit' %}
+            <button type="submit" class="rounded primary button">
+              {{ _('Update') }}
+            </button>
+            {% if handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM) %}
+              <button name="operation" value="delete" type="submit" class="rounded button">
+                {{ _('Delete') }}
+              </button>
+            {% endif %}
+          {% else %}
+            <button type="submit" class="rounded primary button">
+              {{ _('Create') }}
+            </button>
+          {% endif %}
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    <div class="section side visiable nojs--hide section--problem-sidebar-tags">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Categories') }} ({{ _('click to add') }})</h1>
+      </div>
+      <div class="section__body problem-sidebar-tags__detail">
+        {% include "partials/category.html" %}
+      </div>
+    </div>
+    {% if page_name == 'problem_edit' %}
+      <div class="section side" data-type="additional_file" data-sidebar>
+        <div class="section__header">
+          <h1 class="section__title">{{_('Additional Files')}}</h1>
+          <div class="section__tools">
+            <button class="primary rounded button" name="upload_file">{{ _('Upload') }}</button>
+          </div>
+        </div>
+        {% set sidebar = true %}
+        {% set can_edit = true %}
+        {% set filetype = "additional_file" %}
+        {% include "partials/problem_files.html" %}
+      </div>
+      {% include "partials/problem_sidebar.html" %}
+    {% else %}
+      {% include 'components/md_hint.html' %}
+    {% endif %}
+  </div>
+</div>
+{% endblock %}

package/templates/problem_files.html

@@ -0,0 +1,91 @@
+{% import "components/nothing.html" as nothing with context %}
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-5 columns" data-type="testdata">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Testdata') }}</h1>
+        <div class="section__tools">
+          {% if not reference and (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) %}
+            <a href="{{ url('problem_config', pid=pdoc.docId) }}" class="primary rounded button">{{ _('Config') }}</a>
+            <button class="primary rounded button" name="create_testdata">{{ _('Create') }}</button>
+            <button class="primary rounded button" name="upload_file">{{ _('Upload') }}</button>
+          {% elif reference %}
+            <a href="{{ url('problem_detail', domainId=pdoc.reference.domainId, pid=pdoc.reference.pid) }}" class="primary rounded button">{{ _('Source') }}</a>
+          {% endif %}
+        </div>
+      </div>
+      {{ noscript_note.render() }}
+      {% set filetype = "testdata" %}
+      {% set can_edit = (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) and not reference %}
+      {% include "partials/problem_files.html" %}
+      {% if not reference and (handler.user.own(pdoc) or handler.user.hasPerm(perm.PERM_READ_PROBLEM_DATA) or handler.user.hasPriv(PRIV.PRIV_READ_PROBLEM_DATA)) %}
+        <div class="section__body">
+          <button class="rounded button" name="download_selected">{{ _('Download Selected') }}</button>
+          {% if handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM) %}
+            <button class="rounded button" name="remove_selected">{{ _('Remove Selected') }}</button>
+            <button class="rounded button" name="rename_selected">{{ _('Rename Selected') }}</button>
+          {% endif %}
+        </div>
+      {% endif %}
+    </div>
+    {% if not reference and (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) %}
+    {{ set(UiContext, {
+      pdoc: pdoc
+    }) }}
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Generate Testdata') }}(Beta)</h1>
+      </div>
+      {{ noscript_note.render() }}
+      <div class="section__body generate">
+        {% if pdoc.config.type === 'default' %}
+            {{ form.form_text({
+              columns: 12,
+              label:'Data Generator',
+              name:'gen',
+              help_text:'A data generator is a program that generates testdata. It should output result to stdout.'
+            }) }}
+            {{ form.form_text({
+              columns: 12,
+              label:'Standard Program',
+              name:'std',
+              help_text:'A standard program is a program that solves the problem. It should output answer to stdout.'
+            }) }}
+            <button class="rounded button" name="generate_testdata">{{ _('Generate') }}</button>
+        {% else %}
+          {{ nothing.render('Generate testdata is not supported for this problem type.') }}
+        {% endif %}
+      </div>
+    </div>
+    {% endif %}
+  </div>
+  <div class="medium-4 columns" data-type="additional_file">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Additional Files') }}</h1>
+        <div class="section__tools">
+          {% if (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) and not reference %}
+            <button class="primary rounded button" name="create_file">{{ _('Create') }}</button>
+            <button class="primary rounded button" name="upload_file">{{ _('Upload') }}</button>
+          {% endif %}
+        </div>
+      </div>
+      {% set filetype = "additional_file" %}
+      {% set can_edit = (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) and not reference %}
+      {% include "partials/problem_files.html" %}
+      <div class="section__body">
+        <button class="rounded button" name="download_selected">{{ _('Download Selected') }}</button>
+        {% if (handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM)) and not reference %}
+          <button class="rounded button" name="remove_selected">{{ _('Remove Selected') }}</button>
+          <button class="rounded button" name="rename_selected">{{ _('Rename Selected') }}</button>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% include "partials/problem_sidebar.html" %}
+  </div>
+</div>
+{% endblock %}

package/templates/problem_hack.html

@@ -0,0 +1,41 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+{{ set(UiContext, 'pdoc', pdoc) }}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Hack submission') }} #{{ rid }}</h1>
+      </div>
+      <div class="section__body">
+        <form method="post" enctype="multipart/form-data">
+          {{ form.form_textarea({label:'Input', columns:12, name:'input', extra_class:'monospace', autofocus:true, nospellcheck:true}) }}
+          <div class="row">
+            <div class="medium-12 columns">
+              <p>{{ _('Or upload a file:') }} <input type="file" name="file"></p>
+              <br />
+            </div>
+          </div>
+          <div class="row"><div class="columns">
+            <label>
+              {{ _('Auto organize input') }}
+              <br />
+              <label class="checkbox">
+                <input type="checkbox" name="autoOrganizeInput" class="checkbox">
+                {{ _('Auto adjust the format of line breaks and remove unnecessary whitespace characters.') }}
+              </label>
+            </label>
+          </div></div>
+          <div class="row"><div class="columns">
+            <input type="submit" class="rounded primary button" value="{{ _('Submit') }}">
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% include "partials/problem_sidebar.html" %}
+  </div>
+</div>
+
+{% endblock %}

package/templates/problem_import.html

@@ -0,0 +1,58 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__body">
+        <form method="post" enctype="multipart/form-data">
+          <div class="row">
+            <div class="medium-12 columns">
+              <p>{{ _('Upload zipfile') }} {% if type %}({{ _('Type') }}: {{type}}){% endif %}: <input type="file" name="file"></p>
+              <br />
+            </div>
+          </div>
+          <div class="row">
+            {{ form.form_text({
+              label:'preferredPrefix',
+              columns:6,
+              name:'preferredPrefix',
+              row:false,
+              help_text:_('The preferred problem ID prefix.'),
+              placeholder:_('Leave empty for default')
+            }) }}
+            {{ form.form_checkbox({
+              label:'Hidden',
+              columns:6,
+              name:'hidden',
+              placeholder:_('Make the problem hidden.'),
+              row:false
+            }) }}
+            {% if handler.user.hasPriv(PRIV.PRIV_EDIT_SYSTEM) and not type %}
+              {{ form.form_checkbox({
+                label:'Keep original user',
+                columns:6,
+                name:'keepUser',
+                placeholder:_('Keep original problem owner. Only used if this problemset is exported from current system.'),
+                row:false
+              }) }}
+            {% endif %}
+          </div>
+          <div class="row"><div class="columns">
+            <input type="submit" class="rounded primary button" value="{{ _('Upload') }}">
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    <div class="section side">
+      <div class="section__body typo">
+        <h2>{{ _('What is this?') }}</h2>
+        <p>{{ _('With this feature, you can import problems that you can view from a site to here. Their title, content, tags and categories will be imported.') }}</p>
+        <h2>{{ _('About preferredPrefix option') }}</h2>
+        <p>{{ _('preferredPrefix_hint') }}</p>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/problem_main.html

@@ -0,0 +1,100 @@
+{% import "components/record.html" as record with context %}
+{% import "components/problem.html" as problem with context %}
+{% extends "layout/basic.html" %}
+{% block content %}
+  <div class="row">
+    <div class="medium-9 columns">
+      <div class="section display-mode">
+        <div class="section__body no-padding">
+          <form method="get" id="searchForm" action="{{ url('problem_main') }}">
+            <div class="search">
+              <input name="q" type="text" value="{{ qs }}" placeholder="{{ _('Search') }}">
+              {% include "partials/problem_stat.html" %}
+              <select name="sort" class="search-sort">
+                {%- for sortType in ["default", "recent"] -%}
+                  <option value="{{ sortType }}" {{ "selected" if sort == sortType else "" }}>{{ _('sort::' + sortType) }}</option>
+                {%- endfor -%}
+              </select>
+              <button type="submit">
+                <span class="icon icon-search"></span>
+              </button>
+            </div>
+          </form>
+        </div>
+        <div class="section__body no-padding">
+          {% include "partials/problem_list.html" %}
+        </div>
+      </div>
+    </div>
+    <div class="medium-3 columns">
+      {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+        <div class="section side nojs--hide">
+          <ol class="menu">
+            <a href="javascript:;" class="menu__link edit-mode-hide" name="enter-edit-mode">
+              <span class="icon icon-edit"></span>
+              {{ _('Enter Edit Mode') }}
+            </a>
+            <a href="javascript:;" class="menu__link display-mode-hide" name="leave-edit-mode">
+              <span class="icon icon-edit"></span>
+              {{ _('Leave Edit Mode') }}
+            </a>
+            <div id="problem_selection" class="display-mode-hide"></div>
+            {% if handler.user.hasPerm(perm.PERM_EDIT_PROBLEM) %}
+              <a href="javascript:;" class="menu__link display-mode-hide" name="hide_selected_problems">
+                <span class="icon icon-close"></span>
+                {{ _('Hide Selected') }}
+              </a>
+              <a href="javascript:;" class="menu__link display-mode-hide" name="unhide_selected_problems">
+                <span class="icon icon-check"></span>
+                {{ _('Unhide Selected') }}
+              </a>
+              <a href="javascript:;" class="menu__link display-mode-hide" name="download_selected_problems">
+                <span class="icon icon-download"></span>
+                {{ _('Download Selected') }}
+              </a>
+              <a href="javascript:;" class="menu__link display-mode-hide" name="delete_selected_problems">
+                <span class="icon icon-delete"></span>
+                {{ _('Remove Selected') }}
+              </a>
+            {% endif %}
+            <a href="javascript:;" class="menu__link display-mode-hide" name="copy_selected_problems">
+              <span class="icon icon-copy"></span>
+              {{ _('Copy Selected') }}
+            </a>
+          </ol>
+        </div>
+      {% endif %}
+      {% if handler.user.hasPerm(perm.PERM_CREATE_PROBLEM) %}
+        <div class="section side">
+          <div class="section__header">
+            <h1 class="section__title">{{ _('Create Problem') }}</h1>
+          </div>
+          <ol class="menu">
+            {%- for item in ui.getNodes('ProblemAdd') -%}
+              <a href="{{ url(item.name, item.args) }}" class="menu__link">
+                <span class="icon icon-{{ item.args.icon|default('add') }}"></span>
+                {{ _(item.args.text) }}
+              </a>
+            {%- endfor -%}
+          </ol>
+          <div class="section__body">
+            <div class="typo supplementary">
+              <p>{{ _('You have permission to create problems for this domain.') }}</p>
+            </div>
+          </div>
+        </div>
+      {% endif %}
+      <div class="section side">
+        <div class="section__header edit-mode-hide">
+          <h1 class="section__title">{{ _('Categories') }}</h1>
+        </div>
+        <div class="section__body">
+          {% include "partials/category.html" %}
+        </div>
+        <div class="section__body edit-mode-hide">
+          {% include "partials/problem_lucky.html" %}
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}

package/templates/problem_solution.html

@@ -0,0 +1,55 @@
+{% extends "layout/basic.html" %}
+{% import "components/comments_solution.html" as comments with context %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('{0} solutions').format(pscount) }}</h1>
+      </div>
+      <div class="section__body">
+        {{ comments.render(
+          view = 'solution',
+          docs = psdocs,
+          udict = udict,
+          comment_ref = 'psid',
+          reply_ref = 'psrid',
+          comment_placeholder = 'Write Your Solution',
+          comment_post_op = 'submit',
+          comment_edit_op = 'edit_solution',
+          comment_post_text = 'Share',
+          reply_post_op = 'reply',
+          reply_edit_op = 'edit_reply',
+          comment_delete_op = 'delete_solution',
+          reply_delete_op = 'delete_reply',
+          comment_post_perm = perm.PERM_CREATE_PROBLEM_SOLUTION,
+          comment_edit_perm = perm.PERM_NEVER,
+          comment_edit_self_perm = perm.PERM_EDIT_PROBLEM_SOLUTION_SELF,
+          comment_delete_perm = perm.PERM_DELETE_PROBLEM_SOLUTION,
+          comment_delete_self_perm = perm.PERM_DELETE_PROBLEM_SOLUTION_SELF,
+          reply_post_perm = perm.PERM_REPLY_PROBLEM_SOLUTION,
+          reply_edit_perm = perm.PERM_NEVER,
+          reply_edit_self_perm = perm.PERM_EDIT_PROBLEM_SOLUTION_REPLY_SELF,
+          reply_delete_perm = perm.PERM_DELETE_PROBLEM_SOLUTION_REPLY,
+          reply_delete_self_perm = perm.PERM_DELETE_PROBLEM_SOLUTION_REPLY_SELF
+        ) }}
+        {% if not sid %}
+          {{ paginator.render(page, pcount) }}
+        {% endif %}
+      {% if drcount == 0 %}
+        {{ nothing.render('No solutions so far...') }}
+      {% endif %}
+      </div>
+    </div>
+    {% if sid %}
+      <div class="section">
+        <a href="{{ url('problem_solution', pid=pdoc.pid|default(pdoc.docId)) }}" class="menu__link" style="width: 100%">{{ _('View all {0} solutions').format(pscount) }}</a>
+      </div>
+    {% endif %}
+  </div>
+  <div class="medium-3 columns">
+    {% set owner_udoc = udict[pdoc.owner] %}
+    {% include "partials/problem_sidebar.html" %}
+  </div>
+</div>
+{% endblock %}