From 784ef94eb66e4e3c8e53176c2e7c42690633905b Mon Sep 17 00:00:00 2001
From: Andre Beging <git@troogs.de>
Date: Sun, 1 Mar 2020 22:53:06 +0100
Subject: [PATCH] Function to disable form elements based on conditions

---
 content/anmeldung.md     |  4 ++--
 layouts/404.html         |  2 +-
 src/typescript/script.ts | 23 +++++++++++++++++++++++
 static/js/script.js      | 18 ++++++++++++++++++
 4 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/content/anmeldung.md b/content/anmeldung.md
index 51216d1..6edb35b 100644
--- a/content/anmeldung.md
+++ b/content/anmeldung.md
@@ -10,9 +10,9 @@ date: '2020-02-12'
 - Die Anmeldung ist <strong>vorerst</strong> nur für Chapter-Mitglieder 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 10 EUR / Mahlzeit
+- Abendessen & Snacks kosten 8 EUR / Mahlzeit
 - Kalte Getränke werden organisiert, es gilt das Prinzip einer <strong><a href="https://de.wikipedia.org/wiki/Kasse_des_Vertrauens" target="_blank" style="color: #000;">Kasse des Vertrauens</a></strong> für die Getränke
-- Nach der Anmeldung kontaktiert euch Marvin auf eurer <strong>E-Mail</strong> Adresse mit eurem Betrag und Zahlungsinformationen. Der Betrag ist <strong>bis zum 22.03.2020</strong> zu begleichen, sonst kann der Platz wieder freigegeben werden.
+- Nach der Anmeldung kontaktiert euch Marvin auf eurer <strong>E-Mail</strong> Adresse mit eurem Betrag und Zahlungsinformationen. Der Betrag ist <strong>bis 14 Tage nach Anmeldung</strong> zu begleichen, sonst kann der Platz wieder freigegeben werden.
         </p>
     </div>
 </div>
diff --git a/layouts/404.html b/layouts/404.html
index b2612ca..4aadefd 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -8,7 +8,7 @@
             <h1>Seite nicht gefunden</h1>
             <div style="padding: 5vh 0;">
                 <h2>Fehler 404</h2>
-                <h3>Holy shit, was hast du den gestern gesoffen?!</h3>
+                <h3>Holy shit, was hast du denn gestern gesoffen?!</h3>
             </div>
             <h3><a href='{{ "" | absURL }}' class="btn btn-light btn-lg">Zurück</a></h3>
         </div>
diff --git a/src/typescript/script.ts b/src/typescript/script.ts
index df3b38d..2a4a1ab 100644
--- a/src/typescript/script.ts
+++ b/src/typescript/script.ts
@@ -8,6 +8,19 @@ if (document.body.classList.contains("hero")) {
     });
 }
 
+// function testFoodRelatedInputs() {
+//     const freitagElement = document.getElementById('abendFreitag');
+//     const freitagChecked = (<HTMLInputElement><any>freitagElement).checked
+
+//     const samstagElement = document.getElementById('abendSamstag');
+//     const samstagChecked = (<HTMLInputElement><any>samstagElement).checked
+
+//     const ernaehrungElement = document.getElementById('ernaehrung');
+//     const allergien = document.getElementById('allergien');
+//     (<HTMLInputElement><any>ernaehrungElement).disabled = !freitagChecked && !samstagChecked;
+//     (<HTMLInputElement><any>allergien).disabled = !freitagChecked && !samstagChecked;
+// }
+
 window.onload = function() {
     // Sidebar toggle
     var sidebarToggleElement = document.querySelector('[data-action="toggle-sidebar"]');
@@ -17,6 +30,16 @@ window.onload = function() {
         });
     }
 
+    // const freitagAbendElement = document.getElementById('abendFreitag');
+    // if(freitagAbendElement) {
+    //     freitagAbendElement.addEventListener('change', (event) => {testFoodRelatedInputs();});
+    // }
+
+    // const samstagAbendElement = document.getElementById('abendSamstag');
+    // if(samstagAbendElement) {
+    //     samstagAbendElement.addEventListener('change', (event) => {testFoodRelatedInputs();});
+    // }
+
     // Form silent submit
     var formElement = document.querySelector('form');
     if(formElement) {
diff --git a/static/js/script.js b/static/js/script.js
index d9a83c3..d9cf474 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -7,6 +7,16 @@ if (document.body.classList.contains("hero")) {
             document.body.classList.remove("scroll");
     });
 }
+function testFoodRelatedInputs() {
+    var freitagElement = document.getElementById('abendFreitag');
+    var freitagChecked = freitagElement.checked;
+    var samstagElement = document.getElementById('abendSamstag');
+    var samstagChecked = samstagElement.checked;
+    var ernaehrungElement = document.getElementById('ernaehrung');
+    var allergien = document.getElementById('allergien');
+    ernaehrungElement.disabled = !freitagChecked && !samstagChecked;
+    allergien.disabled = !freitagChecked && !samstagChecked;
+}
 window.onload = function () {
     // Sidebar toggle
     var sidebarToggleElement = document.querySelector('[data-action="toggle-sidebar"]');
@@ -15,6 +25,14 @@ window.onload = function () {
             document.body.classList.toggle("sidebar");
         });
     }
+    var freitagAbendElement = document.getElementById('abendFreitag');
+    if (freitagAbendElement) {
+        freitagAbendElement.addEventListener('change', function (event) { testFoodRelatedInputs(); });
+    }
+    var samstagAbendElement = document.getElementById('abendSamstag');
+    if (samstagAbendElement) {
+        samstagAbendElement.addEventListener('change', function (event) { testFoodRelatedInputs(); });
+    }
     // Form silent submit
     var formElement = document.querySelector('form');
     if (formElement) {