ViewUpdates
All checks were successful
Gitea CI/CD / dotnet-build-and-test (push) Successful in 10m5s
Gitea CI/CD / Set Tag Name (push) Successful in 5s
Gitea CI/CD / docker-build-and-push (push) Successful in 11m39s
Gitea CI/CD / Create Tag (push) Successful in 5s

This commit is contained in:
2026-01-21 13:52:36 +01:00
parent 48469b03db
commit 851985a9d0
3 changed files with 56 additions and 240 deletions

View File

@@ -1,7 +1,11 @@
using Microsoft.AspNetCore.Mvc;
using System.Diagnostics;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
using watcher_monitoring.Models;
using watcher_monitoring.Data;
using watcher_monitoring.ViewModels;
using Microsoft.EntityFrameworkCore;
namespace watcher_monitoring.Controllers;
@@ -28,7 +32,12 @@ public class MonitoringController : Controller
[HttpGet("server")]
public async Task <IActionResult> ServerIndex()
{
return View();
var ServerIndexViewModel = new ServerIndexViewModel
{
servers = await _context.Servers.ToListAsync()
};
return View(ServerIndexViewModel);
}
}

View File

@@ -0,0 +1,10 @@
using watcher_monitoring.Data;
using watcher_monitoring.Models;
namespace watcher_monitoring.ViewModels;
public class ServerIndexViewModel
{
public List<Server> servers { get; set; } = new();
}

View File

@@ -11,15 +11,16 @@
</div>
<div class="row g-4">
<!-- Server Card 1 -->
@foreach (var server in Model.servers)
{
<div class="col-xl-4 col-lg-6">
<div class="card server-detail-card">
<div class="d-flex justify-content-between align-items-start mb-3">
<div>
<h2 class="card-title mb-1">test</h2>
<span class="server-ip">192.168.1.100</span>
<h2 class="card-title mb-1">@server.Name</h2>
<span class="server-ip">@server.IPAddress</span>
</div>
<span class="status-badge status-online">Online</span>
<span class="status-badge status-online">@server.State</span>
</div>
<div class="server-metrics">
@@ -51,211 +52,7 @@
</div>
</div>
</div>
<!-- Server Card 2 -->
<div class="col-xl-4 col-lg-6">
<div class="card server-detail-card">
<div class="d-flex justify-content-between align-items-start mb-3">
<div>
<h2 class="card-title mb-1">test</h2>
<span class="server-ip">192.168.1.101</span>
</div>
<span class="status-badge status-online">Online</span>
</div>
<div class="server-metrics">
<!-- CPU Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">CPU Load</span>
<span class="metric-value-small">400%</span>
</div>
<canvas id="cpuChart2" class="chart-canvas"></canvas>
</div>
<!-- RAM Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">RAM Load</span>
<span class="metric-value-small">400 MB</span>
</div>
<canvas id="ramChart2" class="chart-canvas"></canvas>
</div>
<!-- Uptime -->
<div class="metric-section">
<div class="d-flex justify-content-between align-items-center">
<span class="metric-label-small">Uptime</span>
<span class="metric-value-small">400 days</span>
</div>
</div>
</div>
</div>
</div>
<!-- Server Card 3 -->
<div class="col-xl-4 col-lg-6">
<div class="card server-detail-card">
<div class="d-flex justify-content-between align-items-start mb-3">
<div>
<h2 class="card-title mb-1">test</h2>
<span class="server-ip">192.168.1.102</span>
</div>
<span class="status-badge status-warning">Warning</span>
</div>
<div class="server-metrics">
<!-- CPU Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">CPU Load</span>
<span class="metric-value-small">400%</span>
</div>
<canvas id="cpuChart3" class="chart-canvas"></canvas>
</div>
<!-- RAM Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">RAM Load</span>
<span class="metric-value-small">400 MB</span>
</div>
<canvas id="ramChart3" class="chart-canvas"></canvas>
</div>
<!-- Uptime -->
<div class="metric-section">
<div class="d-flex justify-content-between align-items-center">
<span class="metric-label-small">Uptime</span>
<span class="metric-value-small">400 days</span>
</div>
</div>
</div>
</div>
</div>
<!-- Server Card 4 -->
<div class="col-xl-4 col-lg-6">
<div class="card server-detail-card">
<div class="d-flex justify-content-between align-items-start mb-3">
<div>
<h2 class="card-title mb-1">test</h2>
<span class="server-ip">192.168.1.103</span>
</div>
<span class="status-badge status-online">Online</span>
</div>
<div class="server-metrics">
<!-- CPU Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">CPU Load</span>
<span class="metric-value-small">400%</span>
</div>
<canvas id="cpuChart4" class="chart-canvas"></canvas>
</div>
<!-- RAM Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">RAM Load</span>
<span class="metric-value-small">400 MB</span>
</div>
<canvas id="ramChart4" class="chart-canvas"></canvas>
</div>
<!-- Uptime -->
<div class="metric-section">
<div class="d-flex justify-content-between align-items-center">
<span class="metric-label-small">Uptime</span>
<span class="metric-value-small">400 days</span>
</div>
</div>
</div>
</div>
</div>
<!-- Server Card 5 -->
<div class="col-xl-4 col-lg-6">
<div class="card server-detail-card">
<div class="d-flex justify-content-between align-items-start mb-3">
<div>
<h2 class="card-title mb-1">test</h2>
<span class="server-ip">192.168.1.104</span>
</div>
<span class="status-badge status-offline">Offline</span>
</div>
<div class="server-metrics">
<!-- CPU Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">CPU Load</span>
<span class="metric-value-small">400%</span>
</div>
<canvas id="cpuChart5" class="chart-canvas"></canvas>
</div>
<!-- RAM Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">RAM Load</span>
<span class="metric-value-small">400 MB</span>
</div>
<canvas id="ramChart5" class="chart-canvas"></canvas>
</div>
<!-- Uptime -->
<div class="metric-section">
<div class="d-flex justify-content-between align-items-center">
<span class="metric-label-small">Uptime</span>
<span class="metric-value-small">400 days</span>
</div>
</div>
</div>
</div>
</div>
<!-- Server Card 6 -->
<div class="col-xl-4 col-lg-6">
<div class="card server-detail-card">
<div class="d-flex justify-content-between align-items-start mb-3">
<div>
<h2 class="card-title mb-1">test</h2>
<span class="server-ip">192.168.1.105</span>
</div>
<span class="status-badge status-online">Online</span>
</div>
<div class="server-metrics">
<!-- CPU Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">CPU Load</span>
<span class="metric-value-small">400%</span>
</div>
<canvas id="cpuChart6" class="chart-canvas"></canvas>
</div>
<!-- RAM Load -->
<div class="metric-section mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="metric-label-small">RAM Load</span>
<span class="metric-value-small">400 MB</span>
</div>
<canvas id="ramChart6" class="chart-canvas"></canvas>
</div>
<!-- Uptime -->
<div class="metric-section">
<div class="d-flex justify-content-between align-items-center">
<span class="metric-label-small">Uptime</span>
<span class="metric-value-small">400 days</span>
</div>
</div>
</div>
</div>
</div>
}
</div>
</div>