From f0c4c514c41d0627f5dcb04817e92fce6630bbc1 Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Fri, 2 May 2025 19:16:34 +0200
Subject: [PATCH] "Refactor Mindicate mindmap Update for Mindate Mindous Mind
 mindmap Modifications in the Mind (feat/update to-mendments toughly, update
 forums ofthe mind-peed_induced.cetapane

---
 static/js/modules/mindmap.js | Bin 30130 -> 29000 bytes
 templates/base.html          |  14 +-
 templates/edit_mindmap.html  | 318 +++++++++++++++++++++++++++++++++++
 templates/profile.html       | 156 ++++++++++++++++-
 4 files changed, 479 insertions(+), 9 deletions(-)

diff --git a/static/js/modules/mindmap.js b/static/js/modules/mindmap.js
index 7ae6be217adc22e586a4f3952972447b2b333394..e5eba3ae8fc1d1bc3e0b0ee3fbd5c4b8a4b06686 100644
GIT binary patch
literal 29000
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
b0(g}XN|9^k+;#bmJGH!TUv}LSGUNXMnV^1y

literal 30130
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

diff --git a/templates/base.html b/templates/base.html
index d4bd0a0..83c5e83 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -206,10 +206,10 @@
         /* Light Mode Buttons */
         body:not(.dark) .btn,
         body:not(.dark) button:not(.toggle) {
-            background: linear-gradient(135deg, #6d28d9, #5b21b6);
+            background: linear-gradient(135deg, #7c3aed, #6d28d9);
             color: white !important;
             border: none;
-            box-shadow: 0 2px 4px rgba(91, 33, 182, 0.25);
+            box-shadow: 0 2px 4px rgba(124, 58, 237, 0.25);
             border-radius: 8px;
             padding: 0.625rem 1.25rem;
             transition: all 0.2s ease;
@@ -220,22 +220,22 @@
 
         body:not(.dark) .btn:hover,
         body:not(.dark) button:not(.toggle):hover {
-            background: linear-gradient(135deg, #7c3aed, #6d28d9);
+            background: linear-gradient(135deg, #8b5cf6, #7c3aed);
             transform: translateY(-1px);
-            box-shadow: 0 4px 12px rgba(109, 40, 217, 0.3);
+            box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
             color: white !important;
         }
         
         /* KI-Chat Button im Light-Mode */
         body:not(.dark) [onclick*="MindMap.assistant.toggleAssistant"] {
-            background: linear-gradient(135deg, #7c3aed, #3b82f6);
+            background: linear-gradient(135deg, #7c3aed, #4f46e5);
             color: white !important;
             font-weight: 500;
             text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
         }
         
         body:not(.dark) [onclick*="MindMap.assistant.toggleAssistant"]:hover {
-            background: linear-gradient(135deg, #8b5cf6, #4f46e5);
+            background: linear-gradient(135deg, #8b5cf6, #6366f1);
             box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
         }
       </style>
@@ -374,7 +374,7 @@
                             class="absolute w-5 h-5 rounded-full bg-white shadow-md transform transition-transform duration-300"
                             :class="darkMode ? 'translate-x-7' : 'translate-x-1'"
                         ></span>
-                        <span class="sr-only">{{ darkMode ? 'Zum Light Mode wechseln' : 'Zum Dark Mode wechseln' }}</span>
+                        <span class="sr-only" x-text="darkMode ? 'Zum Light Mode wechseln' : 'Zum Dark Mode wechseln'"></span>
                     </button>
                     <!-- Profil-Link oder Login -->
                     {% if current_user.is_authenticated %}
diff --git a/templates/edit_mindmap.html b/templates/edit_mindmap.html
index e69de29..ac06fa0 100644
--- a/templates/edit_mindmap.html
+++ b/templates/edit_mindmap.html
@@ -0,0 +1,318 @@
+{% extends "base.html" %}
+
+{% block title %}Mindmap bearbeiten{% endblock %}
+
+{% block extra_css %}
+<style>
+  /* Spezifische Stile für die Mindmap-Bearbeitungsseite */
+  .form-container {
+    background-color: var(--bg-secondary);
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+  }
+  
+  body.dark .form-container {
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+  }
+  
+  body:not(.dark) .form-container {
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+    border: 1px solid rgba(0, 0, 0, 0.05);
+  }
+  
+  .form-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  }
+  
+  body:not(.dark) .form-header {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  }
+  
+  .form-body {
+    padding: 1.5rem;
+  }
+  
+  .form-group {
+    margin-bottom: 1.5rem;
+  }
+  
+  .form-label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+  }
+  
+  .form-input,
+  .form-textarea {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+    transition: all 0.3s ease;
+  }
+  
+  body.dark .form-input,
+  body.dark .form-textarea {
+    background-color: rgba(15, 23, 42, 0.6);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: #f1f5f9;
+  }
+  
+  body:not(.dark) .form-input,
+  body:not(.dark) .form-textarea {
+    background-color: white;
+    border: 1px solid #e2e8f0;
+    color: #334155;
+  }
+  
+  body.dark .form-input:focus,
+  body.dark .form-textarea:focus {
+    border-color: #7c3aed;
+    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.2);
+    outline: none;
+  }
+  
+  body:not(.dark) .form-input:focus,
+  body:not(.dark) .form-textarea:focus {
+    border-color: #7c3aed;
+    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.2);
+    outline: none;
+  }
+  
+  .form-textarea {
+    min-height: 120px;
+    resize: vertical;
+  }
+  
+  .form-switch {
+    display: flex;
+    align-items: center;
+  }
+  
+  .form-switch input[type="checkbox"] {
+    height: 0;
+    width: 0;
+    visibility: hidden;
+    position: absolute;
+  }
+  
+  .form-switch label {
+    cursor: pointer;
+    width: 50px;
+    height: 25px;
+    background: rgba(100, 116, 139, 0.3);
+    display: block;
+    border-radius: 25px;
+    position: relative;
+    margin-right: 10px;
+    transition: all 0.3s ease;
+  }
+  
+  .form-switch label:after {
+    content: '';
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    width: 19px;
+    height: 19px;
+    background: #fff;
+    border-radius: 19px;
+    transition: 0.3s;
+  }
+  
+  .form-switch input:checked + label {
+    background: #7c3aed;
+  }
+  
+  .form-switch input:checked + label:after {
+    left: calc(100% - 3px);
+    transform: translateX(-100%);
+  }
+  
+  .btn-submit {
+    background-color: #7c3aed;
+    color: white;
+    padding: 0.75rem 1.5rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    border: none;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  
+  .btn-submit:hover {
+    background-color: #6d28d9;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);
+  }
+  
+  .btn-cancel {
+    background-color: transparent;
+    padding: 0.75rem 1.5rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    border: 1px solid;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  
+  body.dark .btn-cancel {
+    color: #e2e8f0;
+    border-color: rgba(255, 255, 255, 0.1);
+  }
+  
+  body:not(.dark) .btn-cancel {
+    color: #475569;
+    border-color: #e2e8f0;
+  }
+  
+  .btn-cancel:hover {
+    transform: translateY(-2px);
+  }
+  
+  body.dark .btn-cancel:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+  }
+  
+  body:not(.dark) .btn-cancel:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+  
+  /* Animation für den Seiteneintritt */
+  @keyframes slideInUp {
+    from {
+      transform: translateY(20px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+  
+  .form-container {
+    animation: slideInUp 0.5s ease forwards;
+  }
+  
+  /* Animation für Hover-Effekte */
+  .input-animation {
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+  }
+  
+  .input-animation:focus {
+    transform: scale(1.01);
+  }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-8 animate-fadeIn">
+  <div class="max-w-3xl mx-auto">
+    <!-- Titel mit Animation -->
+    <div class="text-center mb-8 animate-pulse">
+      <h1 class="text-3xl font-bold mb-2 mystical-glow gradient-text">
+        Mindmap bearbeiten
+      </h1>
+      <p class="opacity-80">Aktualisiere die Details deiner Mindmap</p>
+    </div>
+    
+    <div class="form-container">
+      <div class="form-header">
+        <h2 class="text-xl font-semibold">Mindmap-Details</h2>
+      </div>
+      
+      <div class="form-body">
+        <form action="{{ url_for('edit_mindmap', mindmap_id=mindmap.id) }}" method="POST">
+          <div class="form-group">
+            <label for="name" class="form-label">Name der Mindmap</label>
+            <input type="text" id="name" name="name" class="form-input input-animation" required 
+                   placeholder="z.B. Meine Philosophie-Mindmap" value="{{ mindmap.name }}">
+          </div>
+          
+          <div class="form-group">
+            <label for="description" class="form-label">Beschreibung</label>
+            <textarea id="description" name="description" class="form-textarea input-animation" 
+                      placeholder="Worum geht es in dieser Mindmap?">{{ mindmap.description }}</textarea>
+          </div>
+          
+          <div class="form-group">
+            <div class="form-switch">
+              <input type="checkbox" id="is_private" name="is_private" {% if mindmap.is_private %}checked{% endif %}>
+              <label for="is_private"></label>
+              <span>Private Mindmap (nur für dich sichtbar)</span>
+            </div>
+          </div>
+          
+          <div class="flex justify-between mt-6">
+            <a href="{{ url_for('mindmap', mindmap_id=mindmap.id) }}" class="btn-cancel">
+              <i class="fas fa-arrow-left"></i>
+              Zurück
+            </a>
+            <button type="submit" class="btn-submit">
+              <i class="fas fa-save"></i>
+              Änderungen speichern
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+    
+    <!-- Tipps-Sektion -->
+    <div class="mt-8 p-5 rounded-lg border animate-fadeIn" 
+         x-bind:class="darkMode ? 'bg-slate-800/40 border-slate-700/50' : 'bg-white border-slate-200'">
+      <h3 class="text-xl font-semibold mb-3"
+          x-bind:class="darkMode ? 'text-white' : 'text-gray-800'">
+        <i class="fa-solid fa-lightbulb text-yellow-400 mr-2"></i>Tipps zum Bearbeiten einer Mindmap
+      </h3>
+      <div x-bind:class="darkMode ? 'text-gray-300' : 'text-gray-600'">
+        <ul class="list-disc pl-5 space-y-2">
+          <li>Überprüfe, ob der Name noch zum aktuellen Inhalt passt</li>
+          <li>Aktualisiere die Beschreibung, um neue Aspekte zu berücksichtigen</li>
+          <li>Entscheide, ob die Sichtbarkeitseinstellungen noch passend sind</li>
+          <li>Nutze aussagekräftige Namen für bessere Auffindbarkeit</li>
+          <li>Behalte die Konsistenz mit verknüpften Konzepten im Auge</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script nonce="{{ csp_nonce }}">
+  document.addEventListener('DOMContentLoaded', function() {
+    // Einfache Animationen für die Eingabefelder
+    const inputs = document.querySelectorAll('.input-animation');
+    
+    inputs.forEach(input => {
+      // Subtile Skalierung bei Fokus
+      input.addEventListener('focus', function() {
+        this.style.transform = 'scale(1.01)';
+        this.style.boxShadow = '0 4px 12px rgba(124, 58, 237, 0.15)';
+      });
+      
+      input.addEventListener('blur', function() {
+        this.style.transform = 'scale(1)';
+        this.style.boxShadow = 'none';
+      });
+    });
+    
+    // Formular-Absenden-Animation
+    const form = document.querySelector('form');
+    form.addEventListener('submit', function(e) {
+      const submitBtn = this.querySelector('.btn-submit');
+      submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Wird gespeichert...';
+      submitBtn.disabled = true;
+    });
+  });
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/profile.html b/templates/profile.html
index 8696cf3..83cfada 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -518,6 +518,61 @@
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(109, 40, 217, 0.25);
   }
+  
+  /* Thought item styling */
+  .thought-border {
+    border-left: 4px solid #B39DDB;
+  }
+  
+  /* Light Mode Gedanken */
+  body:not(.dark) .thought-item {
+    background-color: white;
+    border-color: rgba(0, 0, 0, 0.1);
+  }
+  
+  body:not(.dark) .thought-item h3 {
+    color: #6d28d9;
+  }
+  
+  body:not(.dark) .thought-item p {
+    color: #4b5563;
+  }
+  
+  /* Verbesserte Kontraste im Light-Mode */
+  body:not(.dark) .profile-tab.active {
+    color: #7c3aed;
+    border-bottom-color: #7c3aed;
+    background-color: rgba(124, 58, 237, 0.1);
+  }
+  
+  body:not(.dark) .profile-tab:hover:not(.active) {
+    color: #6d28d9;
+    background-color: rgba(124, 58, 237, 0.05);
+  }
+  
+  body:not(.dark) .nav-link-light {
+    color: #4b5563;
+  }
+  
+  body:not(.dark) .nav-link-light:hover {
+    color: #1f2937;
+  }
+  
+  body:not(.dark) .edit-profile-btn {
+    background: #7c3aed;
+    color: white;
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    transition: all 0.2s ease;
+    border: none;
+  }
+  
+  body:not(.dark) .edit-profile-btn:hover {
+    background: #6d28d9;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(109, 40, 217, 0.25);
+  }
 </style>
 {% endblock %}
 
@@ -657,7 +712,7 @@
             {% for thought in thoughts %}
               <div class="thought-item bg-opacity-70 rounded-xl overflow-hidden border transition-all duration-300 hover:transform hover:scale-105 hover:shadow-lg"
                    x-bind:class="darkMode ? 'bg-gray-800/80 border-gray-700/60' : 'bg-white/90 border-gray-200/60'">
-                <div class="p-5" style="border-left: 4px solid {{ thought.color_code|default('#B39DDB') }}">
+                <div class="p-5 thought-border" data-color="{{ thought.color_code|default('#B39DDB') }}">
                   <h3 class="text-xl font-bold mb-2" 
                       x-bind:class="darkMode ? 'text-purple-300' : 'text-purple-700'">{{ thought.title }}</h3>
                   <p class="mb-4 text-sm" 
@@ -876,7 +931,21 @@
         
         // Entsprechenden Tab-Inhalt anzeigen
         const tabId = this.getAttribute('data-tab');
-        document.getElementById(`${tabId}-tab`).classList.remove('hidden');
+        const tabContent = document.getElementById(`${tabId}-tab`);
+        
+        if (tabContent) {
+          tabContent.classList.remove('hidden');
+          
+          // Animation für Tab-Inhalt
+          tabContent.style.opacity = '0';
+          tabContent.style.transform = 'translateY(10px)';
+          
+          setTimeout(() => {
+            tabContent.style.transition = 'all 0.3s ease';
+            tabContent.style.opacity = '1';
+            tabContent.style.transform = 'translateY(0)';
+          }, 50);
+        }
       });
     });
     
@@ -902,6 +971,89 @@
         countElement.textContent = count;
       });
     });
+    
+    // Profilbearbeitung
+    const editProfileBtn = document.querySelector('.edit-profile-btn');
+    
+    if (editProfileBtn) {
+      editProfileBtn.addEventListener('click', function() {
+        // Zum Einstellungstab wechseln
+        const settingsTab = document.querySelector('[data-tab="settings"]');
+        if (settingsTab) {
+          settingsTab.click();
+        }
+      });
+    }
+    
+    // Einstellungen-Formular-Handling
+    const settingsForm = document.querySelector('.settings-card form');
+    const saveSettingsBtn = document.querySelector('.settings-card .profile-action-btn.primary');
+    
+    if (saveSettingsBtn && !settingsForm) {
+      saveSettingsBtn.addEventListener('click', function() {
+        // Sammle Daten aus den Eingabefeldern
+        const formData = new FormData();
+        formData.append('action', 'update_profile');
+        formData.append('bio', document.getElementById('bio').value);
+        formData.append('location', document.getElementById('location').value);
+        formData.append('website', document.getElementById('website').value || '');
+        
+        // AJAX-Anfrage senden
+        fetch('{{ url_for("settings") }}', {
+          method: 'POST',
+          body: formData,
+          credentials: 'same-origin'
+        })
+        .then(response => response.json())
+        .catch(error => {
+          console.error('Fehler beim Speichern der Profileinstellungen:', error);
+        })
+        .then(data => {
+          // Erfolgsanimation
+          const originalText = this.innerHTML;
+          this.innerHTML = '<i class="fas fa-check mr-1"></i> Gespeichert';
+          
+          setTimeout(() => {
+            this.innerHTML = originalText;
+          }, 2000);
+        });
+      });
+    }
+    
+    // Mindmap-Karten mit Hover-Effekten
+    const mindmapItems = document.querySelectorAll('.mindmap-item');
+    mindmapItems.forEach(item => {
+      item.addEventListener('mouseenter', () => {
+        item.style.transform = 'translateY(-5px)';
+        item.style.boxShadow = '0 12px 30px rgba(0, 0, 0, 0.15)';
+      });
+      
+      item.addEventListener('mouseleave', () => {
+        item.style.transform = 'translateY(0)';
+        item.style.boxShadow = 'none';
+      });
+    });
+    
+    // Gedanken-Karten mit Hover-Effekten und Border-Farben
+    const thoughtItems = document.querySelectorAll('.thought-item');
+    thoughtItems.forEach(item => {
+      // Hover-Effekte
+      item.addEventListener('mouseenter', () => {
+        item.style.transform = 'translateY(-5px)';
+        item.style.boxShadow = '0 12px 30px rgba(0, 0, 0, 0.15)';
+      });
+      
+      item.addEventListener('mouseleave', () => {
+        item.style.transform = 'translateY(0)';
+        item.style.boxShadow = 'none';
+      });
+      
+      // Border-Farben anwenden
+      const borderElem = item.querySelector('.thought-border');
+      if (borderElem && borderElem.dataset.color) {
+        borderElem.style.borderLeftColor = borderElem.dataset.color;
+      }
+    });
   });
 </script>
 {% endblock %} 
\ No newline at end of file