Initial CAT application and deployment update

2026-09-19 23:27:40 +00:00
commit 6684062400
22 changed files with 3690 additions and 0 deletions
@@ -0,0 +1,126 @@
+// Gemeinsame JavaScript-Funktionen für das Projekt "cat".
+
+let roommateSearchController = null;
+
+function updateRoommateSuggestions() {
+    const guestTypeElement = document.getElementById('guest_type');
+    const roomTypeElement = document.getElementById('room_type');
+    const roommateInput = document.getElementById('roommates');
+    const suggestionList = document.getElementById('roommate_suggestions');
+
+    if (!guestTypeElement || !roomTypeElement || !roommateInput || !suggestionList) {
+        return;
+    }
+
+    const eligible = guestTypeElement.value === 'regular_guest'
+        && ['double', 'multi'].includes(roomTypeElement.value);
+    const query = roommateInput.value.trim();
+    suggestionList.replaceChildren();
+
+    if (!eligible || query.length < 2) {
+        if (roommateSearchController) {
+            roommateSearchController.abort();
+            roommateSearchController = null;
+        }
+        return;
+    }
+
+    if (roommateSearchController) {
+        roommateSearchController.abort();
+    }
+    roommateSearchController = new AbortController();
+
+    const params = new URLSearchParams({
+        q: query,
+        room_type: roomTypeElement.value,
+    });
+    fetch(`./roommate_suggestions.php?${params.toString()}`, {
+        method: 'GET',
+        headers: { Accept: 'application/json' },
+        signal: roommateSearchController.signal,
+    })
+        .then((response) => response.ok ? response.json() : [])
+        .then((names) => {
+            if (!Array.isArray(names)) {
+                return;
+            }
+            names.forEach((name) => {
+                if (typeof name !== 'string') {
+                    return;
+                }
+                const option = document.createElement('option');
+                option.value = name;
+                suggestionList.appendChild(option);
+            });
+        })
+        .catch((error) => {
+            if (error.name !== 'AbortError') {
+                console.warn('Zimmernachbar-Vorschläge konnten nicht geladen werden.');
+            }
+        });
+}
+
+function updateRoomOptions() {
+    const guestTypeElement = document.getElementById('guest_type');
+    const roomTypeElement = document.getElementById('room_type');
+    const regularOptions = document.getElementById('regular_guest_options');
+    const dayOptions = document.getElementById('day_guest_options');
+    const roommateInfo = document.getElementById('roommate_info');
+    const roommateInput = document.getElementById('roommates');
+    const earlyDepartureEnabled = document.getElementById('early_departure_enabled');
+    const earlyDepartureOptions = document.getElementById('early_departure_options');
+    const earlyDepartureInputs = document.querySelectorAll('input[name="early_departure"]');
+
+    const guestType = guestTypeElement ? guestTypeElement.value : '';
+    const roomType = roomTypeElement ? roomTypeElement.value : '';
+    const roommateEligible = guestType === 'regular_guest' && ['double', 'multi'].includes(roomType);
+
+    if (regularOptions) {
+        regularOptions.style.display = guestType === 'regular_guest' ? 'block' : 'none';
+    }
+    if (dayOptions) {
+        dayOptions.style.display = guestType === 'day_guest' ? 'block' : 'none';
+    }
+    if (roommateInfo) {
+        roommateInfo.style.display = roommateEligible ? 'block' : 'none';
+    }
+    if (roommateInput) {
+        roommateInput.disabled = !roommateEligible;
+    }
+    const earlyDepartureVisible = guestType === 'regular_guest'
+        && Boolean(earlyDepartureEnabled && earlyDepartureEnabled.checked);
+    if (earlyDepartureEnabled) {
+        earlyDepartureEnabled.disabled = guestType !== 'regular_guest';
+        if (guestType !== 'regular_guest') {
+            earlyDepartureEnabled.checked = false;
+        }
+    }
+    if (earlyDepartureOptions) {
+        earlyDepartureOptions.style.display = earlyDepartureVisible ? 'block' : 'none';
+    }
+    earlyDepartureInputs.forEach((input) => {
+        input.disabled = !earlyDepartureVisible;
+    });
+    updateRoommateSuggestions();
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+    const guestTypeElement = document.getElementById('guest_type');
+    const roomTypeElement = document.getElementById('room_type');
+    const roommateInput = document.getElementById('roommates');
+
+    if (guestTypeElement) {
+        guestTypeElement.addEventListener('change', updateRoomOptions);
+    }
+    if (roomTypeElement) {
+        roomTypeElement.addEventListener('change', updateRoomOptions);
+    }
+    if (roommateInput) {
+        roommateInput.addEventListener('input', updateRoommateSuggestions);
+    }
+    const earlyDepartureEnabled = document.getElementById('early_departure_enabled');
+    if (earlyDepartureEnabled) {
+        earlyDepartureEnabled.addEventListener('change', updateRoomOptions);
+    }
+    updateRoomOptions();
+});