From 91f52a52151741a431af775632a0347f409d00b3 Mon Sep 17 00:00:00 2001
From: daniel-hbn <danielhabenicht@icloud.com>
Date: Thu, 31 Jul 2025 15:52:52 +0200
Subject: [PATCH] Graph Test

---
 Watcher/Views/Server/_ServerDetails.cshtml | 33 +++++++++++++++++++---
 Watcher/wwwroot/js/charts.js               |  0
 2 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 Watcher/wwwroot/js/charts.js

diff --git a/Watcher/Views/Server/_ServerDetails.cshtml b/Watcher/Views/Server/_ServerDetails.cshtml
index 089c3e1..54d60c0 100644
--- a/Watcher/Views/Server/_ServerDetails.cshtml
+++ b/Watcher/Views/Server/_ServerDetails.cshtml
@@ -47,21 +47,46 @@
     <div class="mt-4">
         <h6><i class="bi bi-graph-up me-1"></i>Uptime letzte 24h</h6>
         <div class="bg-light border rounded p-4 text-center text-muted" style="height: 250px;">
-            <canvas id="uptimeChart"></canvas>
+            <canvas id="UptimeChart"></canvas>
         </div>
     </div>
 
     <div class="mt-4">
         <h6><i class="bi bi-graph-up me-1"></i>CPU Last</h6>
         <div class="bg-light border rounded p-4 text-center text-muted" style="height: 250px;">
-            <canvas id="uptimeChart"></canvas>
+            <canvas id="CpuLoadChart"></canvas>
         </div>
     </div>
 
     <div class="mt-4"></div>
     <h6><i class="bi bi-graph-up me-1"></i>RAM Last</h6>
     <div class="bg-light border rounded p-4 text-center text-muted" style="height: 250px;">
-        <canvas id="uptimeChart"></canvas>
+        <canvas id="RamLoadChart"></canvas>
     </div>
 </div>
-</div>
\ No newline at end of file
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+
+<script>
+    const ctx = document.getElementById('CpuLoadChart');
+
+    new Chart(ctx, {
+        type: 'line',
+        data: {
+            labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
+            datasets: [{
+                label: 'Auslastung',
+                data: [12, 19, 3, 5, 2, 3],
+                borderWidth: 1
+            }]
+        },
+        options: {
+            scales: {
+                y: {
+                    beginAtZero: true
+                }
+            }
+        }
+    });
+</script>
diff --git a/Watcher/wwwroot/js/charts.js b/Watcher/wwwroot/js/charts.js
new file mode 100644
index 0000000..e69de29