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

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-10-25 22:10:08 +02:00
parent 6bf5bd97b5
commit a229231c0c
2 changed files with 131 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -640,6 +640,7 @@ export function NetworkMetrics() {
<Router className="h-5 w-5" />
{selectedInterface?.name} - Interface Details
</DialogTitle>
{selectedInterface?.status.toLowerCase() === "up" && selectedInterface?.vm_type !== "vm" && (
<div className="flex justify-end pt-2">
<Select value={modalTimeframe} onValueChange={(value: any) => setModalTimeframe(value)}>
<SelectTrigger className="w-[140px] bg-card border-border">
@@ -654,6 +655,7 @@ export function NetworkMetrics() {
</SelectContent>
</Select>
</div>
)}
</DialogHeader>
{selectedInterface && (
@@ -789,6 +791,8 @@ export function NetworkMetrics() {
</div>
)}
{/* Network Traffic Statistics - Only show if interface is UP and NOT a VM interface */}
{selectedInterface.status.toLowerCase() === "up" && selectedInterface.vm_type !== "vm" ? (
<div>
<h3 className="text-sm font-semibold text-muted-foreground mb-4">
Network Traffic Statistics (
@@ -830,7 +834,27 @@ export function NetworkMetrics() {
</div>
</div>
</div>
) : selectedInterface.status.toLowerCase() === "up" && selectedInterface.vm_type === "vm" ? (
<div className="bg-muted/30 rounded-lg p-6 text-center">
<AlertCircle className="h-12 w-12 text-muted-foreground mx-auto mb-3" />
<h3 className="text-lg font-semibold text-foreground mb-2">Historical Metrics Not Available</h3>
<p className="text-sm text-muted-foreground">
Proxmox does not store historical network metrics for individual VM interfaces. Only cumulative
statistics since last boot are available below.
</p>
</div>
) : (
<div className="bg-muted/30 rounded-lg p-6 text-center">
<AlertCircle className="h-12 w-12 text-muted-foreground mx-auto mb-3" />
<h3 className="text-lg font-semibold text-foreground mb-2">Interface Inactive</h3>
<p className="text-sm text-muted-foreground">
This interface is currently down. Network traffic statistics are not available.
</p>
</div>
)}
{/* Cumulative Statistics - Only show if interface is UP */}
{selectedInterface.status.toLowerCase() === "up" && (
<div>
<h3 className="text-sm font-semibold text-muted-foreground mb-4">
Cumulative Statistics (Since Last Boot)
@@ -882,6 +906,7 @@ export function NetworkMetrics() {
)}
</div>
</div>
)}
{/* Bond Information */}
{selectedInterface.type === "bond" && selectedInterface.bond_slaves && (

12
AppImage/components/network-traffic-chart.tsx
View File

@@ -183,7 +183,7 @@ export function NetworkTrafficChart({ timeframe, interfaceName, onTotalsCalculat
if (loading) {
return (
<div className="flex items-center justify-center h-[200px]">
<div className="flex items-center justify-center h-[300px]">
<Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
</div>
)
@@ -191,7 +191,7 @@ export function NetworkTrafficChart({ timeframe, interfaceName, onTotalsCalculat
if (error) {
return (
<div className="flex flex-col items-center justify-center h-[200px] gap-2">
<div className="flex flex-col items-center justify-center h-[300px] gap-2">
<p className="text-muted-foreground text-sm">Network metrics not available yet</p>
<p className="text-xs text-red-500">{error}</p>
</div>
@@ -200,15 +200,15 @@ export function NetworkTrafficChart({ timeframe, interfaceName, onTotalsCalculat
if (data.length === 0) {
return (
<div className="flex items-center justify-center h-[200px]">
<div className="flex items-center justify-center h-[300px]">
<p className="text-muted-foreground text-sm">No network metrics available</p>
</div>
)
}
return (
<ResponsiveContainer width="100%" height={200}>
<AreaChart data={data} margin={{ bottom: 40, left: 10, right: 10 }}>
<ResponsiveContainer width="100%" height={300}>
<AreaChart data={data} margin={{ bottom: 80, left: 10 }}>
<CartesianGrid strokeDasharray="3 3" stroke="currentColor" className="text-border" />
<XAxis
dataKey="time"
@@ -217,7 +217,7 @@ export function NetworkTrafficChart({ timeframe, interfaceName, onTotalsCalculat
tick={{ fill: "currentColor", fontSize: 12 }}
angle={-45}
textAnchor="end"
height={40}
height={60}
interval={tickInterval}
/>
<YAxis