Use state to show election hints, store in reminder service

Author: stefanw

_i18n/de.yml

@@ -54,6 +54,8 @@ right:
   month: "Monat"
   year: "Jahr"
   arrival: "Voraussichtliche Zustellung der Briefwahl-Unterlagen:"
+  arrivallate: "Ihre Briefwahlunterlagen werden für die aktuelle Wahl nicht mehr rechtzeitig ankommen. Wir schicken Ihnen gerne eine Erinnerung zur nächsten Wahl."
+  noelections: "Wir wissen von keinen aktuellen Wahlen in Ihrem Bundesland. Wir schicken Ihnen gerne eine Erinnerung zur nächsten Wahl."
   same-address: "Unterlagen an die Meldeadresse versenden"
   different-address: "Abweichende Adresse für den Versand angeben"
   checkbox-address: "Abweichende Adresse für den Versand angeben"

_i18n/en.yml

@@ -48,6 +48,8 @@ right:
   month: "Month"
   year: "Year"
   arrival: "Estimated delivery of postal voting documents:"
+  arrivallate: "Your postal voting documents will not arrive in time for the current election. We will be happy to send you a reminder for the next election."
+  noelections: "We don't know about any upcoming elections in your federal state. We will be happy to send you a reminder for the next election."
   same-address: "Send documents to the registration address"
   different-address: "Specify different address for delivery"
   checkbox-address: "Specify different address for delivery"

assets/js/main.js

@@ -136,6 +136,21 @@ function getContent(link) {
 
 const zips = []; // Array to store ZIP code data
 
+const elections = [
+  {state: "BW", stateName: "Baden-Württemberg", date: "2026-03-08", name: "Landtagswahl"},
+  {state: "BY", stateName: "Bayern", date: "2026-03-08", name: "Wahlen zu Kreistagen, Stadträten, Gemeinderäten"},
+  {state: "HE", stateName: "Hessen", date: "2026-03-15", name: "Wahlen zu Kreistagen, Stadtverordnetenversammlungen, Gemeindevertretungen, Ortsbeiräten"},
+  {state: "RP", stateName: "Rheinland-Pfalz", date: "2026-03-22", name: "Landtagswahl"},
+  {state: "ST", stateName: "Sachsen-Anhalt", date: "2026-09-06", name: "Landtagswahl"},
+  {state: "NI", stateName: "Niedersachsen", date: "2026-09-13", name: "Kommunalwahlen"},
+  {state: "BE", stateName: "Berlin", date: "2026-09-20", name: "Abgeordnetenhauswahl"},
+  {state: "MV", stateName: "Mecklenburg-Vorpommern", date: "2026-09-20", name: "Landtagswahl"},
+].map(e => ({
+  ...e,
+  date: new Date(e.date)
+}))
+
+
 // --- DOM Elements ---
 
 const elements = {
@@ -539,21 +554,31 @@ function backtosecondpage() {
   navigateTo(2);
 }
 
+function formatDate(d) {
+  if (typeof d === "number") {
+    d = new Date(d)
+  }
+  return `${d.getDate()}.${d.getMonth() + 1}.`
+}
+
 // --- ZIP Code Validation and Autocomplete ---
 
-let lastEmail = null;
+let selectedEmail = null;
+let selectedPlace = null
+let selectedElection
 
 function is_valid_datalist_value(inputValue, cityValue) {
   onEnter(); // Selects the item even if suggestion is not selected
   const filtered = zips.filter(
     (item) =>
       item.PLZ.toString() == inputValue &&
       item.ORT.toString() === cityValue &&
-      (lastEmail ? item["E-Mail"].toString() == lastEmail : true)
+      (selectedEmail ? item["E-Mail"].toString() == selectedEmail : true)
   );
 
   if (filtered.length > 0) {
     const data = filtered[0];
+    selectedPlace = data
     updateTextContent({
       munname: data.ORT,
       munemail: atob(data["E-Mail"]),
@@ -565,6 +590,30 @@ function is_valid_datalist_value(inputValue, cityValue) {
     formElements.city.value = data.ORT;
     formElements.zip.value = data.PLZ;
 
+
+    // Hide all
+    document.querySelectorAll("#election-hints .election-hint").forEach((el) => {el.style.display = "none"})
+    selectedElection = elections.filter(e => e.state === data.state)[0]
+    if (selectedElection == undefined) {
+      document.getElementById("election-hint-none").style.display = "block"
+    } else {
+      const MIN_DAYS = 6
+      const day = 1000 * 60 * 60 * 24
+      const todayDate = new Date()
+      const today = todayDate.getTime()
+      const electionTime = selectedElection.date.getTime()
+      const shippingDateMin = Math.max(today + (5 * day), electionTime - (30 * day))
+      const shippingDateMax = Math.max(Math.max(shippingDateMin, today + (21 * day)), electionTime - (MIN_DAYS * day))
+      const daysLeft = Math.floor((electionTime - today) / day)
+      let arrival = `${formatDate(shippingDateMin)} – ${formatDate(shippingDateMax)}`
+      document.getElementById("arrival-date").innerText = arrival
+      if (daysLeft < MIN_DAYS) {
+        document.getElementById("election-hint-late").style.display = "block"
+      } else {
+        document.getElementById("election-hint-normal").style.display = "block"
+      }
+    }
+
     formElements.zip.dispatchEvent(
       new Event("input", { bubbles: true, cancellable: true })
     );
@@ -662,7 +711,8 @@ elements.searchInput?.addEventListener("keyup", (e) => {
 
       div.addEventListener("click", () => {
         elements.searchInput.value = value;
-        lastEmail = place["E-Mail"];
+        selectedEmail = place["E-Mail"];
+        selectedPlace = place
         elements.suggestions.innerHTML = "";
       });
 
@@ -835,13 +885,22 @@ function sendEmailRequest() {
     return
   }
   const wantsNewsletter = elements.newsletter.checked
-  const newsletterEndPoint = "https://fragdenstaat.de/newsletter/update/wahlbrief/subscribe-ajax/"
+  const state = selectedPlace.state.toLowerCase()
+  const newsletterEndPoint = `https://fragdenstaat.de/newsletter/update/wahlbrief-${state}/subscribe-ajax/`
   const answer = Math.ceil(Math.PI * 2)
 
+  const userData = new URLSearchParams({
+    ars: selectedPlace.ars,
+    state: selectedPlace.state,
+    postcode: selectedPlace.ZIP,
+    place: selectedPlace.ORT,
+    newsletter: wantsNewsletter ? "1" : "",
+  })
+
   const data = new URLSearchParams({
     email: email,
-    keyword: wantsNewsletter ? "newsletter" : "",
-    test: answer.toString()
+    test: answer.toString(),
+    data: userData.toString()
   });
   fetch(newsletterEndPoint, {
       method: "POST",

index.html

@@ -505,6 +505,30 @@ <h3 class="mb-3">{% t right.shipping.address %}</h3>
                                         </div>
                                     </div>
 
+
+                                    <div id="election-hints" class="background-gray-100 py-3 px-3 my-3">
+                                        <div class="d-flex align-items-center justify-content-lg-start">
+                                            <div id="election-hint-normal" class="election-hint">
+                                                <p class="mb-0">
+                                                    <i class="fas fa-info-circle color-secondary me-2"></i>
+                                                    {% t right.arrival %} <strong id="arrival-date"></strong>
+                                                </p>
+                                            </div>
+                                            <div id="election-hint-late" class="election-hint">
+                                                <p class="mb-0">
+                                                    <i class="fas fa-exclamation-circle text-danger me-2"></i>
+                                                    {% t right.arrivallate %}
+                                                </p>
+                                            </div>
+                                            <div id="election-hint-none" class="election-hint">
+                                                <p class="mb-0">
+                                                    <i class="fas fa-exclamation-circle text-danger me-2"></i>
+                                                    {% t right.noelections %} <strong id="arrival-date"></strong>
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+
                                     <!-- Email -->
 
                                     <div class="row mt-3">
@@ -529,6 +553,7 @@ <h4>{% t right.email-reminder %}</h4>
                                         </div>
                                     </div>
 
+
                                     <div class="row mt-4">
                                         <div class="col-12 d-flex justify-content-end">
                                             <button class="btn btn-primary btn-lg" type="submit">

terms.html

@@ -313,7 +313,7 @@ <h3>BEREITSTELLUNG
         <h3 id="Newsletter">Newsletter (Erinnerungsservice)</h3>
         <p>
             Für den Versand des Newsletters (Erinnerungsservice) erfassen wir zusätzlich Ihre
-            E-Mail-Adresse. Diese Daten werden für die Dauer des Abonnements
+            E-Mail-Adresse, Ihre PLZ und Ihren Ort. Diese Daten werden für die Dauer des Abonnements
             verarbeitet. Wenn Sie sich wieder austragen, wird auch Ihre E-Mail-Adresse
             gelöscht.
         </p>
@@ -331,7 +331,7 @@ <h3 id="Newsletter">Newsletter (Erinnerungsservice)</h3>
             Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO sowie unsere berechtigten
             Interessen nach Art. 6 Abs. 1 lit. f DSGVO. Ein Widerruf der Einwilligung ist
             jederzeit möglich. Die personenbezogenen Daten werden zum Zweck der
-            Information sowie des Direktmarketings verarbeitet.
+            zielgerichteten Information sowie des Direktmarketings verarbeitet.
         </p>
 
 		<p>