Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 19:46:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-10-26 15:18:54 +01:00
parent 524d0b278b
commit 96046a5d1f
2 changed files with 282 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
AppImage/components/network-metrics.tsx
View File

@@ -892,6 +892,37 @@ export function NetworkMetrics() {
refreshInterval={60000}
/>
</div>
<div className="grid grid-cols-2 gap-4 pt-4 border-t border-border">
<div>
<div className="text-sm text-muted-foreground">Packets Received</div>
<div className="font-medium">
{displayInterface.packets_recv?.toLocaleString() || "N/A"}
</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Packets Sent</div>
<div className="font-medium">
{displayInterface.packets_sent?.toLocaleString() || "N/A"}
</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Errors In</div>
<div className="font-medium text-red-500">{displayInterface.errors_in || 0}</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Errors Out</div>
<div className="font-medium text-red-500">{displayInterface.errors_out || 0}</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Drops In</div>
<div className="font-medium text-yellow-500">{displayInterface.drops_in || 0}</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Drops Out</div>
<div className="font-medium text-yellow-500">{displayInterface.drops_out || 0}</div>
</div>
</div>
</div>
</div>
) : displayInterface.status.toLowerCase() === "up" && displayInterface.vm_type === "vm" ? (
@@ -938,26 +969,6 @@ export function NetworkMetrics() {
<div className="text-sm text-muted-foreground">Drops Out</div>
<div className="font-medium text-yellow-500">{displayInterface.drops_out || 0}</div>
</div>
{displayInterface.packet_loss_in !== undefined && (
<div>
<div className="text-sm text-muted-foreground">Packet Loss In</div>
<div
className={`font-medium ${displayInterface.packet_loss_in > 1 ? "text-red-500" : "text-green-500"}`}
>
{displayInterface.packet_loss_in}%
</div>
</div>
)}
{displayInterface.packet_loss_out !== undefined && (
<div>
<div className="text-sm text-muted-foreground">Packet Loss Out</div>
<div
className={`font-medium ${displayInterface.packet_loss_out > 1 ? "text-red-500" : "text-green-500"}`}
>
{displayInterface.packet_loss_out}%
</div>
</div>
)}
</div>
</div>
) : (
@@ -970,77 +981,6 @@ export function NetworkMetrics() {
</div>
)}
{/* Cumulative Statistics - Only show if interface is UP and NOT a VM interface */}
{displayInterface.status.toLowerCase() === "up" && displayInterface.vm_type !== "vm" && (
<div>
<h3 className="text-sm font-semibold text-muted-foreground mb-4">
Cumulative Statistics (Since Last Boot)
</h3>
<div className="grid grid-cols-2 gap-4">
<div>
<div className="text-sm text-muted-foreground">Bytes Received</div>
<div className="font-medium text-green-500 text-lg">
{formatBytes(displayInterface.bytes_recv)}
</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Bytes Sent</div>
<div className="font-medium text-blue-500 text-lg">
{formatBytes(displayInterface.bytes_sent)}
</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Packets Received</div>
<div className="font-medium">
{displayInterface.packets_recv?.toLocaleString() || "N/A"}
</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Packets Sent</div>
<div className="font-medium">
{displayInterface.packets_sent?.toLocaleString() || "N/A"}
</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Errors In</div>
<div className="font-medium text-red-500">{displayInterface.errors_in || 0}</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Errors Out</div>
<div className="font-medium text-red-500">{displayInterface.errors_out || 0}</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Drops In</div>
<div className="font-medium text-yellow-500">{displayInterface.drops_in || 0}</div>
</div>
<div>
<div className="text-sm text-muted-foreground">Drops Out</div>
<div className="font-medium text-yellow-500">{displayInterface.drops_out || 0}</div>
</div>
{displayInterface.packet_loss_in !== undefined && (
<div>
<div className="text-sm text-muted-foreground">Packet Loss In</div>
<div
className={`font-medium ${displayInterface.packet_loss_in > 1 ? "text-red-500" : "text-green-500"}`}
>
{displayInterface.packet_loss_in}%
</div>
</div>
)}
{displayInterface.packet_loss_out !== undefined && (
<div>
<div className="text-sm text-muted-foreground">Packet Loss Out</div>
<div
className={`font-medium ${displayInterface.packet_loss_out > 1 ? "text-red-500" : "text-green-500"}`}
>
{displayInterface.packet_loss_out}%
</div>
</div>
)}
</div>
</div>
)}
{/* Bond Information */}
{displayInterface.type === "bond" && displayInterface.bond_slaves && (
<div>