200 lines
13 KiB
Plaintext
200 lines
13 KiB
Plaintext
{% import "includes/macros" as macros %}
|
|
{% extends "base" %}
|
|
{% block content %}
|
|
<div class="max-w-screen-lg w-full">
|
|
<h1 class="h1">Users</h1>
|
|
{% if allowed_to_edit %}
|
|
<details class="mt-5 bg-gray-200 dark:bg-primary-600 p-3 rounded-md">
|
|
<summary class="px-3 cursor-pointer text-md font-bold text-primary-950 dark:text-white">
|
|
Neue Person hinzufügen
|
|
</summary>
|
|
|
|
<div class="grid sm:grid-cols-3 gap-3 mt-3">
|
|
<button type="button"
|
|
onclick="document.getElementById('add-clubuser').showModal()"
|
|
class="btn btn-primary">Vereinsmitglied</button>
|
|
<button type="button"
|
|
onclick="document.getElementById('add-scheckbuch').showModal()"
|
|
class="btn btn-dark">Scheckbuch</button>
|
|
<button type="button"
|
|
onclick="document.getElementById('add-schnupperkurs').showModal()"
|
|
class="btn btn-dark">Schnupperkurs</button>
|
|
|
|
|
|
</div>
|
|
<dialog id="add-clubuser"
|
|
class="max-w-screen-sm w-full dark:bg-primary-900 dark:text-white rounded-md"
|
|
onclick="document.getElementById('add-clubuser').close()">
|
|
<div onclick="event.stopPropagation();" class="p-3">
|
|
<button type="button"
|
|
onclick="document.getElementById('add-clubuser').close()"
|
|
title="Schließen"
|
|
class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45 absolute right-0 mr-3">
|
|
<svg class="inline h-5 w-5"
|
|
width="16"
|
|
height="16"
|
|
fill="currentColor"
|
|
viewBox="0 0 16 16">
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
|
|
</svg>
|
|
</button>
|
|
<div class="mt-8">
|
|
<h2 class="h3 mb-3">Neues Vereinsmitglied</h2>
|
|
<form action="/admin/user/new/clubmember"
|
|
method="post"
|
|
enctype="multipart/form-data"
|
|
class="grid gap-3">
|
|
<div>
|
|
<label for="membertype" class="text-sm text-gray-600 dark:text-gray-100">Mitgliedstyp</label>
|
|
<select name="membertype" id="membertype" class="input rounded-md ">
|
|
<option selected="" value="regular">Reguläres Vereinsmitglied</option>
|
|
<option value="unterstuetzend">Unterstützendes Vereinsmitglied</option>
|
|
<option value="foerdernd">Förderndes Vereinsmitglied</option>
|
|
</select>
|
|
</div>
|
|
{{ macros::input(label='Name', name='name', type="text", required=true) }}
|
|
{{ macros::input(label='Mailadresse', name='mail', type="email", required=true, placeholder='user@mail.at') }}
|
|
{{ macros::select(label="Finanzielles", data=financial, name='financial_id', display=['name'], default="Keine Ermäßigung") }}
|
|
{{ macros::input(label='Mitglied seit', name='member_since', type="date", value=now() | date(), required=true) }}
|
|
{{ macros::input(label='Geburtsdatum', name='birthdate', type="date", required=true) }}
|
|
{{ macros::input(label='Telefonnummer', name='phone', type="text", required=true) }}
|
|
{{ macros::input(label='Adresse', name='address', type="text", required=true) }}
|
|
{{ macros::input(label='Beitrittserklärung', name='membership_pdf', type="file", accept='application/pdf', required=true) }}
|
|
<input value="Neues Vereinsmitglied anlegen"
|
|
type="submit"
|
|
class="btn btn-primary" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog id="add-scheckbuch"
|
|
class="max-w-screen-sm w-full dark:bg-primary-900 dark:text-white rounded-md"
|
|
onclick="document.getElementById('add-scheckbuch').close()">
|
|
<div onclick="event.stopPropagation();" class="p-3">
|
|
<button type="button"
|
|
onclick="document.getElementById('add-scheckbuch').close()"
|
|
title="Schließen"
|
|
class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45 absolute right-0 mr-3">
|
|
<svg class="inline h-5 w-5"
|
|
width="16"
|
|
height="16"
|
|
fill="currentColor"
|
|
viewBox="0 0 16 16">
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
|
|
</svg>
|
|
</button>
|
|
<div class="mt-8">
|
|
<h2 class="h3 mb-3">Neues Scheckbuch</h2>
|
|
<form action="/admin/user/new/scheckbuch"
|
|
method="post"
|
|
enctype="multipart/form-data"
|
|
class="grid gap-3">
|
|
{{ macros::input(label='Name', name='name', type="text", required=true) }}
|
|
{{ macros::input(label='Mailadresse', name='mail', type="email", required=true, placeholder='user@mail.at') }}
|
|
<input value="Neues Scheckbuch anlegen"
|
|
type="submit"
|
|
class="btn btn-primary" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog id="add-schnupperkurs"
|
|
class="max-w-screen-sm w-full dark:bg-primary-900 dark:text-white rounded-md"
|
|
onclick="document.getElementById('add-schnupperkurs').close()">
|
|
<div onclick="event.stopPropagation();" class="p-3">
|
|
<button type="button"
|
|
onclick="document.getElementById('add-schnupperkurs').close()"
|
|
title="Schließen"
|
|
class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45 absolute right-0 mr-3">
|
|
<svg class="inline h-5 w-5"
|
|
width="16"
|
|
height="16"
|
|
fill="currentColor"
|
|
viewBox="0 0 16 16">
|
|
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
|
|
</svg>
|
|
</button>
|
|
<div class="mt-8">
|
|
<form action="/admin/user/new/schnupper"
|
|
method="post"
|
|
enctype="multipart/form-data"
|
|
class="grid gap-3">
|
|
<h2 class="h3 mb-3">Neuer Schnupperant</h2>
|
|
|
|
<div>
|
|
<label for="schnupper_type" class="text-sm text-gray-600 dark:text-gray-100">Typ</label>
|
|
<select name="schnupper_type" id="schnupper_type" class="input rounded-md ">
|
|
<option value="schnupperInterested">Interessiert am Schnupperkurs</option>
|
|
<option value="schnupperant">Fixe Schnupperkurs-Anmeldung</option>
|
|
</select>
|
|
</div>
|
|
{{ macros::input(label='Name', name='name', type="text", required=true) }}
|
|
{{ macros::input(label='Mailadresse', name='mail', type="email", required=true, placeholder='user@mail.at') }}
|
|
{{ macros::select(label="Finanzielles", data=financial, name='financial_id', display=['name'], default="Keine Ermäßigung") }}
|
|
<input value="Hinzufügen" type="submit" class="btn btn-primary" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</dialog>
|
|
</details>
|
|
{% endif %}
|
|
<!-- START filterBar -->
|
|
<div class="search-wrapper flex">
|
|
<label for="name" class="sr-only">Suche</label>
|
|
<input type="search"
|
|
name="name"
|
|
id="filter-js"
|
|
class="search-bar"
|
|
placeholder="Suchen nach (Name, [yes|no]-role:<name>, has-[no-]membership-pdf)" />
|
|
<div class="relative">
|
|
<button id="dropdownbtn"
|
|
data-dropdown="dropdown"
|
|
class="btn btn-dark ml-3"
|
|
type="button">Sortieren</button>
|
|
<!-- Dropdown menu -->
|
|
<div id="dropdown"
|
|
class="z-10 hidden bg-white divide-y divide-gray-100 text-secondary-900 rounded-lg shadow-sm w-44 absolute right-0">
|
|
<ul class="py-2 text-sm" aria-labelledby="dropdownbtn">
|
|
<li>
|
|
<a href="./user"
|
|
class="block px-4 py-2 hover:bg-gray-100 hover:text-secondary-950">Zuletzt eingeloggt</a>
|
|
</li>
|
|
<li>
|
|
<a href="?sort=name&asc"
|
|
class="block px-4 py-2 hover:bg-gray-100 hover:text-secondary-950">Name A-Z</a>
|
|
</li>
|
|
<li>
|
|
<a href="?sort=name"
|
|
class="block px-4 py-2 hover:bg-gray-100 hover:text-secondary-950">Name Z-A</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END filterBar -->
|
|
<div id="filter-result-js" class="search-result"></div>
|
|
{% for user in users %}
|
|
<div data-filterable="true"
|
|
data-filter="{{ user.name }} {% for role in roles %} {% if role.name in user.roles %} yes-role:{{ role.name }} {% else %} no-role:{{ role.name }} {% endif %} role-{{ role }} {% endfor %} {% if user.membership_pdf %}has-membership-pdf{% else %}has-no-membership-pdf{% endif %}"
|
|
class="border-t bg-white dark:bg-primary-900 py-3 px-4 relative flex justify-between items-center">
|
|
<span class="text-black dark:text-white">
|
|
<span class="font-bold">
|
|
{{ user.name }}
|
|
{% if user.last_access %}• ⏳ {{ user.last_access | date }}{% endif %}
|
|
</span>
|
|
<small class="block text-gray-600 dark:text-gray-100">
|
|
{% for role in user.roles -%}
|
|
{{ role }}
|
|
{%- if not loop.last %},
|
|
{% endif -%}
|
|
{% endfor %}
|
|
</small>
|
|
</span>
|
|
<a href="/admin/user/{{ user.id }}" class="btn btn-dark ml-3">{% include "includes/pencil" %}</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock content %}
|