67 lines
2.8 KiB
Plaintext
67 lines
2.8 KiB
Plaintext
<div class="container mt-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<h5 class="mb-0">
|
|
<i class="bi bi-hdd-network me-2 text-primary"></i>Serverdetails: @Model.Name
|
|
</h5>
|
|
<span class="badge @(Model.IsOnline ? "bg-success" : "bg-danger")">
|
|
<i class="bi @(Model.IsOnline ? "bi-check-circle" : "bi-x-circle") me-1"></i>
|
|
@(Model.IsOnline ? "Online" : "Offline")
|
|
</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="row mb-0">
|
|
<dt class="col-sm-3">ID</dt>
|
|
<dd class="col-sm-9">@Model.Id</dd>
|
|
|
|
<dt class="col-sm-3">IP-Adresse</dt>
|
|
<dd class="col-sm-9">@Model.IPAddress</dd>
|
|
|
|
<dt class="col-sm-3">Typ</dt>
|
|
<dd class="col-sm-9">@Model.Type</dd>
|
|
|
|
<dt class="col-sm-3">Erstellt am</dt>
|
|
<dd class="col-sm-9">@Model.CreatedAt.ToLocalTime().ToString("dd.MM.yyyy HH:mm")</dd>
|
|
|
|
<dt class="col-sm-3">Zuletzt gesehen</dt>
|
|
<dd class="col-sm-9">@Model.LastSeen.ToLocalTime().ToString("dd.MM.yyyy HH:mm")</dd>
|
|
</dl>
|
|
</div>
|
|
<div class="card-footer text-end">
|
|
<a href="/Download/File/Linux/heartbeat" class="btn btn-success">
|
|
🖥️ Linux Agent
|
|
</a>
|
|
<a asp-action="EditServer" asp-route-id="@Model.Id" class="btn btn-outline-primary me-2">
|
|
<i class="bi bi-pencil"></i> Bearbeiten
|
|
</a>
|
|
<form asp-action="Delete" asp-route-id="@Model.Id" method="post" class="d-inline"
|
|
onsubmit="return confirm('Diesen Server wirklich löschen?');">
|
|
<button type="submit" class="btn btn-outline-danger">
|
|
<i class="bi bi-trash"></i> Löschen
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Optional: Bereich für Logs, Diagramme oder weitere Details -->
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div> |