You've already forked snikket-web-portal
This allows us to have two levels of emphasis for the actual form buttons and is also in line with the global "Log out" navigational button.
101 lines
3.9 KiB
HTML
101 lines
3.9 KiB
HTML
{% extends "admin_app.html" %}
|
|
{% from "library.j2" import form_button, standard_button, value_or_hint, custom_form_button, clipboard_button %}
|
|
{% block head_lead %}
|
|
{{ super() }}
|
|
{% include "copy-snippet.html" %}
|
|
{% endblock %}
|
|
{% block content %}
|
|
<h1>{% trans circle_name=(target_circle | circle_name) %}Edit circle {{ circle_name }}{% endtrans %}</h1>
|
|
<form method="POST">
|
|
{{- form.csrf_token -}}
|
|
{%- if target_circle.id_ == "default" -%}
|
|
<input type="hidden" name="{{ form.name.name }}" value="{{ form.name.data }}">{#- -#}
|
|
<div class="box hint form layout-expanded">
|
|
<header>{% trans %}This is your main circle{% endtrans %}</header>
|
|
<p>{% trans %}This circle is managed automatically and cannot be removed or renamed.{% endtrans %}</p>
|
|
{%- if target_circle.muc_jid -%}
|
|
<div><label for="circle-muc-jid">{% trans %}Group chat address{% endtrans %}</label></div>
|
|
<div><input type="text" readonly="readonly" id="circle-muc-jid" value="{{ target_circle.muc_jid }}"></div>
|
|
{%- call clipboard_button(target_circle.muc_jid, show_label=True) -%}
|
|
{%- trans -%}Copy address{%- endtrans -%}
|
|
{%- endcall -%}
|
|
{%- endif -%}
|
|
</div>
|
|
{%- else -%}
|
|
<div class="form layout-expanded">
|
|
<h2 class="form-title">{% trans %}Circle information{% endtrans %}</h2>
|
|
<div class="f-ebox">
|
|
{{ form.name.label }}
|
|
{{ form.name }}
|
|
</div>
|
|
<div class="f-ebox">
|
|
{%- if target_circle.muc_jid -%}
|
|
<label for="circle-muc-jid">{% trans %}Group chat address{% endtrans %}</label>
|
|
<input type="text" readonly="readonly" id="circle-muc-jid" value="{{ target_circle.muc_jid }}">
|
|
{%- call clipboard_button(target_circle.muc_jid, show_label=True) -%}
|
|
{%- trans -%}Copy address{%- endtrans -%}
|
|
{%- endcall -%}
|
|
{%- else -%}
|
|
<p>{% trans %}This circle has no group chat associated.{% endtrans %}<p>
|
|
{%- endif -%}
|
|
</div>
|
|
<div class="f-bbox">
|
|
{%- call standard_button("back", url_for(".circles"), class="tertiary") -%}
|
|
{% trans %}Return to circle list{% endtrans %}
|
|
{%- endcall -%}
|
|
{%- call form_button("done", form.action_save, class="primary") %}{% endcall -%}
|
|
</div>
|
|
<h3 class="form-title">{% trans %}Delete circle{% endtrans %}</h3>
|
|
<p class="form-desc">{% trans %}Deleting a circle does not delete any users in the circle.{% endtrans %}</p>
|
|
<div class="f-bbox">
|
|
{%- call form_button("delete", form.action_delete, class="secondary danger") %}{% endcall -%}
|
|
</div>
|
|
</div>
|
|
{%- endif -%}
|
|
<h2 id="members">{% trans %}Circle members{% endtrans %}</h2>
|
|
{%- if circle_members -%}
|
|
<div class="el-2 elevated"><table>
|
|
<thead>
|
|
<th>Login name</th>
|
|
<th class="collapsible">Display name</th>
|
|
<th>Actions</th>
|
|
</thead>
|
|
<tbody>
|
|
{%- for member in circle_members -%}
|
|
<tr>
|
|
<td>{{ member.localpart }}</td>
|
|
<td class="collapsible">{% call value_or_hint(member.display_name) %}{% endcall %}</td>
|
|
<td class="nowrap">
|
|
{%- call custom_form_button("remove_user", form.action_remove_user.name, member.localpart, class="primary danger", slim=True) -%}
|
|
{% trans username=member.localpart %}Remove user {{ username }} from circle{% endtrans %}
|
|
{%- endcall -%}
|
|
</td>
|
|
</tr>
|
|
{%- endfor -%}
|
|
</tbody>
|
|
</table></div>
|
|
{%- else -%}
|
|
<p>{% trans %}This circle currently has no members.{% endtrans %}</p>
|
|
{%- endif -%}
|
|
<h3>{% trans %}Invite more members{% endtrans %}</h3>
|
|
{%- if form.user_to_add.choices -%}
|
|
<div class="form layout-expanded">
|
|
<h4 class="form-title">{% trans %}Add existing user{% endtrans %}</h4>
|
|
<div class="f-ebox">
|
|
{{- form.user_to_add.label -}}
|
|
<div class="select-wrap">{{ form.user_to_add }}</div>
|
|
</div>
|
|
<div class="f-bbox">
|
|
{%- call form_button("add_user", form.action_add_user, class="primary") %}{% endcall -%}
|
|
</div>
|
|
</div>
|
|
{%- else -%}
|
|
<div class="elevated box success el-2">
|
|
<header>{% trans %}All users added{% endtrans %}</header>
|
|
<p>{% trans %}All users on this service are already in this circle.{% endtrans %}</p>
|
|
</div>
|
|
{%- endif -%}
|
|
</form>
|
|
{%- include "admin_create_invite_form.html" -%}
|
|
{% endblock %}
|