feat: Erweiterung der Mindmap-Funktionalität durch Verbesserung der Ladeanimation, Fehlerbehandlung und CSS-Anpassungen; Protokollaktualisierungen zur Fehlerverfolgung und Optimierung der Benutzeroberfläche.

This commit is contained in:
2025-05-16 21:02:09 +01:00
parent 302d5213ef
commit 5b9ae85453
5 changed files with 1028 additions and 532 deletions

View File

@@ -554,3 +554,213 @@ werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on
2025-05-16 20:28:49,108 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77] 2025-05-16 20:28:49,108 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:28:50,916 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77] 2025-05-16 20:28:50,916 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:28:50,916 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77] 2025-05-16 20:28:50,916 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:36:14,790 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:36:17,121 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:36:17,121 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:36:22,222 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:36:25,551 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:36:25,551 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:40:02,710 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:40:04,924 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:40:04,924 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:40:11,918 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:40:13,550 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:40:13,550 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:44:54,482 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:44:58,286 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:44:58,286 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:45:04,175 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:45:06,483 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:45:06,483 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:46:46,140 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 20:46:46,140 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 20:50:10,093 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:50:13,779 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:50:13,779 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:50:34,297 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 20:50:34,297 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 20:50:34,970 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:50:38,891 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:50:38,891 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:57:15,614 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:57:27,085 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:57:27,085 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:57:57,575 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 20:57:57,575 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 20:57:59,166 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:58:02,510 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 20:58:02,510 INFO: Anwendung gestartet [in C:\Users\firem\Desktop\111\Systades\website\app.py:77]
2025-05-16 21:00:03,808 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 21:00:03,808 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 21:01:35,404 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]
2025-05-16 21:01:35,404 ERROR: Fehler 404: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
Endpoint: /.well-known/appspecific/com.chrome.devtools.json, Method: GET, IP: 127.0.0.1
Nicht angemeldet
Traceback (most recent call last):
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1823, in full_dispatch_request
rv = self.dispatch_request()
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1788, in dispatch_request
self.raise_routing_exception(req)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\app.py", line 1770, in raise_routing_exception
raise request.routing_exception # type: ignore
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\flask\ctx.py", line 351, in match_request
result = self.url_adapter.match(return_rule=True) # type: ignore
File "C:\Users\firem\Desktop\111\Systades\website\.venv\Lib\site-packages\werkzeug\routing\map.py", line 624, in match
raise NotFound() from None
werkzeug.exceptions.NotFound: 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
[in C:\Users\firem\Desktop\111\Systades\website\app.py:93]

View File

@@ -9,7 +9,91 @@
overflow: hidden; overflow: hidden;
} }
/* Toolbar Styles */ /* Cytoscape Container für die Hauptmindmap */
#cy {
width: 100%;
height: 100%;
background: transparent;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
/* Subpage Styles - Identisches Design wie Hauptmindmap */
.mindmap-subpage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg-primary);
display: flex;
flex-direction: column;
z-index: 10;
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 1;
transform: translateY(0);
}
/* Subpage Header */
.subpage-header {
display: flex;
align-items: center;
padding: 16px;
background: var(--bg-secondary);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
z-index: 2;
}
.dark .subpage-header {
background: rgba(30, 41, 59, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* Zurück-Button */
.back-button {
background: rgba(255, 255, 255, 0.1);
border: none;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
margin-right: 12px;
}
.back-button:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-2px);
}
/* Subpage Titel */
.subpage-title {
font-size: 1.5rem;
font-weight: 600;
color: white;
margin: 0;
background: linear-gradient(90deg, #60a5fa, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Subpage Cytoscape Container */
.subpage-cy-container {
position: relative;
flex: 1;
width: 100%;
height: calc(100% - 72px);
overflow: hidden;
z-index: 1;
}
/* Toolbar für Zoom-Kontrollen */
.mindmap-toolbar { .mindmap-toolbar {
position: absolute; position: absolute;
top: 20px; top: 20px;
@@ -18,48 +102,74 @@
display: flex; display: flex;
gap: 8px; gap: 8px;
padding: 8px; padding: 8px;
background: var(--bg-secondary);
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
transition: all 0.3s ease;
}
.dark .mindmap-toolbar {
background: rgba(30, 41, 59, 0.8); background: rgba(30, 41, 59, 0.8);
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
z-index: 20;
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
} }
/* Toolbar Buttons */
.mindmap-toolbar button { .mindmap-toolbar button {
width: 40px;
height: 40px;
border: none;
background: rgba(255, 255, 255, 0.1);
color: white;
border-radius: 6px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 36px;
height: 36px;
border: none;
border-radius: 8px;
background: transparent;
color: var(--text-primary);
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.mindmap-toolbar button:hover { .mindmap-toolbar button:hover {
background: var(--accent-primary); background: rgba(139, 92, 246, 0.5);
color: white; transform: translateY(-2px);
transform: translateY(-1px);
}
.mindmap-toolbar button:active {
transform: translateY(0);
} }
.mindmap-toolbar button i { .mindmap-toolbar button i {
font-size: 16px; font-size: 16px;
} }
/* Mindmap Header */
.mindmap-header {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 1.5rem;
background: rgba(15, 23, 42, 0.8);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Dark Mode spezifische Stile */
.dark .mindmap-subpage {
background: linear-gradient(135deg, #0f172a 0%, #0c1221 100%);
}
/* Fix für Zoom-Buttons */
body.dark .mindmap-toolbar button {
background: rgba(255, 255, 255, 0.1);
color: white;
}
body:not(.dark) .mindmap-toolbar button {
background: rgba(30, 41, 59, 0.2);
color: #1e293b;
}
/* Kontext-Menü-Anpassungen */
.context-menu {
z-index: 1000;
}
/* Export Group Styles */ /* Export Group Styles */
.export-group { .export-group {
position: relative; position: relative;

File diff suppressed because it is too large Load Diff

View File

@@ -101,7 +101,7 @@
<link href="{{ url_for('static', filename='css/neural-network-background.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/neural-network-background.css') }}" rel="stylesheet">
<!-- Mindmap CSS --> <!-- Mindmap CSS -->
<link href="{{ url_for('static', filename='css/mindmap.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/mindmap.css', v='1.0.1') }}" rel="stylesheet">
<!-- D3.js für Visualisierungen --> <!-- D3.js für Visualisierungen -->
<script src="https://d3js.org/d3.v7.min.js"></script> <script src="https://d3js.org/d3.v7.min.js"></script>

View File

@@ -452,7 +452,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape-cose-bilkent/4.1.0/cytoscape-cose-bilkent.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape-cose-bilkent/4.1.0/cytoscape-cose-bilkent.min.js"></script>
<!-- Unsere JavaScript-Dateien --> <!-- Unsere JavaScript-Dateien -->
<script src="{{ url_for('static', filename='js/update_mindmap.js') }}"></script> <script src="{{ url_for('static', filename='js/update_mindmap.js', v='1.0.1') }}"></script>
<!-- Initialisierung --> <!-- Initialisierung -->
<script> <script>
@@ -483,10 +483,12 @@ document.addEventListener('DOMContentLoaded', function() {
if (cyContainer) { if (cyContainer) {
console.log('Container gefunden:', cyContainer); console.log('Container gefunden:', cyContainer);
// Loader und Statusmeldung anzeigen // Loader und Statusmeldung anzeigen, nur wenn die Elemente existieren
loader.style.display = 'block'; if (loader) loader.style.display = 'block';
statusMessage.textContent = 'Lade Mindmap...'; if (statusMessage) {
statusMessage.style.display = 'block'; statusMessage.textContent = 'Lade Mindmap...';
statusMessage.style.display = 'block';
}
// Prüfen, ob Cytoscape vorhanden ist // Prüfen, ob Cytoscape vorhanden ist
if (typeof cytoscape !== 'undefined') { if (typeof cytoscape !== 'undefined') {
@@ -495,14 +497,14 @@ document.addEventListener('DOMContentLoaded', function() {
// Initialisieren der Mindmap // Initialisieren der Mindmap
initializeMindmap().then(() => { initializeMindmap().then(() => {
// Erfolg: Loader und Statusmeldung ausblenden // Erfolg: Loader und Statusmeldung ausblenden
loader.style.display = 'none'; if (loader) loader.style.display = 'none';
statusMessage.style.display = 'none'; if (statusMessage) statusMessage.style.display = 'none';
// Event-Listener für Knotenauswahl // Event-Listener für Knotenauswahl
window.cy.on('select', 'node', function(event) { window.cy.on('select', 'node', function(event) {
selectedElement = event.target; selectedElement = event.target;
editNodeBtn.disabled = false; if (editNodeBtn) editNodeBtn.disabled = false;
deleteElementBtn.disabled = false; if (deleteElementBtn) deleteElementBtn.disabled = false;
// Knotendetails im Info-Panel anzeigen // Knotendetails im Info-Panel anzeigen
showNodeInfo(selectedElement); showNodeInfo(selectedElement);
@@ -510,14 +512,14 @@ document.addEventListener('DOMContentLoaded', function() {
window.cy.on('select', 'edge', function(event) { window.cy.on('select', 'edge', function(event) {
selectedElement = event.target; selectedElement = event.target;
editNodeBtn.disabled = true; if (editNodeBtn) editNodeBtn.disabled = true;
deleteElementBtn.disabled = false; if (deleteElementBtn) deleteElementBtn.disabled = false;
}); });
window.cy.on('unselect', function() { window.cy.on('unselect', function() {
selectedElement = null; selectedElement = null;
editNodeBtn.disabled = true; if (editNodeBtn) editNodeBtn.disabled = true;
deleteElementBtn.disabled = true; if (deleteElementBtn) deleteElementBtn.disabled = true;
// Info-Panel ausblenden // Info-Panel ausblenden
hideNodeInfo(); hideNodeInfo();
@@ -550,124 +552,154 @@ document.addEventListener('DOMContentLoaded', function() {
}).catch(error => { }).catch(error => {
// Fehler: Fehlermeldung anzeigen // Fehler: Fehlermeldung anzeigen
console.error('Mindmap-Initialisierung fehlgeschlagen', error); console.error('Mindmap-Initialisierung fehlgeschlagen', error);
loader.style.display = 'none'; if (loader) loader.style.display = 'none';
statusMessage.textContent = 'Mindmap konnte nicht initialisiert werden: ' + error.message; if (statusMessage) {
statusMessage.style.backgroundColor = 'rgba(220, 38, 38, 0.9)'; statusMessage.textContent = 'Mindmap konnte nicht initialisiert werden: ' + error.message;
statusMessage.style.display = 'block'; statusMessage.style.backgroundColor = 'rgba(220, 38, 38, 0.9)';
statusMessage.style.display = 'block';
}
}); });
} else { } else {
console.error('Cytoscape ist nicht verfügbar'); console.error('Cytoscape ist nicht verfügbar');
loader.style.display = 'none'; if (loader) loader.style.display = 'none';
statusMessage.textContent = 'Cytoscape-Bibliothek konnte nicht geladen werden'; if (statusMessage) {
statusMessage.style.backgroundColor = 'rgba(220, 38, 38, 0.9)'; statusMessage.textContent = 'Cytoscape-Bibliothek konnte nicht geladen werden';
statusMessage.style.display = 'block'; statusMessage.style.backgroundColor = 'rgba(220, 38, 38, 0.9)';
statusMessage.style.display = 'block';
}
} }
} else { } else {
console.error('Container #cy nicht gefunden'); console.error('Container #cy nicht gefunden');
} }
// Bearbeitungsmodus umschalten // Bearbeitungsmodus umschalten (nur wenn alle erforderlichen Elemente existieren)
toggleEditModeBtn.addEventListener('click', function() { if (toggleEditModeBtn && crudPanel && editModeIndicator && saveChangesBtn && cancelEditBtn && window.cy) {
isEditMode = !isEditMode; toggleEditModeBtn.addEventListener('click', function() {
isEditMode = !isEditMode;
if (isEditMode) {
// Bearbeitungsmodus aktivieren
crudPanel.style.display = 'flex';
editModeIndicator.classList.add('active');
toggleEditModeBtn.style.display = 'none';
saveChangesBtn.style.display = 'inline-flex';
cancelEditBtn.style.display = 'inline-flex';
window.cy.container().classList.add('editing-mode');
// Aktiviere Knotenbewegung (dragging) if (isEditMode) {
window.cy.nodes().unlock(); // Bearbeitungsmodus aktivieren
} else { crudPanel.style.display = 'flex';
// Bearbeitungsmodus deaktivieren editModeIndicator.classList.add('active');
crudPanel.style.display = 'none'; toggleEditModeBtn.style.display = 'none';
editModeIndicator.classList.remove('active'); saveChangesBtn.style.display = 'inline-flex';
toggleEditModeBtn.style.display = 'inline-flex'; cancelEditBtn.style.display = 'inline-flex';
saveChangesBtn.style.display = 'none'; window.cy.container().classList.add('editing-mode');
cancelEditBtn.style.display = 'none';
window.cy.container().classList.remove('editing-mode'); // Aktiviere Knotenbewegung (dragging)
window.cy.nodes().unlock();
// Deaktiviere Knotenbewegung } else {
window.cy.nodes().lock(); // Bearbeitungsmodus deaktivieren
} crudPanel.style.display = 'none';
}); editModeIndicator.classList.remove('active');
toggleEditModeBtn.style.display = 'inline-flex';
saveChangesBtn.style.display = 'none';
cancelEditBtn.style.display = 'none';
window.cy.container().classList.remove('editing-mode');
// Deaktiviere Knotenbewegung
window.cy.nodes().lock();
}
});
}
// Änderungen speichern // Änderungen speichern
saveChangesBtn.addEventListener('click', function() { if (saveChangesBtn && window.cy) {
saveMindmapChanges(window.cy); saveChangesBtn.addEventListener('click', function() {
}); saveMindmapChanges(window.cy);
});
}
// Bearbeitungsmodus abbrechen // Bearbeitungsmodus abbrechen
cancelEditBtn.addEventListener('click', function() { if (cancelEditBtn && crudPanel && editModeIndicator && toggleEditModeBtn && saveChangesBtn && loader && statusMessage) {
if (confirm('Möchten Sie den Bearbeitungsmodus wirklich verlassen? Nicht gespeicherte Änderungen gehen verloren.')) { cancelEditBtn.addEventListener('click', function() {
isEditMode = false; if (confirm('Möchten Sie den Bearbeitungsmodus wirklich verlassen? Nicht gespeicherte Änderungen gehen verloren.')) {
crudPanel.style.display = 'none'; isEditMode = false;
editModeIndicator.classList.remove('active'); crudPanel.style.display = 'none';
toggleEditModeBtn.style.display = 'inline-flex'; editModeIndicator.classList.remove('active');
saveChangesBtn.style.display = 'none'; toggleEditModeBtn.style.display = 'inline-flex';
cancelEditBtn.style.display = 'none'; saveChangesBtn.style.display = 'none';
window.cy.container().classList.remove('editing-mode'); cancelEditBtn.style.display = 'none';
window.cy.container().classList.remove('editing-mode');
// Neuinitialisierung der Mindmap
initializeMindmap().then(() => { // Neuinitialisierung der Mindmap
loader.style.display = 'none'; initializeMindmap().then(() => {
statusMessage.style.display = 'none'; if (loader) loader.style.display = 'none';
}); if (statusMessage) statusMessage.style.display = 'none';
} });
}); }
});
}
// CRUD-Funktionen // CRUD-Funktionen
createNodeBtn.addEventListener('click', function() { if (createNodeBtn && window.cy) {
if (isEditMode) { createNodeBtn.addEventListener('click', function() {
addNewNode(window.cy); if (isEditMode) {
} addNewNode(window.cy);
}); }
});
}
createEdgeBtn.addEventListener('click', function() { if (createEdgeBtn && window.cy) {
if (isEditMode) { createEdgeBtn.addEventListener('click', function() {
enableEdgeCreationMode(window.cy); if (isEditMode) {
} enableEdgeCreationMode(window.cy);
}); }
});
}
editNodeBtn.addEventListener('click', function() { if (editNodeBtn) {
if (isEditMode && selectedElement && selectedElement.isNode()) { editNodeBtn.addEventListener('click', function() {
editNodeProperties(selectedElement); if (isEditMode && selectedElement && selectedElement.isNode()) {
} editNodeProperties(selectedElement);
}); }
});
}
deleteElementBtn.addEventListener('click', function() { if (deleteElementBtn) {
if (isEditMode && selectedElement) { deleteElementBtn.addEventListener('click', function() {
if (selectedElement.isNode()) { if (isEditMode && selectedElement) {
deleteNode(selectedElement); if (selectedElement.isNode()) {
} else if (selectedElement.isEdge()) { deleteNode(selectedElement);
if (confirm('Möchten Sie diese Verbindung wirklich löschen?')) { } else if (selectedElement.isEdge()) {
selectedElement.remove(); if (confirm('Möchten Sie diese Verbindung wirklich löschen?')) {
selectedElement.remove();
}
} }
} }
} });
}); }
saveMindmapBtn.addEventListener('click', function() { if (saveMindmapBtn && window.cy) {
if (isEditMode) { saveMindmapBtn.addEventListener('click', function() {
saveMindmapChanges(window.cy); if (isEditMode) {
} saveMindmapChanges(window.cy);
}); }
});
}
// Funktionen für Zoom-Buttons und Reset // Funktionen für Zoom-Buttons und Reset
document.getElementById('zoomIn').addEventListener('click', function() { const zoomInBtn = document.getElementById('zoomIn');
if (window.cy) window.cy.zoom(window.cy.zoom() * 1.2); const zoomOutBtn = document.getElementById('zoomOut');
}); const resetViewBtn = document.getElementById('resetView');
document.getElementById('zoomOut').addEventListener('click', function() { if (zoomInBtn && window.cy) {
if (window.cy) window.cy.zoom(window.cy.zoom() * 0.8); zoomInBtn.addEventListener('click', function() {
}); if (window.cy) window.cy.zoom(window.cy.zoom() * 1.2);
});
}
document.getElementById('resetView').addEventListener('click', function() { if (zoomOutBtn && window.cy) {
if (window.cy) window.cy.fit(); zoomOutBtn.addEventListener('click', function() {
}); if (window.cy) window.cy.zoom(window.cy.zoom() * 0.8);
});
}
if (resetViewBtn && window.cy) {
resetViewBtn.addEventListener('click', function() {
if (window.cy) window.cy.fit();
});
}
}); });
</script> </script>
{% endblock %} {% endblock %}