nicer explanations
Some checks failed
CI/CD Pipeline / test (push) Failing after 6m20s
CI/CD Pipeline / deploy-main (push) Has been skipped

This commit is contained in:
2024-12-11 19:22:29 +01:00
parent a5a5b1ec25
commit 64ca9826ea
8 changed files with 153 additions and 75 deletions

View File

@@ -73,10 +73,13 @@ function setChoiceByLabel(choicesInstance, label) {
<div class="max-w-screen-xl w-full flex justify-between items-center">
<div class="w-1/3 truncate">
<a href="/">
Ahoi
{{ loggedin_user.name }}
</a>
</div>
<div class="w-1/3 text-xl"
onclick="document.getElementById('call-for-action').showModal()">💡</div>
<div class="flex items-center">
{% if loggedin_user.amount_unread_notifications > 0 %}
<a href="/#notification"
@@ -110,6 +113,8 @@ function setChoiceByLabel(choicesInstance, label) {
{% if "admin" in loggedin_user.roles %}
<a href="/admin/user"
class="block w-100 py-2 hover:text-primary-600 border-t">Mitgliederverwaltung</a>
<a href="/admin/log"
class="block w-100 py-2 hover:text-primary-600 border-t">Log</a>
{% endif %}
<a href="/auth/logout"
class="block w-100 py-2 hover:text-primary-600 border-t">Ausloggen
@@ -133,6 +138,78 @@ function setChoiceByLabel(choicesInstance, label) {
</div>
</div>
</header>
<dialog id="call-for-action"
class="max-w-screen-sm dark:bg-primary-600 dark:text-white rounded-md"
onclick="document.getElementById('call-for-action').close()">
<div onclick="event.stopPropagation();" class="p-3">
<button type="button"
onclick="document.getElementById('call-for-action').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">
<p class="p-2">
Willkommen in der Testversion von ruad.at!
Hier wird nochmal <s>alles</s> vieles erklärt.
Wenn du Fragen/Wünsche/... hast, kannst du dich gerne jederzeit unter <a href="mailto:philipp@hofer.link">philipp@hofer.link</a> melden.
</p>
<details class="p-2">
<summary>Rollen: Admin, Steuerperson, Anfänger + Eventmanager</summary>
<p>
Aktuell gibt es <b>4 Rollen</b>, die jedes Mitglied haben kann:
<ol class="list-decimal p-5">
<li><emph>Admin:</emph> dürfen Mitglieder verwalten (siehe Menüeintrag rechts oben &rarr; <q>Mitgliederverwaltung</q></li>
<li><emph>Steuerperson:</emph> können selbstständig <q>Ausfahrten</q> ausschreiben/bearbeiten, und sich zum steuern bei <q>Events</q> melden</li>
<li><emph>Anfänger:</emph> sehen nur Ausfahrten und Events, die explizit für Anfänger ausgeschrieben wurden</li>
<li><emph>Eventmanager:</emph> können <q>Events</q> ausschreiben/bearbeiten</li>
</ol>
</p>
</details>
<details class="p-2">
<summary>Rudertrips: Ausfahrten + Events</summary>
<p class="mt-3">
Es gibt 2 Arten von Rudertrips, die ausgeschrieben werden können:
<ol class="list-decimal p-5">
<li>Ausfahrten: Können jederzeit von Steuerpersonen ausgeschrieben/bearbeitet werden</li>
<li>Events: für Veranstaltungen, wo nicht nur Rudererinnen gesucht werden, sondern auch Steuerpersonen (zB Anrudern, Abrudern, Sternfahrten, Wanderfahrten, ...)</li>
</ol>
</p>
</details>
<details class="p-2">
<summary>Bearbeiten</summary>
<p class="mt-3">
Details, wie zB Anmerkungen können jederzeit geändert werden.
Wichtige Infos, auf die sich Rudernde verlassen (zB Startzeit und Ausfahrtstyp) können nicht mehr geändert werden.
Wenn sich die Startzeit ändert, kann man die Ausfahrt/Event absagen und stattdessen einen neuen Trip ausschreiben.
</p>
</details>
<details class="p-2">
<summary>Absagen/Löschen</summary>
<p class="mt-3">
Ausfahrten und Events können gelöscht werden, solange keine Ruderer angemeldet sind.
Sobald jemand angemeldet ist, kann die Ausfahrt/Event nicht mehr gelöscht werden, dafür <q>abgesagt</q> werden.
In diesem Fall bekommen alle die sich angemeldet haben eine Nachricht.
Sobald alle die Nachricht gelesen haben, wird der Trip automatisch gelöscht.
</p>
</details>
<details class="p-2">
<summary>Wieviele Tage sehe ich?</summary>
<p class="mt-3">
Rudernde sehen alle Trips 10 Tage im voraus + zusätzlich alle, wo <q>Immer Anzeigen</q> ausgewählt wurde.
Steuerpersonen sehen das ganze Jahr (um im Vorhinein Ausfahrten ausschreiben zu können). Ab Dezember sehen sie auch das volle kommende Jahr.
</p>
</details>
</div>
</dialog>
<div class="h-8"></div>
{% endmacro header %}
{% macro input(label, name, type, required=false, class='rounded-md', value='', min='', hide_label=false, id='', autofocus=false, wrapper_class='', pattern='', readonly=false, accept='') %}
@@ -169,7 +246,7 @@ function setChoiceByLabel(choicesInstance, label) {
{{name}}
{%- endif -%}
{% endmacro fancy_role_name %}
{% macro checkbox(label, name, id='', checked=false, class='', disabled=false, readonly=false) %}
{% macro checkbox(label, name, id='', checked=false, class='', disabled=false, readonly=false, help=false) %}
<label for="{{ name }}{{ id }}"
class="flex items-center cursor-pointer text-black dark:text-white hover:text-gray-900 dark:hover:text-gray-100 {{ class }}">
<input type="checkbox"
@@ -180,6 +257,33 @@ function setChoiceByLabel(choicesInstance, label) {
{% if readonly %}readonly="readonly"{% endif %}
class="h-4 w-4 accent-primary-600 dark:accent-primary-200 mr-2" />
{{ self::fancy_role_name(name=label) }}
{% if help %}
<span class=""
onclick="this.nextElementSibling.showModal()">❓</span>
<dialog
class="max-w-screen-sm dark:bg-primary-600 dark:text-white rounded-md"
onclick="this.close()">
<div onclick="event.stopPropagation();" class="p-3">
<button type="button"
onclick="this.parentNode.parentNode.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">
<p>
{{help}}
</p>
</div>
</dialog>
{% endif %}
</label>
{% endmacro checkbox %}
{% macro select(label, data, name='trip_type', default='', id='', selected_id='', display='', extras='', class='', wrapper_class='', required=false, show_seats=false, new_last_entry='', nonSelectableDefault=false, only_ergo=false) %}