forked from Ruderverein-Donau-Linz/rowt
nicer explanations
This commit is contained in:
@ -3,8 +3,7 @@
|
||||
<div class="w-full flex justify-between items-center">
|
||||
<div>
|
||||
<span class="text-[#ff0000]">♥</span>
|
||||
Erstellt vom ASKÖ Ruderverein Donau Linz <a class="underline"
|
||||
onclick="alert('Wir suchen kreative und motivierte Köpfe, die diesen Ruderassistenten mitgestalten möchten. Das Backend ist in Rust (Rocket), das Frontend in TypeScript und Teraform, wobei wir mit dem Gedanken spielen, zu Svelte(Kit) zu wechseln.\n\nWenn du Lust hast, deine Skills in ein Projekt zu stecken, das Wellen schlagen wird, dann komm an Bord! Wir sind offen für frische Ideen, haben jedoch auch selber noch genügend; langweilig wird uns bestimmt nicht.\n\nWirf den Anker bei uns ausi und melde dich bei Marie oder Philipp oder it@rudernlinz.at – für eine Zukunft ohne optische Kenterung in Form von hässlichen Alerts ;)');">... und dir?</a>
|
||||
Erstellt von <a class="underline" href="https://ruad.at" target="_blank">ruad.at</a>
|
||||
</div>
|
||||
<div>
|
||||
<button id="theme-toggle-js"
|
||||
|
||||
@ -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="/">
|
||||
Hü
|
||||
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 → <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) %}
|
||||
|
||||
Reference in New Issue
Block a user