Function to disable form elements based on conditions

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>

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>

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) {

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) {