@shzlx/ui-default 4.58.2

package/templates/status.html

@@ -0,0 +1,75 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-12 columns">
+    <div class="section">
+      <div class="section__tab-container">
+        <ul class="section__tabs">
+          <li class="section__tab-item">
+            <h1 class="section__tab-title">{{ _('Servers') }}</h1>
+            <div class="section__tab-main">
+              <table class="data-table">
+                <colgroup>
+                  <col class="col--id">
+                  <col class="col--status">
+                  <col class="col--os">
+                  <col class="col--cpu">
+                  <col class="col--memory">
+                  <col class="col--request">
+                </colgroup>
+                <thead>
+                  <tr>
+                    <th class="col--id">{{ _('ID') }}</th>
+                    <th class="col--status">{{ _('Current Status') }}</th>
+                    <th class="col--os">{{ _('OS Info') }}</th>
+                    <th class="col--cpu">{{ _('CPU Info') }}</th>
+                    <th class="col--memory">{{ _('Memory Info') }}</th>
+                    <th class="col--request">{{ _('Handled requests') }}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {%- for doc in stats -%}
+                  <tr>
+                    <td class="col--id">{{ doc._id.toHexString()|truncate(8,True,'') }}</td>
+                    <td class="col--status">{% if doc.isOnline %}{{ doc.status }}{% else %}{{ datetimeSpan(doc.updateAt)|safe }}{% endif %}</td>
+                    <td class="col--os" data-tooltip="{{ doc.osinfo.kernel }}">{{ doc.osinfo.distro }} {{ doc.osinfo.release }} {{ doc.osinfo.codename }} {{ doc.osinfo.arch }}</td>
+                    <td class="col--cpu" data-tooltip="{{ doc.cpu.flags }}">{{ doc.cpu.manufacturer }} {{ doc.cpu.brand }}@{{ doc.cpu.speed }}GHz</td>
+                    <td class="col--memory"{% if doc.stack %} data-tooltip="Stack size: {{ doc.stack }}MB"{% endif %}>{{ size(doc.memory.used) }}/{{ size(doc.memory.total) }}</td>
+                    <td class="col--request">{{ doc.reqCount }}</td>
+                  </tr>
+                  {%- endfor -%}
+                </tbody>
+              </table>
+            </div>
+          </li>
+          {% if compilers|length %}
+            <li class="section__tab-item">
+              <h1 class="section__tab-title">{{ _('Compiler Versions') }}</h1>
+              <div class="section__tab-main">
+                <div class="section__body typo">
+                  {% for line in compilers %}
+                    <p>{{ line.key|join(', ') }}</p>
+                    <pre><code>{{ line.message }}</code></pre>
+                  {% endfor %}
+                </div>
+              </div>
+            </li>
+          {% endif %}
+          <li class="section__tab-item">
+            <h1 class="section__tab-title">{{ _('Compile Commands') }}</h1>
+            <div class="section__tab-main">
+              <div class="section__body typo">
+                <ul>
+                  {%- for k, v in languages -%}
+                    <li>{{ k }} <pre>{{ v }}</pre></li>
+                  {%- endfor -%}
+                </ul>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/training_detail.html

@@ -0,0 +1,120 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row" data-sticky-parent>
+  {%- if Object.keys(udict).length -%}
+  <div class="medium-2 columns mobile--hide">
+    <div data-sticky="large"><div class="section side">
+      <ol class="menu">
+        <li class="menu__item nojs--hide">
+          <form method="get" id="searchForm">
+            <select name="group" class="select"{% if not groups.length %} style="display:none"{% endif %}>
+              <option value="all" selected>{{ _('All') }}</option>
+              {% for group in groups %}
+                <option value="{{ group.uids.join(',') }}">{{ group.name }}</option>
+              {% endfor %}
+            </select>
+            <input name="uid" type="text" class="search__input textbox" placeholder="{{ _('Select User') }}">
+          </form>
+        </li>
+        <ul class="enroll_user_menu">
+        {%- for uid, udoc in udict -%}
+        <li class="menu__item enroll_user_menu_item" data-uid="{{ uid }}" data-uname="{{ udoc.uname }}" {% if handler.user.hasPerm(perm.PERM_VIEW_USER_PRIVATE_INFO) and udoc.displayName %}data-displayname="{{ udoc.displayName }}"{% endif %}>
+          <a href="./{{ tdoc._id }}?uid={{ uid }}" class="menu__link{% if (handler.request.query.uid or handler.user._id) == uid %} active{% endif %}">
+            <span class="user-profile-link">
+              <img class="small user-profile-avatar v-center" loading="lazy" src="{{ avatarUrl(udoc.avatar|default('')) }}" width="20" height="20">
+              <span class="user-profile-name">
+                {% if handler.user.hasPerm(perm.PERM_VIEW_USER_PRIVATE_INFO) and udoc.displayName and udoc.displayName != udoc.uname %}
+                  {{ udoc.displayName }} ({{ udoc.uname }})
+                {% else %}
+                  {{ udoc.uname }}
+                {% endif %}
+              </span>
+            </span>
+          </a>
+        </li>
+        {%- endfor -%}
+        </ul>
+      </ol>
+    </div></div>
+  </div>
+  <div class="medium-7 columns">
+  {%- else -%}
+  <div class="medium-9 columns">
+  {%- endif -%}
+    <div class="section">
+      <div class="section__body typo">
+        {{ tdoc['content'] }}
+      </div>
+      <div class="section__body typo richmedia">
+        {% if not handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          <blockquote class="typo note">
+            <p>{{ _('Login to join training plan') }}</p>
+          </blockquote>
+        {% elif not tsdoc.enroll %}
+          <blockquote class="typo note">
+            <p>{{ _('page.training_detail.invalid_when_not_enrolled') }}</p>
+          </blockquote>
+        {% endif %}
+        {% if missing.length %}
+          <blockquote class="warn">
+            <p>{{ _('Some problems in the training are missing or you do not have permission to view them.') }}</p>
+            <p>{{ missing|join(', ') }}</p>
+          </blockquote>
+        {% endif %}
+        {{ tdoc.description|default('')|markdown|safe }}
+      </div>
+    </div>
+    <div class="section">
+      {% include "partials/training_detail.html" %}
+    </div>
+  </div>
+  <div class="medium-3 columns" data-sticky="large">
+    <div class="section side">
+      <div>
+        <ol class="menu">
+        {% if not tsdoc['enroll'] and handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          <li class="menu__item">
+            <form action="" method="POST">
+              <input type="hidden" name="operation" value="enroll">
+              <button class="menu__link" type="submit">
+                <span class="icon icon-add"></span> {{ _('Enroll Training') }}
+              </button>
+            </form>
+          </li>
+        {% endif %}
+        {% if handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
+          <li class="menu__item"><a class="menu__link" href="{{ url('training_edit', tid=tdoc.docId) }}">
+            <span class="icon icon-edit"></span>  {{ _('Edit') }}
+          </a></li>
+          <li class="menu__item"><a class="menu__link" href="{{ url('training_files', tid=tdoc.docId) }}">
+            <span class="icon icon-file"></span> {{ _('Files') }}
+          </a></li>
+        {% endif %}
+          <li class="menu__item"><a class="menu__link" href="{{ url('wiki_help', anchor='training') }}">
+            <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">
+        {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          <dt>{{ _('Status') }}</dt><dd>{% if tsdoc['enroll'] %}{{ _('Completed' if tsdoc['done'] else 'In Progress') }}{% else %}{{ _('Not Enrolled') }}{% endif %}</dd>
+        {% endif %}
+          {% if tsdoc['enroll'] %}
+          <dt>{{ _('Progress') }}</dt><dd>{{ _('Completed') }} {{ (100 * tsdoc['donePids']|length / pids|length)|round|int }}%</dd>
+          {% endif %}
+          <dt>{{ _('Enrollees') }}</dt><dd>{{ tdoc.attend|default(0) }}</dd>
+          <dt>{{ _('Created By') }}</dt>
+          <dd>{{ user.render_inline(udoc, badge=false) }}</dd>
+        </dl>
+      </div>
+    </div>
+    <div class="section side">
+      <ol class="menu">
+        {{ sidemenu.render_item('list', 'training_detail', {tid:tdoc._id}, label='tasks_list', menu_item='training_detail') }}
+      </ol>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/training_edit.html

@@ -0,0 +1,68 @@
+{% 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-9 columns">
+              <label>
+                {{ _('Title') }}
+                <input name="title" placeholder="{{ _('title') }}" value="{{ tdoc.title|default('') }}" class="textbox" autofocus>
+              </label>
+            </div>
+            <div class="medium-3 columns">
+              <label>
+                {{ _('Pin') }}
+                <input name="pin" placeholder="{{ _('Pin level') }}" value="{{ tdoc.pin|default(0) }}" class="textbox">
+              </label>
+            </div>
+          </div>
+          <div class="row"><div class="columns">
+            <label>
+              {{ _('Introduce') }}
+              <textarea name="content" class="textbox">{{ tdoc['content']|default('') }}</textarea>
+              <p class="help-text">{{ _('Introduce must not exceed 500 characters and it will be shown in the list view.') }}</p>
+            </label>
+          </div></div>
+          <div class="row"><div class="columns">
+            <label>
+              {{ _('Description') }}
+              <textarea name="description" class="textbox" data-markdown style="height: 200px">{{ tdoc['description']|default('') }}</textarea>
+            </label>
+          </div></div>
+          <div class="row"><div class="columns">
+            <label>
+              {{ _('Plan') }}
+              <textarea data-json name="dag" class="textbox" style="height: 500px">{% if tdoc %}{{ dag }}{% else %}{% include 'partials/training_default.json' %}{% endif %}</textarea>
+            </label>
+          </div></div>
+          <div class="row"><div class="columns">
+          {% if page_name == 'training_edit' %}
+            <button type="submit" class="rounded primary button">
+              {{ _('Update') }}
+            </button>
+            {% if handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
+              <button name="operation" value="delete" type="submit" class="rounded button">
+                {{ _('Delete') }}
+              </button>
+            {% endif %}
+          {% else %}
+            <button type="submit" class="rounded primary button">
+              {{ _('Create') }}
+            </button>
+          {% endif %}
+            <button type="button" class="rounded button" onclick="window.history.go(-1)">
+              {{ _('Cancel') }}
+            </button>
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% include 'components/md_hint.html' %}
+  </div>
+</div>
+{% endblock %}

package/templates/training_files.html

@@ -0,0 +1,64 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+{{ set(UiContext, 'tdoc', tdoc) }}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Files') }}</h1>
+        <div class="section__tools">
+          <button class="primary rounded button" name="upload_file">{{ _('Upload File') }}</button>
+        </div>
+      </div>
+      {{ noscript_note.render() }}
+      {% include "partials/files.html" %}
+      <div class="section__body">
+        <button class="rounded button" name="remove_selected">{{ _('Remove Selected') }}</button>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    <div class="section side">
+      <div>
+        <ol class="menu">
+          <li class="menu__item"><a class="menu__link" href="{{ url('training_detail', tid=tdoc.docId) }}">
+            <span class="icon icon-award"></span> {{ _('View Training') }}
+          </a></li>
+        {% if not tsdoc['enroll'] and handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          <li class="menu__item">
+            <form action="" method="POST">
+              <input type="hidden" name="operation" value="enroll">
+              <button class="menu__link" type="submit">
+                <span class="icon icon-add"></span> {{ _('Enroll Training') }}
+              </button>
+            </form>
+          </li>
+        {% endif %}
+        {% if handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
+          <li class="menu__item"><a class="menu__link" href="{{ url('training_edit', tid=tdoc.docId) }}">
+            <span class="icon icon-edit"></span>  {{ _('Edit') }}
+          </a></li>
+          <li class="menu__item"><a class="menu__link" href="{{ url('training_files', tid=tdoc.docId) }}">
+            <span class="icon icon-file"></span> {{ _('Files') }}
+          </a></li>
+        {% endif %}
+          <li class="menu__item"><a class="menu__link" href="{{ url('wiki_help', anchor='training') }}">
+            <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">
+        {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+          <dt>{{ _('Status') }}</dt><dd>{% if tsdoc['enroll'] %}{{ _('Completed' if tsdoc['done'] else 'In Progress') }}{% else %}{{ _('Not Enrolled') }}{% endif %}</dd>
+        {% endif %}
+          <dt>{{ _('Enrollees') }}</dt><dd>{{ tdoc.attend|default(0) }}</dd>
+          <dt>{{ _('Created By') }}</dt>
+          <dd>{{ user.render_inline(udoc, badge=false) }}</dd>
+        </dl>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/training_main.html

@@ -0,0 +1,107 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="large-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('All Training Plans') }}</h1>
+        <div class="section__tools">
+          <form method="get" class="filter-form" name="filter-form">
+            <input type="text" class="inline compact textbox" name="q" value="{{ q }}" placeholder="{{ _('Search training...') }}">
+            <button type="submit" class="compact button">
+              {{ _('Search') }}
+            </button>
+          </form>
+        </div>
+      </div>
+      {% if not tdocs.length %}
+        {{ nothing.render('Sorry, there are no training plans.') }}
+      {% else %}
+        <ol class="section__list all primary training__list">
+          {%- for tdoc in tdocs -%}
+            <li class="section__list__item training__item">
+              <div class="media">
+                <div class="media__left middle">
+                  <div class="training__participants numbox">
+                    <div class="numbox__num large">{{ tdoc.attend|default(0) }}</div>
+                    <div class="numbox__text">{{ _('Enrolled') }}</div>
+                  </div>
+                </div>
+                <div class="media__body middle">
+                  <h1 class="training__title"><a href="{{ url('training_detail', tid=tdoc.docId) }}" data-emoji-enabled>{{ tdoc.title }}</a></h1>
+                  <div class="training__intro typo">
+                    <p>{{ tdoc['content'] }}</p>
+                  </div>
+                  <ul class="supplementary list training__progress">
+                    <li>
+                      <span class="icon icon-flag text-blue"></span> {{ _('{0} sections').format(tdoc['dag']|length) }}, {{ _('{0} problems').format(model.training.getPids(tdoc.dag)|length) }}
+                    </li>
+                    <li>
+                    {% if tsdict[tdoc.docId]['enroll'] %}
+                      {% if not tsdict[tdoc.docId]['done'] %}
+                        <span class="icon training-status--icon progress"></span>
+                        <span class="training-status--text progress">{{ _('Completed') }} {{ (100 * tsdict[tdoc.docId]['donePids']|length / model.training.getPids(tdoc.dag)|length)|round|int }}%</span>
+                      {% else %}
+                        <span class="icon training-status--icon done"></span>
+                        <span class="training-status--text done">{{ _('Completed') }} 100%</span>
+                      {% endif %}
+                    {% elif handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+                      <span class="icon training-status--icon outside"></span> <span class="training-status--text outside">{{ _('Not Enrolled') }}</span>
+                    {% endif %}
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </li>
+          {%- endfor -%}
+        </ol>
+        {{ paginator.render(page, tpcount, add_qs=qs) }}
+      {% endif %}
+    </div>
+  </div>
+  <div class="large-3 columns">
+    {% if handler.user.hasPerm(perm.PERM_CREATE_TRAINING) %}
+      <div class="section side">
+        <div class="section__header">
+          <h1 class="section__title">{{ _('Create Training Plan') }}</h1>
+        </div>
+        <ol class="menu">
+          <li class="menu__item">
+            <a href="{{ url('training_create') }}" class="menu__link"><span class="icon icon-add"></span> {{ _('New Training Plan') }}</a>
+          </li>
+        </ol>
+        <div class="section__body">
+          <div class="typo supplementary">
+            <p>{{ _('You can create your own training plans and share them with others.') }}</p>
+          </div>
+        </div>
+      </div>
+    {% endif %}
+    {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+      <div class="section side">
+        <div class="section__header">
+          <h1 class="section__title">{{ _('Enrolled') }}</h1>
+        </div>
+        <div class="section__body">
+          <ol class="my secondary training__list">
+            {%- for tid, tsdoc in tsdict -%}
+              {% if tsdoc['enroll'] %}
+                {% set progress = (100 * (tsdoc['donePids']|length) / (model.training.getPids(tdict[tsdoc['docId']].dag)|length))|round|int %}
+                <li class="training__item"><div class="media">
+                  <div class="media__left">
+                    <span class="icon training-status--icon {% if tsdoc['done'] %}done{% else %}progress{% endif %}"></span>
+                  </div>
+                  <div class="media__body">
+                    <h1 class="training__title"><a href="{{ url('training_detail', tid=tsdoc.docId) }}" data-emoji-enabled>{{ tdict[tsdoc['docId']]['title'] }}</a></h1>
+                    <div class="supplementary training__progress"><div class="training__progress-bar"><div class="training__progress-track" style="width:{{ progress }}%;"></div></div> {{ _('Complete') }} {{ progress }}%</div>
+                  </div>
+                </div></li>
+              {% endif %}
+            {%- endfor -%}
+          </ol>
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</div>
+{% endblock %}

package/templates/user_changemail_mail.html

@@ -0,0 +1,6 @@
+{% extends "layout/mail.html" %}
+{% block title %}{{ _('Change Email') }}{% endblock %}
+{% block content %}
+<p>{{ _('Hello, {0}! You can click following link to active your new email of your {1} account:').format(uname, handler.domain.ui.name|default(model.system.get('server.name'))) }}</p>
+<p><a href="{{ url_prefix }}{{ path }}">{{ url_prefix }}{{ path }}</a></p>
+{% endblock %}

package/templates/user_changemail_mail_sent.html

@@ -0,0 +1,9 @@
+{% extends "layout/immersive.html" %}
+{% block content %}
+<div class="immersive--content immersive--center">
+  <h1>{{ _('New Email') }}</h1>
+  <div class="text-center">
+    {{ _('Confirmation mail has been sent to your new email.') }}
+  </div>
+</div>
+{% endblock %}

package/templates/user_delete_pending.html

@@ -0,0 +1,10 @@
+{% extends "layout/immersive.html" %}
+{% block content %}
+<div class="immersive--content immersive--center">
+  <h1>{{ _('Done') }}</h1>
+  <div class="text-center">
+    {{ _('Your account will be deleted in 7 days.') }}
+    {{ _('You can cancel this at user setting page.') }}
+  </div>
+</div>
+{% endblock %}

package/templates/user_detail.html

@@ -0,0 +1,181 @@
+{% import "components/home.html" as home with context %}
+{% import "components/problem.html" as problem with context %}
+{% extends "layout/basic.html" %}
+{% block content %}
+{{ set(UiContext, 'udoc', udoc) }}
+<style>
+  .user-profile-bg {
+    background-image: url("{{ udoc.backgroundImage }}"), url("/components/profile/backgrounds/1.jpg");
+  }
+</style>
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="profile-header user-profile-bg">
+        <div class="profile-header__content">
+          <div class="media">
+            <div class="media__left">
+              <img src="{{ avatarUrl(udoc.avatar, 120) }}" width="120" height="120" class="large user-profile-avatar">
+            </div>
+            <div class="media__body profile-header__main">
+              <h1>
+                {{ udoc['uname'] }}
+                {% if handler.user.hasPerm(perm.PERM_VIEW_USER_PRIVATE_INFO) and udoc.displayName %}<small>({{ udoc['displayName'] }})</small>{% endif %}
+              </h1>
+              <p>
+                {{ _('UID') }}: {{ udoc['_id'] }},
+                {{ _('Registered at') }} {{ datetimeSpan(udoc['regat'])|safe }},
+                {{ _('last login at') }} {{ datetimeSpan(udoc['loginat'])|safe }},
+              {% if sdoc and sdoc.updateAt %}
+                {{ _('last active at') }} {{ datetimeSpan(sdoc['updateAt'])|safe if Date.now() - sdoc.updateAt.getTime() > 300000 else _('just now') }}.
+              {% else %}
+                {{ _('currently offline') }}.
+              {% endif %}
+              </p>
+              <p>{{ _('Solved {0} problems, RP: {1} (No. {2})').format(udoc.nAccept|default(0), udoc['rp']|default(0.0)|round(2), udoc['rank']|default('?')) }}</p>
+              {% for page in findSubModule('partials/profile_header/') %}{% if not page.endsWith('.source') %}{% include page %}{% endif %}{% endfor %}
+              {% if udoc._id != 1 and not udoc.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+                <p>{{ _('This user was banned.') }}</p>
+              {% endif %}
+              <div class="profile-header__contact-bar">
+              {% if isSelfProfile %}
+                <a class="profile-header__contact-item" href="{{ url('home_settings', category='account') }}" data-tooltip="{{ _('Edit Profile') }}">
+                  <span class="icon icon-edit"></span>
+                </a>
+              {% endif %}
+                <a class="profile-header__contact-item" href="{{ url('home_messages', query={target:udoc._id}) }}" target="_blank" data-tooltip="{{ _('Send Message') }}">
+                  <span class="icon icon-comment--multiple"></span>
+                </a>
+              {% if udoc['mail'] %}
+                <a class="profile-header__contact-item" href="javascript:;" data-copy="{{ udoc['mail'] | base64_encode }}" data-tooltip="{{ _('Copy Email') }}">
+                  <span class="icon icon-mail"></span>
+                </a>
+              {% endif %}
+              {% if udoc['qq'] %}
+                <a class="profile-header__contact-item" href="javascript:;" data-copy="{{ udoc['qq'] | base64_encode }}" data-tooltip="{{ _('Copy QQ Number') }}">
+                  <span class="icon icon-qq"></span>
+                </a>
+              {% endif %}
+              {% if udoc['wechat'] %}
+                <a class="profile-header__contact-item" href="javascript:;" data-copy="{{ udoc['wechat'] | base64_encode }}" data-tooltip="{{ _('Copy WeChat Account') }}">
+                  <span class="icon icon-wechat"></span>
+                </a>
+              {% endif %}
+              {% if udoc.gender and udoc.gender != model.builtin.USER_GENDER_OTHER %}
+                <span
+                  class="profile-header__contact-item"
+                  data-tooltip="{{ model.builtin.USER_GENDER_RANGE[udoc.gender] }}"
+                >
+                  {{ model.builtin.USER_GENDER_ICONS[udoc.gender] }}
+                </span>
+              {% endif %}
+              {% if udoc.hasPriv(PRIV.PRIV_MOD_BADGE) %}
+                <span
+                  class="profile-header__contact-item user-profile-badge badge--su"
+                  data-tooltip="{{ _('{0} is a superuser.').format(_('She' if udoc.gender == 1 else 'He')) }}"
+                >
+                  SU
+                </span>
+              {% elif udoc.hasPerm(perm.PERM_MOD_BADGE) %}
+                <span
+                  class="profile-header__contact-item user-profile-badge badge--mod"
+                  data-tooltip="{{ _('{0} is a moderator of this domain.').format(_('She' if udoc.gender == 1 else 'He')) }}"
+                >
+                  MOD
+                </span>
+              {% endif %}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="profile-content">
+        <div class="section__tab-container immersive memo">
+          <ul class="section__tabs">
+            <li class="section__tab-item">
+              <h1 class="section__tab-title">{{ _('Bio') }}</h1>
+              <div class="section__tab-main">
+              {% if not udoc.bio %}
+                {{ nothing.render("This person is lazy and didn't write anything.") }}
+              {% else %}
+                <div class="section__body typo richmedia">
+                  {{ udoc.bio|default('')|markdown|safe }}
+                </div>
+              {% endif %}
+              </div>
+            </li>
+            {% if pdocs.length %}
+              <li class="section__tab-item">
+                <h1 class="section__tab-title">{{ _('Accepted Problems') }}</h1>
+                <div class="section__tab-main">
+                  <div class="typo section__body no-media">
+                    {% set _mark = Math.ceil(pdocs.length/4) %}
+                    {% macro col(pdocs) %}
+                      <div class="medium-3 columns"><ul>
+                        {% for pdoc in pdocs %}
+                          <li>{{ problem.render_problem_title(pdoc, show_tags=false, small=true) }}</li>
+                        {% endfor %}
+                      </ul></div>
+                    {% endmacro %}
+                    <div class="row">
+                      {{ col(pdocs.slice(0, _mark)) }}
+                      {{ col(pdocs.slice(_mark, _mark*2)) }}
+                      {{ col(pdocs.slice(_mark*2, _mark*3)) }}
+                      {{ col(pdocs.slice(_mark*3)) }}
+                    </div>
+                  </div>
+                </div>
+              </li>
+            {% endif %}
+            {% for page in findSubModule('partials/user_detail/') %}{% include page %}{% endfor %}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% if isSelfProfile %}
+      {{ home.render_sidebar() }}
+    {% endif %}
+    <div class="section side">
+      <div class="section__body">
+        <div class="balancer sidebar-user-stat">
+          <div class="balancer__body">
+            <div class="numbox">
+              <div class="numbox__num medium">{{ udoc.nSubmit or 0 }}</div>
+              <div class="numbox__text">{{ _('Submitted') }}</div>
+            </div>
+          </div>
+          <div class="balancer__body">
+            <div class="numbox">
+              <div class="numbox__num medium">{{ udoc.nAccept or 0 }}</div>
+              <div class="numbox__text">{{ _('Accepted') }}</div>
+            </div>
+          </div>
+          <div class="balancer__body">
+            <div class="numbox">
+              <div class="numbox__num medium">{{ udoc.nLiked or 0 }}</div>
+              <div class="numbox__text">{{ _('Solutions Liked') }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    {% if tags.length %}
+      <div class="section side">
+        <div class="section__header">
+          <h2 class="section__title">{{ _('Problem Tags') }}</h2>
+        </div>
+        <div class="typo section__body no-media">
+          <dl class="exlarge horizontal">
+            {% for tag in tags %}
+              <dt>{{ tag[0] }}</dt>
+              <dd>{{ tag[1] }}</dd>
+            {% endfor %}
+          </dl>
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</div>
+{% endblock %}