added legend and test for network view

dumper/templates/dumper/network.html

@@ -24,7 +24,24 @@ <h1 class="display-3 text-center">Netzwerk aller Verbindungen</h1>
         <span class="visually-hidden">Lade die Netzwerkdaten...</span>
       </div>
     </div>
+    <div class="row">
+      <div class="col-2" >
+        <div class="p2" style="visibility: hidden;" id="legend">
+          <ul>
+            {% for x in model_list %}
+            <li>
+              <i class="{{ x.icon }}"></i> {{ x.name }}
+            </li>
+            {% endfor %}
+          </ul>
+        </div>
+      </div>
+      <div class="col-10">
+        <div id="app"></div>
 
-    <div id="app"></div>
+      </div>
+    </div>
+
+
   </div>
 {% endblock %}

dumper/tests.py

@@ -72,3 +72,8 @@ def test_09_imprint(self):
         url = reverse("dumper:export")
         response = client.get(url)
         self.assertEqual(response.status_code, 200)
+
+    def test_10_network(self):
+        url = reverse("dumper:network")
+        response = client.get(url)
+        self.assertEqual(response.status_code, 200)

dumper/views.py

@@ -1,3 +1,5 @@
+from typing import Any
+from django.apps import apps
 from django.contrib.auth import authenticate, login, logout
 from django.http import HttpResponse, HttpResponseRedirect
 from django.shortcuts import render
@@ -29,6 +31,23 @@ class ExportView(TemplateView):
 class NetworkView(TemplateView):
     template_name = "dumper/network.html"
 
+    def get_context_data(self, **kwargs: Any) -> dict[str, Any]:
+        context = super().get_context_data(**kwargs)
+        MODELS = list(apps.all_models["apis_entities"].values())
+        model_list = []
+        for x in MODELS:
+            try:
+                item = {
+                    "color": x.get_color(),
+                    "icon": x.get_icon(),
+                    "name": x._meta.verbose_name,
+                }
+            except AttributeError:
+                continue
+            model_list.append(item)
+        context["model_list"] = model_list
+        return context
+
 
 class ImprintView(TemplateView):
     template_name = "dumper/imprint.html"

pmb/urls.py

@@ -23,4 +23,6 @@
 )
 
 if settings.DEBUG:
-    urlpatterns = urlpatterns + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+    urlpatterns = urlpatterns + static(
+        settings.MEDIA_URL, document_root=settings.MEDIA_ROOT
+    )

static/src/js/main.js

@@ -7,6 +7,7 @@ const node_csv = "/media/nodes.csv";
 const edge_promis = d3.csv(edge_csv);
 const node_promis = d3.csv(node_csv);
 const spinnerNode = document.getElementById("spinner");
+const legendNode = document.getElementById("legend");
 const canvas = document.createElement("div");
     canvas.style.height = "800px"
 
@@ -27,6 +28,7 @@ Promise.all([edge_promis, node_promis]).then(([edge_data, node_data]) => {
 
     // remove spinner
     spinnerNode.style.visibility = "hidden";
+    legendNode.style.visibility = "visible";
     appNode.appendChild(canvas);
     const searchContainer = document.createElement('div')
     appNode.appendChild(searchContainer);

static/vite/manifest.info

@@ -1,17 +1,17 @@
 {
-  "_browser-Co2CjrBv.js": {
-    "file": "browser-Co2CjrBv.js",
+  "_browser-C1tfp1OT.js": {
+    "file": "browser-C1tfp1OT.js",
     "isDynamicEntry": true,
     "imports": [
       "js/main.js"
     ]
   },
   "js/main.js": {
-    "file": "main-BgjuSik3.js",
+    "file": "main-CE-ujooY.js",
     "src": "js/main.js",
     "isEntry": true,
     "dynamicImports": [
-      "_browser-Co2CjrBv.js"
+      "_browser-C1tfp1OT.js"
     ]
   }
 }