From 8d951b9a1b34bb89f56b7be86b5967d5c5436dd1 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Wed, 3 May 2023 22:41:37 +0200
Subject: [PATCH] [TASK] add macro for faq

---
 templates/faq.html.tera             | 56 +++++++++++++----------------
 templates/includes/macros.html.tera |  9 +++++
 2 files changed, 34 insertions(+), 31 deletions(-)

diff --git a/templates/faq.html.tera b/templates/faq.html.tera
index 88bded5..b92a79d 100644
--- a/templates/faq.html.tera
+++ b/templates/faq.html.tera
@@ -7,37 +7,31 @@
   <h1 class="h1">FAQs</h1>
 
   <div class="grid pt-8 text-left gap-10">
-    <div>
-        <h2 class="flex mb-4 text-lg font-bold text-primary-900">
-          Wie kann ich eine erstellte Ausfahrt absagen? 
-        </h2>
-        <p class="text-primary-950">Du kannst bei deinen selbst angelegten Ausfahrt auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.</p>
-    </div>
-    <div>
-      <h2 class="flex mb-4 text-lg font-bold text-primary-900">
-        Wie kann eine Veranstaltung angelegt werden, bei der sich nicht nur Ruderer anmelden können, sondern auch Steuerleute? 
-      </h2>
-      <p class="text-primary-950">Im Moment können nur Admins eine geplante Veranstaltung anlegen. Bitte bei <strong>Marie oder Philipp</strong> mit folgenden Angaben melden, dann wird eine Veranstaltung erstellt.
-        <ul class="list-disc text-primary-950 ml-4 mt-1">
-          <li>Datum inklusive Uhrzeit</li>
-          <li>Beschreibung, z.B.: USI, A&F, Firmenrudern</li>
-          <li>Anzahl der benötigten Steuerleute</li>
-          <li>Anzahl der vereinsinternen Ruderer, falls Unterstützung gewünscht wird</li>
-        </ul>
-      </p>
-    </div>
-    <div>
-      <h2 class="flex mb-4 text-lg font-bold text-primary-900">
-        Wie kann ich eine Ausfahrt anlegen, bei der nicht alle Ruderer teilnehmen sollen, z.B. Tagesausflug nach Aschach?
-      </h2>
-      <p class="text-primary-950">Du kannst beim Anlegen definieren, welchen Typ deine Ausfahrt hat. Standardmäßig wird 'Reguläre Ausfahrt' verwendet, es gibt aber auch z.B. <strong>'Lange Ausfahrt'</strong>. Wenn du das für deine Ausfahrt auswählst, wird der User in einem Popup noch einmal extra gefragt, ob er wirklich daran teilnehmen möchte. Bitte führe zusätzlich die Kilometer oder die Anforderungen im Anmerkungen Feld der Ausfahrt an.</p>
-    </div>
-    <div>
-      <h2 class="flex mb-4 text-lg font-bold text-primary-900">
-        Wann sollte ich bei einer Ausfahrt 'Gäste erlauben' einstellen?
-      </h2>
-      <p class="text-primary-950">Wenn du Ruderer mitnehmen möchtest, die einen <strong>5er-Block</strong> besitzen, kannst du die jeweilige Ausfahrt damit für diese Gruppe freischalten. Wenn sich ein Gast für die Ausfahrt anmeldet, dann wird er mit 'Gast' neben dem jeweiligen Namen gekennzeichnet.</p>
-    </div>
+    {{ macros::faq(
+      question=' Wie kann ich eine erstellte Ausfahrt absagen? ', 
+      answer='Du kannst bei deinen selbst angelegten Ausfahrt auf Details klicken und hier unter Ausfahrt bearbeiten die <strong>Anzahl der Ruderer auf 0 setzen</strong>. Danach wird die Ausfahrt als abgesagt markiert. Bedenke allerdings, dass dadurch nicht automatisch alle Mitruderer informiert werden. Bitte zusätzlich in die Signal Gruppe schreiben oder den Betroffenen persönlich Bescheid geben.') 
+    }}
+
+    {{ macros::faq(
+      question='Wie kann eine Veranstaltung angelegt werden, bei der sich nicht nur Ruderer anmelden können, sondern auch Steuerleute?', 
+      answer='Im Moment können nur Admins eine geplante Veranstaltung anlegen. Bitte bei <strong>Marie oder Philipp</strong> mit folgenden Angaben melden, dann wird eine Veranstaltung erstellt.
+      <ul class="list-disc text-primary-950 ml-4 mt-1">
+        <li>Datum inklusive Uhrzeit</li>
+        <li>Beschreibung, z.B.: USI, A&F, Firmenrudern</li>
+        <li>Anzahl der benötigten Steuerleute</li>
+        <li>Anzahl der vereinsinternen Ruderer, falls Unterstützung gewünscht wird</li>
+      </ul>') 
+    }}
+
+    {{ macros::faq(
+      question='Wie kann ich eine Ausfahrt anlegen, bei der nicht alle Ruderer teilnehmen sollen, z.B. Tagesausflug nach Aschach?', 
+      answer='Du kannst beim Anlegen definieren, welchen Typ deine Ausfahrt hat. Standardmäßig wird "Reguläre Ausfahrt" verwendet, es gibt aber auch z.B. <strong>"Lange Ausfahrt"</strong>. Wenn du das für deine Ausfahrt auswählst, wird der User in einem Popup noch einmal extra gefragt, ob er wirklich daran teilnehmen möchte. Bitte führe zusätzlich die Kilometer oder die Anforderungen im Anmerkungen Feld der Ausfahrt an.') 
+    }}
+
+    {{ macros::faq(
+      question='Wann sollte ich bei einer Ausfahrt "Gäste erlauben" einstellen?', 
+      answer='Wenn du Ruderer mitnehmen möchtest, die einen <strong>5er-Block</strong> besitzen, kannst du die jeweilige Ausfahrt damit für diese Gruppe freischalten. Wenn sich ein Gast für die Ausfahrt anmeldet, dann wird er mit "Gast" neben dem jeweiligen Namen gekennzeichnet.') 
+    }}
   </div>
 </div>
 {% endblock content%}
diff --git a/templates/includes/macros.html.tera b/templates/includes/macros.html.tera
index a1873e5..f722f3a 100644
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@@ -61,3 +61,12 @@
   {% endif %}
 </div>
 {% endmacro box %}
+
+{% macro faq(question, answer) %}
+<div>
+  <h2 class="flex mb-4 text-lg font-bold text-primary-900">
+    {{ question }}
+  </h2>
+  <p class="text-primary-950">{{ answer | safe }}</p>
+</div>
+{% endmacro faq %}
\ No newline at end of file