46 lines
3.3 KiB
Plaintext
46 lines
3.3 KiB
Plaintext
<%#
|
|
Admin group membership body, captured into the shell content slot. Config:
|
|
group { name }
|
|
members { action, rows: { kind:"group"|"identity", label, subject }[] } action = remove-member endpoint
|
|
add { action, options: {label,value}[] } action = add-member endpoint
|
|
del { action } delete the whole group
|
|
csrfToken, error?
|
|
%><%
|
|
const group = locals.group;
|
|
const members = locals.members;
|
|
const add = locals.add;
|
|
const del = locals.del;
|
|
const csrf = locals.csrfToken;
|
|
-%>
|
|
<div class="form-page">
|
|
<% if (locals.error) { -%>
|
|
<%- include("partials/alert", { text: locals.error, tone: "neg" }) %>
|
|
<% } -%>
|
|
<section class="form-card" aria-labelledby="members-h">
|
|
<h2 class="card-title" id="members-h"><%= t("admin.groups.members") %></h2>
|
|
<% if (members.rows.length) { -%>
|
|
<div class="table-wrap"><table class="table"><caption class="sr-only"><%= t("admin.groups.membersOf", { name: group.name }) %></caption><thead><tr><th scope="col"><%= t("admin.common.member") %></th><th scope="col"><%= t("admin.common.type") %></th><th class="col-actions" scope="col"><span class="sr-only"><%= t("table.actions") %></span></th></tr></thead><tbody>
|
|
<% members.rows.forEach((m) => { -%>
|
|
<tr><th scope="row"><span class="cell-strong"><%= m.label %></span></th><td><span class="badge info"><span class="dot"></span><%= m.kind === "group" ? t("admin.common.group") : t("admin.common.user") %></span></td><td class="col-actions"><form method="post" action="<%= localeHref(members.action) %>"><input type="hidden" name="_csrf" value="<%= csrf %>"><input type="hidden" name="member" value="<%= m.subject %>"><button class="btn" type="submit"><svg class="ico ico-sm" aria-hidden="true"><use href="#i-x"/></svg><%= t("common.remove") %></button></form></td></tr>
|
|
<% }) -%>
|
|
</tbody></table></div>
|
|
<% } else { -%>
|
|
<p class="cell-muted"><%= t("admin.groups.noMembers") %></p>
|
|
<% } -%>
|
|
</section>
|
|
<section class="form-card" aria-labelledby="add-h">
|
|
<h2 class="card-title" id="add-h"><%= t("admin.groups.addMember") %></h2>
|
|
<% if (add.options.length) { -%>
|
|
<form class="inline-form" method="post" action="<%= localeHref(add.action) %>"><input type="hidden" name="_csrf" value="<%= csrf %>"><label class="sr-only" for="add-member"><%= t("admin.common.member") %></label><span class="select"><select id="add-member" name="member" required><option value="" disabled selected><%= t("admin.common.chooseMember") %></option><% add.options.forEach((o) => { %><option value="<%= o.value %>"><%= o.label %></option><% }) %></select></span><button class="btn btn-primary" type="submit"><svg class="ico ico-sm" aria-hidden="true"><use href="#i-plus"/></svg><%= t("common.add") %></button></form>
|
|
<% } else { -%>
|
|
<p class="cell-muted"><%= t("admin.groups.allMembers") %></p>
|
|
<% } -%>
|
|
</section>
|
|
<% if (locals.permissions) { -%>
|
|
<%- include("partials/permission-picker", { csrfToken: csrf, permissions: locals.permissions }) %>
|
|
<% } -%>
|
|
<section class="form-card admin-actions" aria-label="<%= t("admin.groups.actions") %>">
|
|
<a class="btn btn-danger" href="<%= localeHref(del.action) %>"><svg class="ico ico-sm" aria-hidden="true"><use href="#i-trash"/></svg><%= t("admin.groups.delete") %></a>
|
|
</section>
|
|
</div>
|