@shzlx/ui-default 4.58.2

package/templates/discussion_detail.html

@@ -0,0 +1,149 @@
+{% extends "layout/basic.html" %}
+{% import "components/comments_discussion.html" as comments with context %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__body">
+        <ul class="supplementary list">
+          <li>
+            <a class="discussion-node-tag" href="{{ url('discussion_node', type=model.discussion.typeDisplay[vnode.type], name=vnode.id) }}">
+            {% if ddoc.parentType == model.document.TYPE_DISCUSSION_NODE %}
+              <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 %}
+              {{ vnode['title'] }}
+            </a>
+          </li>
+          <li><h2>{{ ddoc.title }}</h2></li>
+          <li>
+            {{ user.render_inline(udict[ddoc.owner]) }}
+            @
+            {{ datetimeSpan(ddoc._id)|safe }}
+          </li>
+        </ul>
+        <div class="typo topic__content richmedia" data-emoji-enabled data-raw-url="{{ url('discussion_raw', did=ddoc.docId) }}">
+          {{ ddoc['content']|markdown|safe }}
+        </div>
+      </div>
+      <ul class="section__footer supplementary dot list">
+      {% if handler.user.hasPerm(perm.PERM_EDIT_DISCUSSION) or (handler.user.own(ddoc) and handler.user.hasPerm(perm.PERM_EDIT_DISCUSSION_SELF)) %}
+        <li><a href="{{ url('discussion_edit', did=ddoc.docId) }}">
+          <span class="icon icon-edit"></span> {{ _('Edit') }}
+        </a></li>
+      {% endif %}
+      {% if ddoc.edited %}
+        <li data-discussion-history data-raw-url="{{ url('discussion_raw', did=ddoc.docId) }}">{{ _('Edited') }}</li>
+      {% endif %}
+        <li>{{ _('{0} views').format(ddoc.views) }}</li>
+      {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+        <li><form class="form--inline" method="post">
+          <input type="hidden" name="operation" value="{% if not dsdoc['star'] %}star{% else %}unstar{% endif %}">
+          <button class="star{% if dsdoc['star'] %} activated{% endif %}" type="submit">
+            <span class="starred--hide"><span class="icon icon-star--outline"></span> {{ _('Star Topic') }}</span>
+            <span class="starred--show"><span class="icon icon-star"></span> {{ _('Unstar Topic') }}</span>
+          </button>
+        </form></li>
+      {% endif %}
+      {% if handler.user.own(ddoc) or handler.user.hasPerm(perm.PERM_LOCK_DISCUSSION) %}
+        <li><form class="form--inline" method="post">
+          <input type="hidden" name="operation" value="set_lock">
+          {% if not ddoc.lock %}<input type="hidden" name="lock" value="1">{% endif %}
+          <button class="star{% if ddoc.lock %} activated{% endif %}" type="submit">
+            <span class="starred--hide">{{ _('Lock Topic') }}</span>
+            <span class="starred--show">{{ _('Unlock Topic') }}</span>
+          </button>
+        </form></li>
+      {% endif %}
+        <li><a href="{{ url('wiki_help', anchor='contact') }}">
+          <span class="icon icon-warning"></span> {{ _('Report') }}
+        </a></li>
+      {% if handler.user.hasPerm(perm.PERM_ADD_REACTION) %}
+        <li><a href="javascript:;" data-op="react" data-type="discuss" data-form="{{ {operation: 'reaction', nodeType:'did', id: ddoc._id }|json }}">
+          <span class="icon icon-emoji"></span>
+        </a></li>
+      {% endif %}
+      <div class="reactions list" data-type="did" data-did="{{ ddoc._id }}">
+        {% for e in Object.entries(ddoc.react or {})|sort(true, false, 1)|selectattr(1) %}
+          <div class="reaction{% if reactions[ddoc.docId][e[0]] %} active{% endif %}"><span class="emoji">{{ e[0] }}</span> {{ e[1] }}</div>
+        {% endfor %}
+      </div>
+      </ul>
+    </div>
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('{0} comments').format(drcount) }}</h1>
+      </div>
+      <div class="section__body">
+        {{ comments.render(
+          view = 'discussion',
+          docs = drdocs,
+          udict = udict,
+          comment_ref = 'drid',
+          reply_ref = 'drrid',
+          comment_post_op = 'reply',
+          reply_post_op = 'tail_reply',
+          comment_edit_op = 'edit_reply',
+          comment_delete_op = 'delete_reply',
+          reply_edit_op = 'edit_tail_reply',
+          reply_delete_op = 'delete_tail_reply',
+          comment_post_perm = perm.PERM_REPLY_DISCUSSION,
+          comment_delete_perm = perm.PERM_DELETE_DISCUSSION_REPLY_SELF_DISCUSSION if handler.user.own(ddoc) else perm.PERM_DELETE_DISCUSSION_REPLY,
+          comment_edit_self_perm = perm.PERM_EDIT_DISCUSSION_REPLY_SELF,
+          comment_delete_self_perm = perm.PERM_DELETE_DISCUSSION_REPLY_SELF,
+          reply_post_perm = perm.PERM_REPLY_DISCUSSION,
+          reply_delete_perm = perm.PERM_DELETE_DISCUSSION_REPLY,
+          reply_edit_self_perm = perm.PERM_EDIT_DISCUSSION_REPLY_SELF,
+          reply_delete_self_perm = perm.PERM_DELETE_DISCUSSION_REPLY_SELF,
+          reactions = reactions,
+          ddoc = ddoc
+        ) }}
+        {{ paginator.render(page, pcount) }}
+      {% if drcount == 0 %}
+        {{ nothing.render('No comments so far...') }}
+      {% endif %}
+      </div>
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% set udoc = udict[ddoc.owner] %}
+    <div class="section side">
+      <div class="profile__bg user-profile-bg--1"></div>
+      <div class="section__body">
+        <div class="media sidebar-user-profile">
+          <div class="media__left">
+            <img src="{{ avatarUrl(udoc.avatar, 80) }}" width="80" height="80" class="medium user-profile-avatar">
+          </div>
+          <div class="media__body">
+            <p>{{ user.render_inline(udoc, avatar=false, modbadge=false) }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="section__body">
+        <div class="balancer sidebar-user-stat">
+          <div class="balancer__body">
+            <div class="numbox">
+              <div class="numbox__num medium">{{ udoc.nAccept|default(0) }}</div>
+              <div class="numbox__text">{{ _('Accepted') }}</div>
+            </div>
+          </div>
+          <div class="balancer__body">
+            <div class="numbox">
+              <div class="numbox__num medium">{{ udoc.nLike|default(0) }}</div>
+              <div class="numbox__text">{{ _('Solutions Liked') }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    {% if vnode.type == model.document.TYPE_PROBLEM %}
+      {% set pdoc = vnode %}
+      {% set owner_udoc = udict[vnode.owner] %}
+      {% include "partials/problem_sidebar.html" %}
+    {% endif %}
+  </div>
+</div>
+{% endblock %}

package/templates/discussion_edit.html

@@ -0,0 +1,30 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__body">
+        <form method="post">
+          {% include "partials/discussion_edit_form.html" %}
+            <div class="row"><div class="columns">
+              <button name="operation" value="update" data-default-submit type="submit" class="rounded primary button">
+                {{ _('Update') }} (Ctrl+Enter)
+              </button>
+            {% if handler.user.own(ddoc) or handler.user.hasPerm(perm.PERM_DELETE_DISCUSSION) %}
+              <button name="operation" value="delete" type="submit" class="rounded button">
+                {{ _('Delete') }}
+              </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/discussion_main_or_node.html

@@ -0,0 +1,47 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+    {% include "partials/discussion_list.html" %}
+    </div>
+  </div>
+  <div class="medium-3 columns">
+  {% if vnode.type == model.document.TYPE_PROBLEM %}
+    {% set pdoc = vnode %}
+    {% set owner_udoc = udict[vnode.owner] %}
+    {% include "partials/problem_sidebar.html" %}
+  {% elif vnode.type == model.document.TYPE_CONTEST %}
+    {% set tdoc = vnode %}
+    {%- if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) -%}
+    {% set tsdoc = { attend: tdoc.attend } %}
+    {%- endif -%}
+    {% set owner_udoc = udict[vnode.owner] %}
+    {% include "partials/contest_sidebar.html" %}
+  {% else %}
+    <div class="section side">
+      {% if vnode.pic %}<div class="discussion-node__bg {{ vnode.pic }}"></div>{% endif %}
+      <div class="section__header">
+        <h1 class="section__title">{{ vnode['title'] or _('Create Discussion') }}</h1>
+      </div>
+      <div class="section__body">
+      {% if vnode._id %}
+        {% if handler.user.hasPerm(perm.PERM_CREATE_DISCUSSION) %}
+          <p><a href="{{ url('discussion_create', type=model.discussion.typeDisplay[vnode.type], name=vnode.id) }}" class="expanded primary button">{{ _('Create a Discussion') }}</a></p>
+        {% else %}
+          {% if not handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+            <p><a href="javascript:showSignInDialog();" class="expanded primary button">{{ _('Login to Create a Discussion') }}</a></p>
+          {% else %}
+            <p><a href="javascript:;" class="disabled expanded primary button">{{ _('No Permission to Create a Discussion') }}</a></p>
+          {% endif %}
+        {% endif %}
+      {% else %}
+        <p>{{ _('Select a node to create discussion.') }}</p>
+      {% endif %}
+      </div>
+    </div>
+  {% endif %}
+  {% include 'partials/discussion_nodes_widget.html' %}
+  </div>
+</div>
+{% endblock %}

package/templates/domain_base.html

@@ -0,0 +1,26 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row" data-sticky-parent>
+  <div class="medium-9 columns">
+  {% block domain_content %}{% endblock %}
+  </div>
+  <div class="medium-3 columns"><div data-sticky="large">
+    <div class="section side">
+      <ol class="menu">
+        {%- for family, items in ui.getNodes('DomainManage')|groupby('args.family') -%}
+          <li class="menu__item">
+            <div class="menu__link expandable">
+              <span class="icon icon-{{ items[0].args.icon }}"></span> {{ _(family) }}
+            </div>
+            <ol class="menu collapsed">
+              {%- for item in items -%}{% if item.checker(handler) %}
+                {{ sidemenu.render_item(null, item.name) }}
+              {% endif %}{%- endfor -%}
+            </ol>
+          </li>
+        {% endfor %}
+      </ol>
+    </div>
+  </div></div>
+</div>
+{% endblock %}

package/templates/domain_create.html

@@ -0,0 +1,55 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title" id="create" data-heading>{{ _('Create Domain') }}</h1>
+      </div>
+      <div class="section__body">
+        <blockquote class="note typo">
+          <p>{{ _('A domain ID cannot be changed after creation. It is supposed to be:') }}</p>
+          <ul>
+            <li>{{ _('Unique') }}</li>
+            <li>{{ _('At least 4 characters') }}</li>
+            <li>{{ _('Not wrapped with space') }}</li>
+            <li>{{ _('Not started with a number') }}</li>
+            <li>{{ _('Only A-Z, a-z, 0-9 and _ are accepted') }}</li>
+          </ul>
+        </blockquote>
+        <form method="post">
+            {{ form.form_text({
+                label:'ID',
+                name:'id',
+                autofocus:true,
+                required:true
+            }) }}
+            {{ form.form_text({
+                label:'Name',
+                name:'name',
+                required:true
+            }) }}
+            {{ form.form_textarea({
+                label:'Bulletin',
+                name:'bulletin',
+                markdown:true,
+                required:true
+            }) }}
+            {{ form.form_text({
+                label:'Avatar',
+                name:'avatar'
+            }) }}
+          <div class="row"><div class="columns">
+            <button type="submit" class="rounded primary button">
+              {{ _('Create') }}
+            </button>
+            <button type="button" class="rounded button" onclick="window.history.go(-1)">
+              {{ _('Cancel') }}
+            </button>
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/domain_dashboard.html

@@ -0,0 +1,45 @@
+{% import "components/user.html" as user %}
+{% extends "domain_base.html" %}
+{% block domain_content %}
+{% if domain.bulletin %}
+<div class="section">
+  <div class="section__body typo richmedia">
+    {{ domain.bulletin|markdown|safe }}
+  </div>
+</div>
+{% endif %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title" data-heading>{{ _('Information') }}</h1>
+    <div class="section__tools">
+      <form method="post">
+        <input type="hidden" name="operation" value="init_discussion_node">
+        <button type="submit" class="primary rounded button"><span class="icon icon-wrench"></span> {{ _('Init Discussion Nodes') }}</button>
+      </form>
+    </div>
+  </div>
+  <div class="section__body typo">
+    <dl class="large horizontal">
+    <dt>{{ _('Avatar') }}</dt><dd><img src="{{ avatarUrl(domain.avatar) }}" width="32" height="32"></dd>
+    <dt>{{ _('Name') }}</dt><dd>{{ domain.name }}</dd>
+    <dt>{{ _('Owner') }}</dt><dd>{{ user.render_inline(owner) }}</dd>
+    </dl>
+  </div>
+</div>
+{% if handler.user._id == owner._id %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title" data-heading>{{ _('Delete Domain') }}</h1>
+    <div class="section__tools">
+      <form method="POST" id="delete-domain-form">
+        <div>
+          <input type="hidden" name="operation" value="delete">
+          <input type="submit" value="{{ _('Delete Domain') }}" class="rounded primary button">
+        </div>
+      </form>
+    </div>
+  </div>
+  <div class="section__body"></div>
+</div>
+{% endif %}
+{% endblock %}

package/templates/domain_edit.html

@@ -0,0 +1,6 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+<div class="section">
+  {% include "partials/setting.html" %}
+</div>
+{% endblock %}

package/templates/domain_group.html

@@ -0,0 +1,51 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('{0}: Groups').format(domain.name) }}</h1>
+    <div class="section__tools">
+      <button class="rounded button" name="import_groups">{{ _('Import Groups') }}</button>
+      <button class="rounded button" name="export_groups">{{ _('Export Groups') }}</button>
+      <button class="primary rounded button" name="create_group">{{ _('Create Group') }}</button>
+    </div>
+  </div>
+  {{ noscript_note.render() }}
+  <div class="section__body no-padding domain-group">
+    <table class="data-table">
+      <colgroup>
+        <col class="col--checkbox">
+        <col class="col--group">
+        <col class="col--user">
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" name="select_all" data-checkbox-toggle="group">
+            </label>
+          </th>
+          <th class="col--group">{{ _('Group Name') }}</th>
+          <th class="col--user">{{ _('Users') }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        {%- for gdoc in groups -%}
+        <tr data-gid="{{ gdoc.name }}">
+          <td class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" data-checkbox-group="group" data-checkbox-range>
+            </label>
+          </td>
+          <td class="col--group">{{ gdoc.name }}<br><small class="supplementary group-member-count">{{ gdoc.uids.length }} {{ _('members') }}</small></td>
+          <td class="col--user"><input type="text" value="{{ gdoc.uids.join(',') }}" data-gid="{{ gdoc.name }}"></input></td>
+        </tr>
+        {%- endfor -%}
+      </tbody>
+    </table>
+  </div>
+  <div class="section__body">
+    <button class="rounded button" name="remove_selected">{{ _('Remove Selected Group') }}</button>
+    <button class="rounded button" name="save_all">{{ _('Save All Changes') }}</button>
+  </div>
+</div>
+{% endblock %}

package/templates/domain_join.html

@@ -0,0 +1,47 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="domain_join__container">
+  <div class="row columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">
+          {% if joinSettings %}
+            {{ _('Join {0}').format(domainInfo['name']) }}
+          {% else %}
+            {{ _('You are invited to join {0}').format(domainInfo['name']) }}
+          {% endif %}
+        </h1>
+      </div>
+      <div class="section__body typo">
+        <p>{{ _('By clicking the button, you will become a member of the domain {0}.').format(domainInfo['name']) }}</p>
+      </div>
+      <div class="section__body typo">
+        <p>{{ _('The domain owner:') }} {{ user.render_inline(domainInfo['owner']) }}</p>
+      </div>
+      {% if domainInfo['bulletin'] %}
+        <div class="section__body typo">
+          {{ domainInfo['bulletin']|markdown }}
+        </div>
+      {% endif %}
+      <div class="section__body typo">
+        <form method="post">
+        {% if joinSettings['method'] == model.domain.JOIN_METHOD_CODE %}
+          {{ form.form_text({
+               columns:None,
+               label:'Invitation Code',
+               name:'code',
+               required:true,
+               help_text:'You need to enter the invitation code to join the domain.',
+               value:code,
+               autofocus:true
+          }) }}
+        {% endif %}
+          <input type="hidden" name="target" value="{{ target }}">
+          <input type="hidden" name="redirect" value="{{ redirect }}">
+          <button type="submit" class="primary rounded button">{{ _('Join') }}</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/domain_join_applications.html

@@ -0,0 +1,67 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+{% if joinSettings %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('Information') }}</h1>
+  </div>
+  <div class="section__body typo">
+    <p>{{ _('User can join this domain by visiting the following URL') }}:</p>
+    <pre><code class="language-data">{{ url_prefix|safe }}d/{{ handler.args.domainId }}/domain/join</code></pre>
+    {% if joinSettings['method'] == model.domain.JOIN_METHOD_CODE %}
+      <p>{{ _('Or, with automatically filled invitation code') }}:</p>
+      <pre><code class="language-data">{{ url_prefix|safe }}d/{{ handler.args.domainId }}/domain/join?code={{ joinSettings.code|urlencode }}</code></pre>
+    {% endif %}
+    {% if joinSettings.expire %}
+      <br/>
+      <blockquote class="note">
+        {{ (_('The link will be expired at {0}').format(datetimeSpan(joinSettings.expire, relative=false)))|safe }}
+      </blockquote>
+    {% endif %}
+  </div>
+</div>
+{% endif %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('Settings') }}</h1>
+  </div>
+  <div class="section__body">
+    <form method="POST">
+      {{ form.form_select({
+        options:model.domain.JOIN_METHOD_RANGE,
+        label:'Method',
+        name:'method',
+        value:joinSettings['method']|default(model.domain.JOIN_METHOD_NONE)
+      }) }}
+      {{ form.form_select({
+        options:rolesWithText,
+        label:'Role Assignment',
+        name:'role',
+        help_text:'The role to assign when user joining the domain.',
+        value:joinSettings['role']|default('')
+      }) }}
+      {{ form.form_text({
+        label:'Group Assignment (Optional)',
+        name:'group',
+        help_text:'The group to join when user joining the domain.',
+        value:joinSettings['group']|default('')
+      }) }}
+      {{ form.form_select({
+        options:expirations,
+        label:'Expire',
+        name:'expire',
+        help_text:'User will no longer be allowed to join the domain after expiration.'
+      }) }}
+      {{ form.form_text({
+        label:'Invitation Code',
+        name:'invitationCode',
+        help_text:'The invitation code to enter to successfully join the domain. You can only use letters and numbers in the code and it should not be longer than 64 characters.',
+        value:joinSettings['code']|default('')
+      }) }}
+      <button class="rounded primary button" role="submit">
+        {{ _('Update Settings') }}
+      </button>
+    </form>
+  </div>
+</div>
+{% endblock %}

package/templates/domain_permission.html

@@ -0,0 +1,66 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+<form method="post">
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('{0}: Permissions').format(domain.name) }}</h1>
+  </div>
+  <div class="section__body no-padding domain-users">
+    <table class="data-table">
+      <colgroup>
+        <col class="col--description">
+        {%- for role in roles -%}
+          <col class="col--p">
+        {%- endfor -%}
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--description">{{ _('Permissions') }}</th>
+          {%- for role in roles -%}
+            <th class="col--p"><span data-tooltip="{{ role._id }}">{{ role._id }}</span></th>
+          {%- endfor -%}
+        </tr>
+      </thead>
+      {%- for family, perms in PERMS_BY_FAMILY -%}
+        <tbody>
+          <tr><td class="col--family" colspan="{{ (roles|length)+1 }}">{{ _(family) }}</td></tr>
+          {%- for perm in perms -%}
+            <tr>
+              <td class="col--description">{{ _(perm.desc) }}</td>
+              {%- for role in roles -%}
+                <td class="col--p">
+                  <label class="compact checkbox">
+                    <input name="{{ role._id }}" data-checkbox-group="{{ role._id }}" data-checkbox-range value="{{ log2(perm.key) }}" type="checkbox"{% if role.perm|bitand(perm.key) %} checked{% endif %}{% if role._id == 'root' %} disabled{% endif %}>
+                  </label>
+                </td>
+              {%- endfor -%}
+            </tr>
+          {%- endfor -%}
+        </tbody>
+      {%- endfor -%}
+        <tbody style="display:none">
+          <tr><td class="col--family" colspan="{{ (roles|length)+1 }}">placeholder</td></tr>
+          <tr>
+            <td class="col--description">placeholder</td>
+            {%- for role in roles -%}
+              <td class="col--p">
+                <label class="compact checkbox">
+                  <input name="{{ role._id }}" data-checkbox-group="{{ role._id }}" data-checkbox-range value="1000" type="checkbox" checked{% if role._id == 'root' %} disabled{% endif %}>
+                </label>
+              </td>
+            {%- endfor -%}
+          </tr>
+        </tbody>
+    </table>
+  </div>
+  <div class="section__body">
+    <button class="rounded primary button" role="submit">
+      {{ _('Update Permission') }}
+    </button>
+    <button type="button" class="rounded button" onclick="window.history.go(-1)">
+      {{ _('Cancel') }}
+    </button>
+  </div>
+</div>
+</form>
+{% endblock %}