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>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
.node circle { fill: #fff; stroke: #4f46e5; stroke-width: 3px; }
|
||||
.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>
|
||||
<p class="text-sm text-slate-500">Live Infrastructure Mindmap aus Terraform State-Daten</p>
|
||||
</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>
|
||||
|
||||
<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)
|
||||
.style("text-anchor", d => d.children ? "end" : "start")
|
||||
.text(d => `[${d.data.type}] ${d.data.name}`);
|
||||
}).catch(function(error) {
|
||||
console.error("Fehler beim Laden der Cluster-Daten:", error);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in a new issue