public/js/script.js aktualisiert

public/js/script.js

@@ -41,7 +41,6 @@ document.addEventListener('DOMContentLoaded', () => {
         })
         .catch(error => console.error('Fehler beim Abrufen der Bot-Version:', error));
 
-    // Funktion, um die neuesten Filme abzurufen
         async function fetchLatestMovies() {
             try {
                 const response = await fetch('/api/latest-movies'); // API-URL
@@ -67,6 +66,11 @@ document.addEventListener('DOMContentLoaded', () => {
                         coverImage.src = 'fallback-image-url.jpg'; // Fallback-Bild, wenn das Bild nicht geladen werden kann
                     };
         
+                    // Füge ein Klick-Event hinzu, um das Popup zu öffnen
+                    coverImage.addEventListener('click', () => {
+                        openMoviePopup(movie); // Popup mit Filminformationen öffnen
+                    });
+        
                     // Füge das Bild zur Liste hinzu
                     listItem.appendChild(coverImage);
                     moviesList.appendChild(listItem);
@@ -86,6 +90,29 @@ document.addEventListener('DOMContentLoaded', () => {
             }
         }
         
+        // Funktion zum Öffnen des Popups mit Filmdetails
+        function openMoviePopup(movie) {
+            document.getElementById('popup-title').innerText = movie.title; // Titel
+            document.getElementById('popup-cover').src = movie.coverImage; // Cover
+            document.getElementById('popup-summary').innerText = movie.summary || "Keine Zusammenfassung verfügbar."; // Zusammenfassung
+        
+            // Popup anzeigen
+            document.getElementById('movie-popup').style.display = 'block';
+        }
+        
+        // Event Listener zum Schließen des Popups
+        document.getElementById('close-popup').addEventListener('click', () => {
+            document.getElementById('movie-popup').style.display = 'none';
+        });
+        
+        // Event Listener zum Schließen des Popups, wenn außerhalb des Inhalts geklickt wird
+        window.addEventListener('click', (event) => {
+            const popup = document.getElementById('movie-popup');
+            if (event.target === popup) {
+                popup.style.display = 'none';
+            }
+        });
+
     // Event-Listener für das Formular
     document.getElementById('subscribe-form').addEventListener('submit', function(event) {
         event.preventDefault();
@@ -130,8 +157,37 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // Changelog-Daten
     const changelogData = {
-"changelog": [
-{
+        "changelog": [
+            {
+                "version": "1.8.8",  // Hinzugefügte Version
+                "date": "2024-10-21", // Aktuelles Datum
+                "changes": [
+                    "Mehrere Bugfix",
+                    "Genre im Profil hinzugefügt",
+                    "Nachtmodus Zeit in Profil eingebaut"
+                ]
+            },
+            {
+                "version": "1.8.7",  // Hinzugefügte Version
+                "date": "2024-10-20", // Aktuelles Datum
+                "changes": [
+                    "Fehlerbehebung mit Profil.",
+                    "Nachtmodus komplett überarbeitet.",
+                    "Fehler beim Wunsch behoben.",
+                    "Benutzerlevel erweitert"
+                ]
+            },
+            {
+                "version": "1.8.6",  // Neue Version hinzufügen
+                "date": "2024-10-19", // Aktuelles Datum
+                "changes": [
+                    "Neue Popup-Funktionalität für Filmcover hinzugefügt.",
+                    "Cursor wechselt zu Handzeiger über Filmcover.",
+                    "Rahmenfarbe für das Popup hinzugefügt.",
+                    "Verschiedene kleinere Bugfixes."
+                ]
+            },
+            {
                 "version": "1.8.5",  
                 "date": "2024-10-18", 
                 "changes": [
@@ -140,45 +196,18 @@ document.addEventListener('DOMContentLoaded', () => {
                     "Diverse kleinere Bugfix",
                     "Darkmode Bugfix"
                 ]
-},
-{
+            },
+            {
                 "version": "1.8.4",  
                 "date": "2024-10-17", 
                 "changes": [
                     "Backups Passwort schutz",
                     "Verbesserter Passwort schutz für Admin Bereich"
                 ]
-},
-{
-    "version": "1.8.3",  
-    "date": "2024-10-17", 
-    "changes": [
-        "Logout Timer hinzugefügt.",
-        "Automatisches Logout bei Inaktivität",
-        "Login-Seite überarbeitet für bessere Benutzerfreundlichkeit.",
-        "Darkmode im Adminbereich hinzugefügt."
+            }
         ]
-},
-{
-    "version": "1.8.2",  
-    "date": "2024-10-16", 
-    "changes": [
-        "Neue FAQ-Seite für Benutzer hinzugefügt.",
-        "Benutzerfreundliche Darstellung der FAQs.",
-        "Verbesserte Performance bei der Datenabfrage.",
-        "Diverse kleinere Fehlerbehebungen."
-    ]
-},
-{
-    "version": "1.8.1",
-    "date": "2024-10-16",
-    "changes": [
-        "Bugfix mit Darkmode.",
-        "Dev-Report hinzugefügt (Bug-Report & Funktionswünsche)."
-    ]
-}
-]
-};
+    };
+    
 
 
     // Changelog im Popup anzeigen
@@ -224,7 +253,6 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 
 
-
 //wunsch html
 
 
@@ -393,3 +421,4 @@ toggle.addEventListener('change', () => {
 //link html --> keine Scripte
 
 //funktionen html --> keine Scripte
+