hintergrund Fixes

.env

@@ -1,13 +1,2 @@
-# MindMap Umgebungsvariablen
-# Kopiere diese Datei zu .env und passe die Werte an
-
-# Flask
-SECRET_KEY=dein-geheimer-schluessel-hier
-
-# OpenAI API
-OPENAI_API_KEY=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
-
-# Datenbank
-# Bei Bedarf kann hier eine andere Datenbank-URL angegeben werden
-# Der Pfad wird relativ zum Projektverzeichnis angegeben
-# SQLALCHEMY_DATABASE_URI=sqlite:////absoluter/pfad/zu/database/systades.db OPENAI_API_KEY=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
+SECRET_KEY=eed9298856dc9363cd32778265780d6904ba24e6a6b815a2cc382bcdd767ea7b
+OPENAI_API_KEY=sk-dein-openai-api-schluessel-hier

app.py

@@ -518,6 +518,10 @@ def datenschutz():
 def agb():
     return render_template('agb.html')
 
+@app.route('/ueber-uns/')
+def ueber_uns():
+    return render_template('ueber_uns.html')
+
 # Benutzer-Mindmap-Funktionalität
 @app.route('/my-mindmap/<int:mindmap_id>')
 @login_required

requirements.txt

@@ -11,4 +11,7 @@ gunicorn==21.2.0
 #pillow==10.0.1
 pytest==7.4.0
 pytest-flask==1.2.0
-Flask-Migrate
+Flask-Migrate
+flask-socketio==5.3.6
+python-engineio==4.8.2
+python-socketio==5.11.1

static/js/mindmap.js

@@ -67,15 +67,51 @@
   });
 
   /* 2. Hilfs-Funktionen für API-Zugriffe */
-  const get = endpoint => fetch(endpoint).then(r => r.json());
-  const post = (endpoint, body) =>
-    fetch(endpoint, { 
-      method: 'POST', 
-      headers: { 'Content-Type': 'application/json' }, 
-      body: JSON.stringify(body) 
-    }).then(r => r.json());
-  const del = endpoint => 
-    fetch(endpoint, { method: 'DELETE' }).then(r => r.json());
+  const get = async endpoint => {
+    try {
+      const response = await fetch(endpoint);
+      if (!response.ok) {
+        console.error(`API-Fehler: ${endpoint} antwortet mit Status ${response.status}`);
+        return []; // Leeres Array zurückgeben bei Fehlern
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(`Fehler beim Abrufen von ${endpoint}:`, error);
+      return []; // Leeres Array zurückgeben bei Netzwerkfehlern
+    }
+  };
+  
+  const post = async (endpoint, body) => {
+    try {
+      const response = await fetch(endpoint, { 
+        method: 'POST', 
+        headers: { 'Content-Type': 'application/json' }, 
+        body: JSON.stringify(body) 
+      });
+      if (!response.ok) {
+        console.error(`API-Fehler: ${endpoint} antwortet mit Status ${response.status}`);
+        return {}; // Leeres Objekt zurückgeben bei Fehlern
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(`Fehler beim POST zu ${endpoint}:`, error);
+      return {}; // Leeres Objekt zurückgeben bei Netzwerkfehlern
+    }
+  };
+  
+  const del = async endpoint => {
+    try {
+      const response = await fetch(endpoint, { method: 'DELETE' });
+      if (!response.ok) {
+        console.error(`API-Fehler: ${endpoint} antwortet mit Status ${response.status}`);
+        return {}; // Leeres Objekt zurückgeben bei Fehlern
+      }
+      return await response.json();
+    } catch (error) {
+      console.error(`Fehler beim DELETE zu ${endpoint}:`, error);
+      return {}; // Leeres Objekt zurückgeben bei Netzwerkfehlern
+    }
+  };
 
   /* 3. Kategorien laden für Style-Informationen */
   let categories = await get('/api/categories');
@@ -92,9 +128,12 @@
       // Graph leeren (für Reload-Fälle)
       cy.elements().remove();
       
+      // Überprüfen, ob nodes ein Array ist, wenn nicht, setze es auf ein leeres Array
+      const nodesArray = Array.isArray(nodes) ? nodes : [];
+      
       // Knoten zum Graph hinzufügen
       cy.add(
-        nodes.map(node => {
+        nodesArray.map(node => {
           // Kategorie-Informationen für Styling abrufen
           const category = categories.find(c => c.id === node.category_id) || {};
           
@@ -112,9 +151,12 @@
         })
       );
       
+      // Überprüfen, ob relationships ein Array ist, wenn nicht, setze es auf ein leeres Array
+      const relationshipsArray = Array.isArray(relationships) ? relationships : [];
+      
       // Kanten zum Graph hinzufügen
       cy.add(
-        relationships.map(rel => ({
+        relationshipsArray.map(rel => ({
           data: {
             id: `${rel.parent_id}_${rel.child_id}`,
             source: rel.parent_id.toString(),
@@ -123,6 +165,54 @@
         }))
       );
       
+      // Wenn keine Knoten geladen wurden, Fallback-Knoten erstellen
+      if (nodesArray.length === 0) {
+        // Mindestens einen Standardknoten hinzufügen
+        cy.add({
+          data: {
+            id: 'fallback-1',
+            name: 'Mindmap',
+            description: 'Erstellen Sie hier Ihre eigene Mindmap',
+            color: '#3b82f6',
+            icon: 'help-circle'
+          },
+          position: { x: 300, y: 200 }
+        });
+        
+        // Erfolgsmeldung anzeigen
+        console.log('Mindmap erfolgreich initialisiert mit Fallback-Knoten');
+        
+        // Info-Meldung für Benutzer anzeigen
+        const infoBox = document.createElement('div');
+        infoBox.classList.add('info-message');
+        infoBox.style.position = 'absolute';
+        infoBox.style.top = '50%';
+        infoBox.style.left = '50%';
+        infoBox.style.transform = 'translate(-50%, -50%)';
+        infoBox.style.padding = '15px 20px';
+        infoBox.style.backgroundColor = 'rgba(59, 130, 246, 0.9)';
+        infoBox.style.color = 'white';
+        infoBox.style.borderRadius = '8px';
+        infoBox.style.zIndex = '5';
+        infoBox.style.maxWidth = '80%';
+        infoBox.style.textAlign = 'center';
+        infoBox.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)';
+        infoBox.innerHTML = 'Mindmap erfolgreich initialisiert.<br>Verwenden Sie die Werkzeugleiste, um Knoten hinzuzufügen.';
+        
+        document.getElementById('cy').appendChild(infoBox);
+        
+        // Meldung nach 5 Sekunden ausblenden
+        setTimeout(() => {
+          infoBox.style.opacity = '0';
+          infoBox.style.transition = 'opacity 0.5s ease';
+          setTimeout(() => {
+            if (infoBox.parentNode) {
+              infoBox.parentNode.removeChild(infoBox);
+            }
+          }, 500);
+        }, 5000);
+      }
+      
       // Layout anwenden wenn keine Positionsdaten vorhanden
       const nodesWithoutPosition = cy.nodes().filter(node => 
         !node.position() || (node.position().x === 0 && node.position().y === 0)

templates/base.html

@@ -506,6 +506,10 @@
                                :class="darkMode ? 'text-gray-300 hover:text-white' : 'text-gray-600 hover:text-gray-900'">
                                 Impressum
                             </a>
+                            <a href="{{ url_for('ueber_uns') }}" class="text-sm transition-all duration-200"
+                               :class="darkMode ? 'text-gray-300 hover:text-white' : 'text-gray-600 hover:text-gray-900'">
+                                Über uns
+                            </a>
                             <a href="{{ url_for('datenschutz') }}" class="text-sm transition-all duration-200"
                                :class="darkMode ? 'text-gray-300 hover:text-white' : 'text-gray-600 hover:text-gray-900'">
                                 Datenschutz

templates/impressum.html

@@ -8,56 +8,56 @@
         <h1 class="text-3xl font-bold mb-6 gradient-text">Impressum</h1>
         
         <section class="mb-8">
-            <h2 class="text-xl font-bold mb-4">Angaben gemäß § 5 TMG</h2>
-            <p class="mb-4">MindMap GmbH<br>
-            Musterstraße 123<br>
-            12345 Musterstadt<br>
-            Deutschland</p>
-            
+            <h2 class="text-xl font-bold mb-4">Angaben gemäß § 5 TMG und § 55 RStV</h2>
             <p class="mb-4">
-                <strong>Vertreten durch:</strong><br>
-                Max Mustermann, Geschäftsführer
+                Diese Website wird privat betrieben von:<br>
+                Marwin Medczinski<br>
+                Fasanenstraße 30<br>
+                16761 Hennigsdorf<br>
+                Deutschland
+            </p>
+            
+
             </p>
             
             <p class="mb-4">
                 <strong>Kontakt:</strong><br>
-                Telefon: +49 (0) 123 456789<br>
-                E-Mail: info@mindmap-example.com
-            </p>
-            
-            <p class="mb-4">
-                <strong>Registereintrag:</strong><br>
-                Eintragung im Handelsregister.<br>
-                Registergericht: Amtsgericht Musterstadt<br>
-                Registernummer: HRB 12345
-            </p>
-            
-            <p class="mb-4">
-                <strong>Umsatzsteuer-ID:</strong><br>
-                Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz:<br>
-                DE 123456789
+                Telefon: +49 (0) 173 8041824<br>
+                E-Mail: medczinski.marwin@gmx.de
             </p>
         </section>
         
         <section class="mb-8">
-            <h2 class="text-xl font-bold mb-4">Redaktionell verantwortlich</h2>
-            <p>
-                Max Mustermann<br>
-                Musterstraße 123<br>
-                12345 Musterstadt
+            <h2 class="text-xl font-bold mb-4">Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV</h2>
+            <p class="mb-4">
+                Marwin Medczinski<br>
+                Fasanenstraße 30<br>
+                16761 Hennigsdorf
             </p>
         </section>
         
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Hinweis zur Streitbeilegung</h2>
+            <p class="mb-4">Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href="https://ec.europa.eu/consumers/odr/" target="_blank" class="text-purple-600 hover:text-purple-800">https://ec.europa.eu/consumers/odr/</a></p>
+            <p class="mb-4">Ich bin nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
+        </section>
+
         <section class="mb-8">
             <h2 class="text-xl font-bold mb-4">Haftungsausschluss</h2>
             
             <h3 class="text-lg font-bold mb-2">Haftung für Inhalte</h3>
-            <p class="mb-4">Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
-            <p class="mb-4">Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
+            <p class="mb-4">Die Inhalte dieser Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
+            <p class="mb-4">Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.</p>
             
             <h3 class="text-lg font-bold mb-2">Haftung für Links</h3>
-            <p class="mb-4">Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.</p>
-            <p>Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
+            <p class="mb-4">Diese Website enthält Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.</p>
+            <p class="mb-4">Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.</p>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Urheberrecht</h2>
+            <p class="mb-4">Die durch mich erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen meiner schriftlichen Zustimmung. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.</p>
+            <p>Soweit die Inhalte auf dieser Seite nicht von mir erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitte ich um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.</p>
         </section>
     </div>
 </div>

templates/ueber_uns.html

@@ -0,0 +1,79 @@
+{% extends "base.html" %}
+
+{% block title %}Über uns{% endblock %}
+
+{% block content %}
+<div class="max-w-3xl mx-auto">
+    <div class="card p-6 md:p-8">
+        <h1 class="text-3xl font-bold mb-6 gradient-text">Über uns</h1>
+        
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Unsere Vision</h2>
+            <p class="mb-4">
+                Systades ist ein innovatives Projekt, das darauf abzielt, das Teilen und Vernetzen von Wissen und Gedanken zu revolutionieren. Unsere Plattform ermöglicht es Nutzern, ihre Ideen in interaktiven Mindmaps zu organisieren und mit anderen zu teilen, wodurch ein kollaboratives Netzwerk des Wissens entsteht.
+            </p>
+            <p class="mb-4">
+                Wir glauben daran, dass Wissen am wertvollsten ist, wenn es geteilt und vernetzt wird. Durch die Verbindung verschiedener Perspektiven und Denkansätze entstehen neue Erkenntnisse und Innovationen.
+            </p>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Das Team</h2>
+            <p class="mb-4">
+                Till Tomczak und Marwin Medczinski arbeiten gemeinsam daran, Systades kontinuierlich zu verbessern und weiterzuentwickeln.
+            </p>
+            
+            <!-- Platz für Team-Mitglieder -->
+            <div class="team-members space-y-6">
+                <!-- Beispiel für ein Team-Mitglied (kann als Vorlage verwendet werden) -->
+                <!--
+                <div class="team-member p-4 border border-gray-200 dark:border-gray-700 rounded-lg">
+                    <h3 class="text-lg font-bold mb-2">[Name]</h3>
+                    <p class="text-gray-600 dark:text-gray-300 mb-2">[Position/Rolle]</p>
+                    <p class="text-sm">[Kurze Beschreibung oder Verantwortlichkeiten]</p>
+                </div>
+                -->
+            </div>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Unsere Mission</h2>
+            <p class="mb-4">
+                Wir setzen uns dafür ein, eine Plattform zu schaffen, die:
+            </p>
+            <ul class="list-disc list-inside space-y-2 mb-4">
+                <li>Intuitive Werkzeuge für die Organisation und Visualisierung von Wissen bereitstellt</li>
+                <li>Die Zusammenarbeit und den Austausch zwischen Nutzern fördert</li>
+                <li>Kreativität und innovative Denkansätze unterstützt</li>
+                <li>Einen sicheren und respektvollen Raum für intellektuellen Austausch bietet</li>
+            </ul>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Technologie & Innovation</h2>
+            <p class="mb-4">
+                Systades nutzt modernste Technologien und innovative Ansätze, um eine optimale Nutzererfahrung zu gewährleisten. Unsere Plattform wird kontinuierlich weiterentwickelt, um neue Funktionen und Verbesserungen zu integrieren.
+            </p>
+            <p>
+                Wir legen besonderen Wert auf:
+            </p>
+            <ul class="list-disc list-inside space-y-2 mt-2">
+                <li>Intuitive Benutzeroberfläche</li>
+                <li>Hohe Performance und Zuverlässigkeit</li>
+                <li>Datensicherheit und Privatsphäre</li>
+                <li>Barrierefreiheit und Inklusivität</li>
+            </ul>
+        </section>
+
+        <section>
+            <h2 class="text-xl font-bold mb-4">Kontakt & Feedback</h2>
+            <p class="mb-4">
+                Wir freuen uns über Ihr Feedback und Ihre Ideen zur Verbesserung von Systades. Gemeinsam können wir die Plattform weiter optimieren und an die Bedürfnisse unserer Nutzer anpassen.
+            </p>
+            <p>
+                Kontaktieren Sie uns gerne für Fragen, Anregungen oder Kooperationsmöglichkeiten.
+            </p>
+        </section>
+    </div>
+</div>
+{% endblock %}