@shzlx/ui-default 4.58.2

package/templates/homework_edit.html

@@ -0,0 +1,138 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__body">
+        <form method="post">
+          {{ form.form_text({
+              columns:12,
+              label:'Title',
+              name:'title',
+              placeholder:_('title'),
+              value:tdoc['title']|default(''),
+              autofocus:true
+          }) }}
+          <div class="row">
+            {{ form.form_text({
+                columns:3,
+                label:'Begin Date',
+                name:'beginAtDate',
+                placeholder:'YYYY-mm-dd',
+                value:dateBeginText,
+                date:true,
+                row:false
+            }) }}
+            {{ form.form_text({
+                columns:2,
+                label:'Begin Time',
+                name:'beginAtTime',
+                placeholder:'HH:MM',
+                value:timeBeginText,
+                time:true,
+                row:false
+            }) }}
+            {{ form.form_text({
+                columns:3,
+                label:'End Date',
+                name:'penaltySinceDate',
+                placeholder:'YYYY-mm-dd',
+                value:datePenaltyText,
+                date:true,
+                row:false
+            }) }}
+            {{ form.form_text({
+                columns:2,
+                label:'End Time',
+                name:'penaltySinceTime',
+                placeholder:'HH:MM',
+                value:timePenaltyText,
+                time:true,
+                row:false
+            }) }}
+            {{ form.form_text({
+                row:false,
+                last_column:true,
+                columns:2,
+                label:'Extension (days)',
+                name:'extensionDays',
+                value:extensionDays
+            }) }}
+          </div>
+          <div class="row">
+            {{ form.form_text({
+                row:false,
+                columns:6,
+                label:'Assign',
+                name:'assign',
+                placeholder:_('Group / UID'),
+                value:tdoc.assign|default('')
+            }) }}
+            {{ form.form_text({
+                row:false,
+                last_column:true,
+                columns:6,
+                label:'Homework Maintainer',
+                name:'maintainer',
+                help_text:_('Allow to maintain this {0}').format(_('homework')),
+                value:tdoc.maintainer|default('')
+            }) }}
+          </div>
+          <div class="row"><div class="columns">
+            <label>
+              {{ _('Extension Score Penalty') }}
+              <textarea name="penaltyRules" class="monospace textbox" data-yaml>{% if tdoc %}{{ penaltyRules }}{% else %}{% include 'partials/homework_default_penalty_rules.yaml' %}{% endif %}</textarea>
+            </label>
+          </div></div>
+          {{ form.form_text({
+              columns:null,
+              label:'Problems',
+              name:'pids',
+              value:pids
+          }) }}
+          {{ form.form_textarea({
+              columns:null,
+              label:'Content',
+              name:'content',
+              value:tdoc['content']|default(''),
+              markdown:true
+          }) }}
+          {{ form.form_text({
+              columns:12,
+              label:'Submission language limit',
+              name:'langs',
+              value:tdoc.langs|default(''),
+              placeholder:_("Seperated with ','"),
+              row:true
+          }) }}
+          <div class="row"><div class="columns">
+          {% if page_name == 'homework_edit' %}
+            <button name="operation" value="update" type="submit" class="rounded primary button">
+              {{ _('Update') }}
+            </button>
+            <button name="operation" value="update" type="submit" formaction="{{ url('homework_create') }}" class="rounded button">
+              {{ _('Clone') }}
+            </button>
+            {% if handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_EDIT_HOMEWORK) %}
+              <button name="operation" value="delete" type="submit" class="rounded button">
+                {{ _('Delete') }}
+              </button>
+            {% endif %}
+          {% else %}
+            <button name="operation" value="update" 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/homework_files.html

@@ -0,0 +1,24 @@
+{% 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">
+    {% include "partials/homework_sidebar.html" %}
+  </div>
+</div>
+{% endblock %}

package/templates/homework_main.html

@@ -0,0 +1,76 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+{{ set(UiContext, 'docs', calendar) }}
+<div class="row">
+  <div class="medium-12 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('All Homeworks') }}</h1>
+        <div class="section__tools">
+          <span class="nojs--hide">
+            {{ _('View') }}:
+            <select class="inline compact select" name="homework_display">
+              <option value="calendar">{{ _('Calendar View') }}</option>
+              <option value="list" selected>{{ _('List View') }}</option>
+            </select>
+          </span>
+          <form method="get" class="filter-form" name="filter-form">
+            <input type="text" class="inline compact textbox" name="q" value="{{ q }}" placeholder="{{ _('Search homeworks...') }}">
+            <select class="inline compact select" name="group">
+              <option value=""{% if not group %} selected{% endif %}>{{ _('All') }}</option>
+              {%- for g in groups -%}
+                <option value="{{ g }}"{% if group == g %} selected{% endif %}>{{ g }}</option>
+              {%- endfor -%}
+              {%- if not groups|length -%}
+                <option disabled>{{ _('No group available') }}</option>
+              {%- endif -%}
+            </select>
+            <button type="submit" class="compact button hasjs--hide">
+              {{ _('Search') }}
+            </button>
+          </form>
+        {% if handler.user.hasPerm(perm.PERM_CREATE_HOMEWORK) %}
+          <a class="compact button" href="{{ url('homework_create') }}">{{ _('Create Homework') }}</a>
+        {% endif %}
+        </div>
+      </div>
+      <div class="section__body no-padding">
+      {% if not tdocs.length %}
+        {{ nothing.render('There is no homework so far ╰(*°▽°*)╯') }}
+      {% else %}
+        <ol class="section__list homework__list">
+        {%- for tdoc in tdocs -%}
+          <li class="section__list__item homework__item">
+            <div class="media">
+              <div class="media__left medium">
+                <div class="homework__date numbox">
+                  <div class="numbox__num large">{{ datetimeSpan(tdoc['penaltySince'], false, 'D')|safe }}</div>
+                  <div class="numbox__text">{{ datetimeSpan(tdoc['penaltySince'], false, 'YYYY-M')|safe }}</div>
+                </div>
+              </div>
+              <div class="media__body medium">
+                <h1 class="homework__title"><a href="{{ url('homework_detail', tid=tdoc.docId) }}" data-emoji-enabled>{{ tdoc.title }}</a></h1>
+                <ul class="supplementary list">
+                  <li>{{ _('Status') }}: {{ _(model.contest.statusText(tdoc)) }}</li>
+                  <li>{{ _('Open Since') }}: {{ datetimeSpan(tdoc['beginAt'])|safe }}</li>
+                  <li>
+                  {% if model.contest.isExtended(tdoc) or model.contest.isDone(tdoc) %}
+                    {{ _('Hard Deadline') }}: {{ datetimeSpan(tdoc['endAt'])|safe }}
+                  {% else %}
+                    {{ _('Deadline') }}: {{ datetimeSpan(tdoc['penaltySince'])|safe }}
+                  {% endif %}
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </li>
+        {%- endfor -%}
+        </ol>
+        {{ paginator.render(page, tpcount, add_qs=qs) }}
+        <div name="calendar_entry"></div>
+      {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/layout/basic.html

@@ -0,0 +1,27 @@
+{% set layout_name = "basic" %}
+{% extends "layout/html5.html" %}
+{% block body %}
+{% if UserContext %}{% include "partials/nav.html" %}{% endif %}
+<div class="slideout-panel" id="panel">
+  {% if handler.session.legacy and not handler.session.nohint %}
+    <div class="typo hint flex-row flex-main-center flex-cross-center">
+        <p>
+          {{ _('You are currently in legacy mode. Some additional features will be unavailable. We strongly recommend switching to standard mode on a modern browser.') }}
+          <a href="/legacy">{{ _('Standard mode') }}</a> <a href="/legacy?legacy=true&nohint=true">{{ _('Hidden') }}</a>
+        </p>
+    </div>
+  {% endif %}
+  <div class="slideout-overlay"></div>
+  {% if UserContext %}{% include "partials/header_mobile.html" %}{% endif %}
+  <div class="main">
+    {% for item in ui.getNodes('Notification').concat(notification or []) %}{% if item.checker(handler) %}
+      <div class="row typo"><blockquote class="{{ item.args.type }}">{{ _(item.name).format(item.args.args or [])|nl2br|safe }}</blockquote></div>
+    {% endif %}{% endfor %}
+    {% block content %}{% endblock %}
+  </div>
+  {% include "partials/footer.html" %}
+</div>
+{% if UserContext and not handler.user._id %}{% include "partials/login_dialog.html" %}{% endif %}
+{% endblock %}
+{% block ogp %}
+{% endblock %}

package/templates/layout/home_base.html

@@ -0,0 +1,13 @@
+{% import "components/home.html" as home with context %}
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row" data-sticky-parent>
+  <div class="medium-10 columns">
+    {% block home_content %}{% endblock %}
+  </div>
+  <div class="medium-2 columns"><div data-sticky="large">
+    {{ home.render_sidebar() }}
+    {% block home_sidebar %}{% endblock %}
+  </div></div>
+</div>
+{% endblock %}

package/templates/layout/html5.html

@@ -0,0 +1,74 @@
+{% import "components/form.html" as form with context %}
+{% import "components/sidemenu.html" as sidemenu with context %}
+{% import "components/paginator.html" as paginator with context %}
+{% import "components/nothing.html" as nothing with context %}
+{% import "components/noscript_note.html" as noscript_note with context %}
+{% import "components/user.html" as user with context %}
+<!DOCTYPE html>
+{% set theme = (handler.user|default({})).theme|default('default') %}
+<html data-page="{{ page_name }}" data-layout="{{ layout_name }}" class="layout--{{ layout_name }} page--{{ page_name }} theme--{{ theme }} nojs" data-mantine-color-scheme="{{ 'dark' if theme.includes('dark') else 'light' }}" lang="{{ UserContext.viewLang }}" data-app="Hydro">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ UiContext.cdn_prefix }}apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" href="{{ UiContext.cdn_prefix }}favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="{{ UiContext.cdn_prefix }}android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="{{ UiContext.cdn_prefix }}favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="{{ UiContext.cdn_prefix }}favicon-16x16.png" sizes="16x16">
+  {% if handler.context.request.url %}<link rel="canonical" href="{{ model.system.get('server.url') }}{{ handler.context.request.url.substring(1) }}">{% endif %}
+  <meta name="theme-color" content="#56758f">
+  {% block ogp_site %}
+  <meta property="og:site_name" content="{{ (handler.domain|default({ui:[]})).ui.name|default(model.system.get('server.name')) }}" />
+  <meta property="og:url" content="{{ model.system.get('server.url') }}{{ handler.request.path.slice(1) }}" />
+  <meta property="og:image" content="{{ UiContext.cdn_prefix }}favicon-96x96.png" />
+  {% endblock %}
+  {% block ogp %}
+  <meta property="og:title" content="{{ handler.renderTitle(page_name) }}" />
+  {% endblock %}
+  <title>{{ handler.renderTitle(page_name) }}</title>
+  <style>
+    body {
+      --font-family: "{{ UserContext.fontFamily }}", "Open Sans", "Seravek", "Segoe UI", "Verdana", "PingFang SC", "Hiragino Sans GB", "Lantinghei SC", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans";
+      --code-font-family: "{{ UserContext.codeFontFamily }}", "monaco", "Source Code Pro", "Consolas", "Lucida Console", "monospace";
+      --font-ligatures: {{ "normal" if UserContext.codeFontLigatures else "none" }} !important;
+    }
+    {% if not isIE(handler.request.headers['user-agent']) and not handler.session.legacy %}
+      #panel { display: flex; flex-direction: column; }
+    {% endif %}
+  </style>
+  {% if process.env.DEV %}
+    <script src="/default.theme.js?version={{ global.Hydro.version['ui-default'] }}"></script>
+    <link rel="stylesheet" media="all" href="/theme-{{ global.Hydro.version['ui-default'] }}.css">
+  {% else %}
+    <link rel="stylesheet" media="all" href="{{ UiContext.cdn_prefix }}theme-{{ global.Hydro.version['ui-default'] }}.css">
+  {% endif %}
+  {% if not isIE(handler.request.headers['user-agent']) and not handler.session.legacy %}
+    <script>
+      var _htmlNode = document.documentElement;
+      _htmlNode.className = _htmlNode.className.replace(' nojs', ' hasjs');
+      window.UiContext = '{{ UiContext|json|jsesc|safe }}';
+      window.UserContext = '{{ UserContext|json|jsesc|safe }}';
+    </script>
+  {% endif %}
+  {% set UiContext = Object.create(UiContext) %}
+  {% set UserContext = Object.create(UserContext) %}
+</head>
+<body>
+  {% if not isIE(handler.request.headers['user-agent']) and not handler.session.legacy %}
+    <script type="text/javascript" src="{{ UiContext.cdn_prefix if UiContext.cdn_dynamic else '/' }}resource/{{ UiContext.constantVersion }}/entry.js"></script>
+    <script type="text/javascript" src="{{ UiContext.cdn_prefix }}resource/{{ global.Hydro.version['ui-default'] }}/lang-{{ _('__id') }}.js"></script>
+    <script type="text/javascript" src="{{ UiContext.cdn_prefix }}hydro-{{ global.Hydro.version['ui-default'] }}.js{% if process.env.DEV %}?version=dev{% endif %}"></script>
+  {% endif %}
+  {% block body %}{% endblock %}
+  {% block script %}{% endblock %}
+  {% if not isIE(handler.request.headers['user-agent']) and not handler.session.legacy %}
+    <script>
+      window.UiContextNew = '{{ UiContext|json|jsesc|safe }}';
+      window.UserContextNew = '{{ UserContext|json|jsesc|safe }}';
+    </script>
+  {% endif %}
+</body>
+</html>

package/templates/layout/immersive.html

@@ -0,0 +1,22 @@
+{% set layout_name = "immersive" %}
+{% set no_path_section = true %}
+{% extends "layout/html5.html" %}
+{% block body %}
+
+{% include "partials/nav.html" %}
+
+<div class="slideout-panel" id="panel">
+  <div class="slideout-overlay"></div>
+  {% include "partials/header_mobile.html" %}
+  <div class="nav--placeholder"></div>
+  <div class="main">
+    {% block content %}{% endblock %}
+  </div>
+
+{% set show_topics = false %}
+{% include "partials/footer.html" %}
+</div>
+
+{% include "partials/login_dialog.html" %}
+
+{% endblock %}

package/templates/layout/mail.html

@@ -0,0 +1,31 @@
+{% set layout_name = "mail" %}
+<style>
+body, .hydro { margin:0;color:#333;font-size:14px;font-family:"Tahoma","Segoe UI","Verdana","微软雅黑","Microsoft YaHei","宋体";background:#F2F2F2; }
+.hydro { padding:30px; }
+.hydro-box { background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.3);border-radius:5px; }
+.hydro-header { background:#3AA9DE;color:#FFF;padding:10px;line-height:200%;font-size:15px;border-radius:5px 5px 0 0;border-bottom:3px solid #85CAEB; }
+.hydro-footer { font-size:12px;color:#444;padding:10px;border-top:1px solid #DDD;background:#F4F4F4;border-radius:0 0 5px 5px; }
+.hydro-content { padding:30px; }
+.hydro-content p { margin:5px 0; }
+.hydro a,
+.hydro a:visited,
+.hydro a:link,
+.hydro a:active { color:#1D76C7;text-decoration:none; }
+.hydro a:hover { color:#3A93E2;text-decoration:underline; }
+.hydro blockquote { padding:5px 10px;border-left:10px solid #E2EFFA;margin:20px;margin-left:0;_zoom:1; }
+#hydro_mail .t { font-size:16px; }
+#hydro_mail .f { font-style:italic; }
+</style>
+<div class="hydro">
+<div class="hydro-box">
+<div class="hydro-header">{% block title %}{% endblock %} - {{ handler.domain.ui.name|default(model.system.get('server.name')) }}</div>
+<div class="hydro-content">
+{% block content %}{% endblock %}
+</div>
+<div class="hydro-footer">
+<p>{{ _('This email was sent by {0} automatically, and please do not reply directly.').format('<a href="' + url_prefix + '/" target="_blank">' + model.system.get('server.name') + '</a>')|safe }}</p>
+<p>{{ _('This email was requested from {0}').format(handler.request.ip) }}
+</div>
+</div>
+</div>
+

package/templates/layout/simple.html

@@ -0,0 +1,4 @@
+{% set layout_name = "basic" %}
+{% extends "layout/html5.html" %}
+{% block body %}
+{% endblock %}

package/templates/layout/wiki_base.html

@@ -0,0 +1,16 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row" data-sticky-parent>
+  <div class="medium-9 columns">
+    {% block wiki_content %}{% endblock %}
+  </div>
+  <div class="medium-3 columns"><div data-sticky="large">
+    <div class="section side">
+      <ol class="menu">
+        {{ sidemenu.render_item('info', 'wiki_about') }}
+        {{ sidemenu.render_item('help', 'wiki_help') }}
+      </ol>
+    </div>
+  </div></div>
+</div>
+{% endblock %}

package/templates/main.html

@@ -0,0 +1,22 @@
+{% set page_name = "homepage" %}
+{% extends "layout/basic.html" %}
+{% import "components/contest.html" as contest with context %}
+{% import "components/problem.html" as problem with context %}
+{% import "components/user.html" as user with context %}
+{% block content %}
+<div class="row">
+  {% for column in contents %}
+    <div class="large-{{ column.width }} columns">
+      {% for s in column.sections %}
+        {% if templateExists("partials/homepage/" + s[0] + ".html") %}
+          {% set payload = s[1] %}
+          {% include "partials/homepage/" + s[0] + ".html" %}
+        {% else %}
+          {% set payload = _("Template {0} not found.").format(s[0]) %}
+          {% include "partials/homepage/error.html" %}
+        {% endif %}
+      {% endfor %}
+    </div>
+  {% endfor %}
+</div>
+{% endblock %}

package/templates/manage_base.html

@@ -0,0 +1,24 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row" data-sticky-parent>
+  <div class="medium-9 columns">
+  {% block manage_content %}{% endblock %}
+  </div>
+  <div class="medium-3 columns"><div data-sticky="large">
+    <div class="section side">
+      <ol class="menu">
+        <li class="menu__item">
+          <div class="menu__link expandable">
+            <span class="icon icon-info"></span> {{ _('Properties') }}
+          </div>
+          <ol class="menu collapsed">
+            {%- for item in ui.getNodes('ControlPanel') -%}
+              {{ sidemenu.render_item(item.icon, item.name) }}
+            {%- endfor -%}
+          </ol>
+        </li>
+      </ol>
+    </div>
+  </div></div>
+</div>
+{% endblock %}

package/templates/manage_config.html

@@ -0,0 +1,6 @@
+{% extends "manage_base.html" %}
+{% block manage_content %}
+{{ set(UiContext, 'schema', schema) }}
+{{ set(UiContext, 'config', value) }}
+<div id="app"></div>
+{% endblock %}

package/templates/manage_dashboard.html

@@ -0,0 +1,27 @@
+{% import "components/user.html" as user %}
+{% extends "manage_base.html" %}
+{% block manage_content %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title" data-heading>{{ _('Messages') }}</h1>
+  </div>
+  <div class="section__body typo" id="messages"></div>
+</div>
+<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="restart">
+        <button type="submit" class="primary rounded button"><span class="icon icon-refresh"></span> {{ _('Restart') }}</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>
+    </dl>
+  </div>
+</div>
+{% endblock %}

package/templates/manage_script.html

@@ -0,0 +1,56 @@
+{% extends "manage_base.html" %}
+{% block manage_content %}
+<div style="display: none" class="dialog__body--run-script">
+  <div>
+    <div class="row"><div class="columns">
+      <h1>{{ _('Run script') }}</h1>
+    </div></div>
+    <div class="row">
+      <div class="medium-12 columns">
+        <label>
+          {{ _('Params') }}
+          <input name="args" type="text" class="textbox" autocomplete="off" data-autofocus>
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('Scripts') }}</h1>
+    <div class="section__tools">
+      <a class="tool-button" href="{{ url('wiki_help', anchor='script') }}"><span class="icon icon-help"></span> {{ _("What's script?") }}</a>
+    </div>
+  </div>
+  <div class="section__body no-padding">
+    {{ noscript_note.render() }}
+    <table class="data-table">
+      <colgroup>
+        <col class="col--id">
+        <col class="col--desc">
+        <col class="col--action">
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--id">{{ _('ID') }}</th>
+          <th class="col--desc">{{ _('Description') }}</th>
+          <th class="col--action">{{ _('Action') }}</th>
+        </tr>
+      </thead>
+      <tbody>
+      {%- for id, script in scripts -%}
+      {% if not script.hidden %}
+        <tr>
+          <td class="col--id">{{ id }}</td>
+          <td class="col--desc">{{ _(script.description|default(_('None'))) }}</td>
+          <td class="col--action">
+            <a class="typo-a" href="javascript: window.runScript('{{ id }}')">{{ _('Run') }}</a>
+          </td>
+        </tr>
+      {% endif %}
+      {%- endfor -%}
+      </tbody>
+    </table>
+  </div>
+</div>
+{% endblock %}

package/templates/manage_setting.html

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

package/templates/manage_user_import.html

@@ -0,0 +1,23 @@
+{% import "components/user.html" as user %}
+{% extends "manage_base.html" %}
+{% block manage_content %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title" data-heading>{{ _('Import User') }}</h1>
+  </div>
+  <div class="section__body">
+    {{ noscript_note.render() }}
+    <pre name="messages"></pre>
+    {{ form.form_textarea({
+        columns:null,
+        label:'Users',
+        name:'users',
+        nospellcheck: true
+        }) }}
+    <div class="row"><div class="column">
+      <button name="preview" class="rounded primary button">{{ _('Preview') }}</button>
+      <button name="submit" class="rounded button">{{ _('Submit') }}</button>
+    </div></div>
+  </div>
+</div>
+{% endblock %}