This commit is contained in:
parent
cf5e520f2b
commit
b7dcc2dfb3
3 changed files with 18 additions and 3 deletions
1
monitor/static/monitor/js/d3.min.js
vendored
Normal file
1
monitor/static/monitor/js/d3.min.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
not found :(
|
||||||
8
monitor/static/monitor/js/tailwind.min.js
vendored
Normal file
8
monitor/static/monitor/js/tailwind.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -3,8 +3,12 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Boday-IT cloudmon Dashboard</title>
|
<title>Boday-IT cloudmon Dashboard</title>
|
||||||
<script src="https://d3js.org"></script>
|
|
||||||
<script src="https://tailwindcss.com"></script>
|
<!-- KORRIGIERT: Nutzt die lokal im Image eingebrannten JavaScript-Dateien ohne Internetzugriff! -->
|
||||||
|
{% load static %}
|
||||||
|
<script src="{% static 'monitor/js/d3.min.js' %}"></script>
|
||||||
|
<script src="{% static 'monitor/js/tailwind.min.js' %}"></script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.node circle { fill: #fff; stroke: #4f46e5; stroke-width: 3px; }
|
.node circle { fill: #fff; stroke: #4f46e5; stroke-width: 3px; }
|
||||||
.node text { font: 12px sans-serif; font-weight: 600; fill: #1f2937; }
|
.node text { font: 12px sans-serif; font-weight: 600; fill: #1f2937; }
|
||||||
|
|
@ -19,7 +23,7 @@
|
||||||
<h1 class="text-2xl font-bold text-slate-800">cloudmon // Cluster Map</h1>
|
<h1 class="text-2xl font-bold text-slate-800">cloudmon // Cluster Map</h1>
|
||||||
<p class="text-sm text-slate-500">Live Infrastructure Mindmap aus Terraform State-Daten</p>
|
<p class="text-sm text-slate-500">Live Infrastructure Mindmap aus Terraform State-Daten</p>
|
||||||
</div>
|
</div>
|
||||||
<span class="px-3 py-1 bg-emerald-100 text-emerald-800 rounded-full text-xs font-semibold animate-pulse">Live API Stream</span>
|
<span class="px-3 py-1 bg-emerald-100 text-emerald-800 rounded-full text-xs font-semibold animate-pulse">Offline Sync Ready</span>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="bg-white rounded-xl shadow-md p-6 overflow-x-auto border border-slate-200 flex justify-center">
|
<div class="bg-white rounded-xl shadow-md p-6 overflow-x-auto border border-slate-200 flex justify-center">
|
||||||
|
|
@ -64,6 +68,8 @@
|
||||||
.attr("x", d => d.children ? -13 : 13)
|
.attr("x", d => d.children ? -13 : 13)
|
||||||
.style("text-anchor", d => d.children ? "end" : "start")
|
.style("text-anchor", d => d.children ? "end" : "start")
|
||||||
.text(d => `[${d.data.type}] ${d.data.name}`);
|
.text(d => `[${d.data.type}] ${d.data.name}`);
|
||||||
|
}).catch(function(error) {
|
||||||
|
console.error("Fehler beim Laden der Cluster-Daten:", error);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue