feat: Add initial route planner support

.pre-commit-config.yaml

@@ -15,6 +15,7 @@ repos:
       - id: check-case-conflict
       - id: check-executables-have-shebangs
       - id: check-json
+        exclude: "layouts/_default/home.transitousmapping.json$"
       - id: check-merge-conflict
       - id: check-shebang-scripts-are-executable
       - id: check-symlinks

archetypes/country/index.de.md

@@ -3,8 +3,9 @@ draft: false
 title: "{{ .File.ContentBaseName | title }}" # Ändere den Name auf den deutschen Ländernamen
 country: "{{ .File.ContentBaseName }}"
 params:
+  iso_code: # ISO 3166-1 alpha-2 Code, z. B. DE
   operators_without_fip:
-    -  # Liste Betreiber, die kein FIP akzeptieren
+    -  # Betreibername
 ---
 
 <!-- Entferne das "WIP" Snippet, wenn die Inhalte der Seite vollständig sind -->

archetypes/country/index.en.md

@@ -3,8 +3,9 @@ draft: false
 title: "{{ .File.ContentBaseName | title }}" # Change the name to the English country name
 country: "{{ .File.ContentBaseName }}"
 params:
+  iso_code: # ISO 3166-1 alpha-2 code, e.g. DE
   operators_without_fip:
-    -  # List operators without FIP here
+    -  # Operator name
 ---
 
 <!-- Remove the WIP snippet if the page is complete -->

archetypes/country/index.fr.md

@@ -3,8 +3,9 @@ draft: false
 title: "{{ .File.ContentBaseName | title }}" # Change le nom par le nom du pays français
 country: "{{ .File.ContentBaseName }}"
 params:
+  iso_code: # Code ISO 3166-1 alpha-2, p.ex. DE
   operators_without_fip:
-    -  # Listez ici les opérateurs ne participant pas au FIP
+    -  # Nom de l'opérateur
 ---
 
 <!-- Supprimez ce message si la page est complète -->

assets/js/anchorlinks.js

@@ -1,7 +1,9 @@
+const snackbar = document.getElementById("snackbar");
+const snackbarHome = snackbar.parentNode;
+const snackbarNextSibling = snackbar.nextSibling;
+
 function initAnchorlinkEventListener() {
   const anchorLinks = document.querySelectorAll(".a-anchorlink__link");
-  const snackbar = document.getElementById("snackbar");
-  const snackbarButton = document.getElementById("snackbar-button");
 
   anchorLinks.forEach((element) => {
     element.addEventListener("click", () => {
@@ -19,32 +21,53 @@ function initAnchorlinkEventListener() {
         });
     });
   });
+}
+
+function initSnackbarCloseListener() {
+  const snackbarButton = document.getElementById("snackbar-button");
+  if (!snackbarButton) return;
 
   snackbarButton.addEventListener("click", () => {
     closeSnackbar();
   });
 }
 
-function showSnackbar() {
+export function showSnackbar() {
+  const openDialog = document.querySelector("dialog[open]");
+  if (openDialog && snackbar.parentNode !== openDialog) {
+    openDialog.append(snackbar);
+  } else if (!openDialog && snackbar.parentNode !== snackbarHome) {
+    snackbarHome.insertBefore(snackbar, snackbarNextSibling);
+  }
+
   snackbar.setAttribute("aria-hidden", "false");
   snackbar.classList.add("a-snackbar--show");
+  if (snackbar.showPopover) snackbar.showPopover();
 
   setTimeout(closeSnackbar, 5000);
 }
 
-function closeSnackbar() {
+export function closeSnackbar() {
   snackbar.setAttribute("aria-hidden", "true");
   snackbar.classList.remove("a-snackbar--show");
+  if (snackbar.hidePopover && snackbar.matches(":popover-open")) {
+    snackbar.hidePopover();
+  }
+  if (snackbar.parentNode !== snackbarHome) {
+    snackbarHome.insertBefore(snackbar, snackbarNextSibling);
+  }
 }
 
 if (document.readyState === "interactive") {
   if (document.querySelectorAll(".a-anchorlink__link").length) {
     initAnchorlinkEventListener();
   }
+  initSnackbarCloseListener();
 } else {
   window.addEventListener("DOMContentLoaded", () => {
     if (document.querySelectorAll(".a-anchorlink__link").length) {
       initAnchorlinkEventListener();
     }
+    initSnackbarCloseListener();
   });
 }

assets/js/dialog.js

@@ -24,34 +24,40 @@ function openDialogOnHash() {
   }
 }
 
-function initDialogs() {
-  document.querySelectorAll("dialog").forEach((dialog) => {
-    dialog.addEventListener("click", (e) => {
-      if (e.target === dialog) {
-        dialog.close();
-      }
-    });
-
-    const closeButton = getCloseButton(dialog);
-    if (closeButton) {
-      closeButton.addEventListener("click", () => dialog.close());
+export function bindDialog(dialog) {
+  dialog.addEventListener("click", (e) => {
+    if (e.target === dialog) {
+      dialog.close();
     }
   });
 
-  document.querySelectorAll("[data-dialog-trigger]").forEach((trigger) => {
-    const handler = (e) => {
-      if (e.type === "click" || (e.type === "keydown" && e.key === "Enter")) {
-        e.preventDefault();
-        const dialogId = trigger.getAttribute("data-dialog-trigger");
-        openDialog(dialogId);
-      }
-    };
-
-    trigger.addEventListener("click", handler);
-    trigger.addEventListener("keydown", handler);
-  });
+  const closeButton = getCloseButton(dialog);
+  if (closeButton) {
+    closeButton.addEventListener("click", () => dialog.close());
+  }
+}
+
+export function bindDialogTrigger(trigger) {
+  const handler = (e) => {
+    if (e.type === "click" || (e.type === "keydown" && e.key === "Enter")) {
+      e.preventDefault();
+      const dialogId = trigger.getAttribute("data-dialog-trigger");
+      openDialog(dialogId);
+    }
+  };
+
+  trigger.addEventListener("click", handler);
+  trigger.addEventListener("keydown", handler);
+}
+
+export function initDialogsIn(root) {
+  root.querySelectorAll("dialog").forEach(bindDialog);
+  root.querySelectorAll("[data-dialog-trigger]").forEach(bindDialogTrigger);
+}
+
+function initDialogs() {
+  initDialogsIn(document);
 
-  // Initialize hash check
   openDialogOnHash();
   window.addEventListener("hashchange", openDialogOnHash);
 }

assets/js/main.js

@@ -11,3 +11,4 @@ import "./expander.js";
 import "./dialog.js";
 import "./fipValidityComparison.js";
 import "./search.js";
+import "./routePlanner.js";