FAQ Update, Hiding ddmember form fields if not needed

content/anmeldung.md

@@ -7,7 +7,6 @@ date: '2020-02-12'
     <div style="width: 100%;max-width: 600px;">
         <p>
 
-- Die Anmeldung ist **ab sofort** für alle geöffnet.
 - Die Anmeldung ist verbindlich. Wer dann doch verhindert ist, muss selbst für Ersatz sorgen.
 - Die Basiskosten betragen 40 EUR (Übernachtung inkl. Frühstück & Reinigung)
 - Abendessen & Snacks kosten 8 EUR / Mahlzeit
@@ -34,14 +33,18 @@ date: '2020-02-12'
             <label for="mobil">Handynummer (für die Telegram-Gruppe)</label>
         </div>
         <div class="grow-1" style="display: flex;">
-            <input id="telegram" type="checkbox" checked />
+            <input id="telegram" name="telegram" type="checkbox" checked />
             <label for="telegram" style="align-self: center;">Ich will in die Telegram-Gruppe!</label>
         </div>
-        <div class="grow-1">
+        <div class="grow-2" style="display: flex;">
+            <input id="ddmember" type="checkbox" />
+            <label for="ddmember" style="align-self: center;">Ich bin &lt;DD&gt;-Mitglied!</label>
+        </div>
+        <div class="grow-1 ddmember hidden">
             <input id="hex" name="hex" type="text" placeholder="0x00" pattern="[0-9a-fA-F]{1,2}x[0-9a-fA-F]{1,2}" />
             <label for="hex">Hex-ID (z.B. 0x00)</label>
         </div>
-        <div class="grow-1">
+        <div class="grow-1 ddmember hidden">
             <input id="chapter" name="chapter" type="text" />
             <label for="chapter">Chapter</label>
         </div>

content/faq.md

@@ -4,6 +4,13 @@ date: '2020-03-02'
 ---
 (und auch Fragen, die sich zu stellen noch niemand traute)
 
+## Was ist mit Corona?
+
+Wir trinken nur anständiges Bier!
+
+**Ernsthaft**: Wenn sich die Lage bis zu dem Wochenende nicht entsprechend verbessert haben sollte, findet es natürlich nicht statt.\
+Wir klären aktuell die Details.
+
 ## Bis wann kann ich mich anmelden?
 
 Anmeldungen sind bis 6 Wochen vorher, **Freitag, den 17. Juli 2020**, möglich.

src/style/_style.scss

@@ -0,0 +1,3 @@
+.hidden {
+    display: none;
+}

src/typescript/script.ts

@@ -30,6 +30,23 @@ window.onload = function() {
         });
     }
 
+    // DDMember Form Elements
+    var ddMemberCheckbox = document.querySelector('#ddmember');
+    if(ddMemberCheckbox) {
+        ddMemberCheckbox.addEventListener("click",() => {
+            const isMember = (<HTMLInputElement><any>ddMemberCheckbox).checked;
+            let elements = document.querySelectorAll(".ddmember");
+            elements.forEach((item) => {
+                if(isMember) {
+                    item.classList.remove("hidden");
+                } else {
+                    item.classList.add("hidden");
+                }
+                
+            });
+        });
+    }
+
     // const freitagAbendElement = document.getElementById('abendFreitag');
     // if(freitagAbendElement) {
     //     freitagAbendElement.addEventListener('change', (event) => {testFoodRelatedInputs();});

static/css/ndws.css

@@ -6012,6 +6012,10 @@ body.hero.scroll .nav a li {
   color: #fff;
 }
 
+.hidden {
+  display: none;
+}
+
 footer {
   background-color: #fff;
   border-top: 1px solid #d8d8d8;

static/js/script.js

@@ -25,6 +25,22 @@ window.onload = function () {
             document.body.classList.toggle("sidebar");
         });
     }
+    // DDMember Form Elements
+    var ddMemberCheckbox = document.querySelector('#ddmember');
+    if (ddMemberCheckbox) {
+        ddMemberCheckbox.addEventListener("click", function () {
+            var isMember = ddMemberCheckbox.checked;
+            var elements = document.querySelectorAll(".ddmember");
+            elements.forEach(function (item) {
+                if (isMember) {
+                    item.classList.remove("hidden");
+                }
+                else {
+                    item.classList.add("hidden");
+                }
+            });
+        });
+    }
     // const freitagAbendElement = document.getElementById('abendFreitag');
     // if(freitagAbendElement) {
     //     freitagAbendElement.addEventListener('change', (event) => {testFoodRelatedInputs();});