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 23:39:23 +02:00
parent 621f57d702
commit 65144b9a3d
2 changed files with 739 additions and 1229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,22 +70,6 @@ interface NetworkInterface {
vm_status?: string
}
interface FirewallStatus {
service_active: boolean
firewall_enabled: boolean
active: boolean
rules_count: number
status: string
}
interface DNSConfig {
dns_servers: string[]
search_domains: string[]
dns_working: boolean
primary_dns: string | null
secondary_dns: string | null
}
const getInterfaceTypeBadge = (type: string) => {
switch (type) {
case "physical":
@@ -167,16 +151,6 @@ export function NetworkMetrics() {
revalidateOnReconnect: true,
})
const { data: firewallData } = useSWR<FirewallStatus>("/api/firewall/status", fetcher, {
refreshInterval: 60000,
revalidateOnFocus: false,
})
const { data: dnsData } = useSWR<DNSConfig>("/api/dns/config", fetcher, {
refreshInterval: 60000,
revalidateOnFocus: false,
})
const [selectedInterface, setSelectedInterface] = useState<NetworkInterface | null>(null)
const [timeframe, setTimeframe] = useState<"hour" | "day" | "week" | "month" | "year">("day")
const [modalTimeframe, setModalTimeframe] = useState<"hour" | "day" | "week" | "month" | "year">("day")
@@ -303,82 +277,41 @@ export function NetworkMetrics() {
</CardContent>
</Card>
{/* Firewall Status card */}
<Card className="bg-card border-border">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium text-muted-foreground">Firewall Status</CardTitle>
<Router className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
{firewallData ? (
<>
<div
className={`text-xl lg:text-2xl font-bold ${firewallData.active ? "text-green-500" : "text-red-500"}`}
>
{firewallData.active ? "Active" : "Inactive"}
</div>
<Badge
variant="outline"
className={
firewallData.active
? "bg-green-500/10 text-green-500 border-green-500/20 mt-2"
: "bg-red-500/10 text-red-500 border-red-500/20 mt-2"
}
>
{firewallData.active ? "Protected" : "Unprotected"}
</Badge>
<p className="text-xs text-muted-foreground mt-2">
{firewallData.active ? `${firewallData.rules_count} rules active` : "Firewall disabled"}
</p>
</>
) : (
<>
<div className="text-xl lg:text-2xl font-bold text-muted-foreground">Loading...</div>
<p className="text-xs text-muted-foreground mt-2">Checking status</p>
</>
)}
<div className="text-xl lg:text-2xl font-bold text-green-500">Active</div>
<Badge variant="outline" className="bg-green-500/10 text-green-500 border-green-500/20 mt-2">
Protected
</Badge>
<p className="text-xs text-muted-foreground mt-2">System protected</p>
</CardContent>
</Card>
{/* Network Health card */}
<Card className="bg-card border-border">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium text-muted-foreground">DNS Configuration</CardTitle>
<CardTitle className="text-sm font-medium text-muted-foreground">Network Health</CardTitle>
<Activity className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
{dnsData ? (
<>
<Badge
variant="outline"
className={
dnsData.dns_working
? "bg-green-500/10 text-green-500 border-green-500/20"
: "bg-red-500/10 text-red-500 border-red-500/20"
}
>
{dnsData.dns_working ? "Working" : "Not Working"}
</Badge>
<div className="flex flex-col gap-1 mt-2 text-xs">
{dnsData.primary_dns && (
<div className="flex items-center justify-between">
<span className="text-muted-foreground">Primary:</span>
<span className="font-medium text-foreground font-mono">{dnsData.primary_dns}</span>
</div>
)}
{dnsData.secondary_dns && (
<div className="flex items-center justify-between">
<span className="text-muted-foreground">Secondary:</span>
<span className="font-medium text-foreground font-mono">{dnsData.secondary_dns}</span>
</div>
)}
{!dnsData.primary_dns && <div className="text-muted-foreground">No DNS configured</div>}
</div>
</>
) : (
<>
<div className="text-sm text-muted-foreground">Loading...</div>
<p className="text-xs text-muted-foreground mt-2">Checking DNS</p>
</>
)}
<Badge variant="outline" className={healthColor}>
{healthStatus}
</Badge>
<div className="flex flex-col gap-1 mt-2 text-xs">
<div className="flex items-center justify-between">
<span className="text-muted-foreground">Packet Loss:</span>
<span className="font-medium text-foreground">{avgPacketLoss}%</span>
</div>
<div className="flex items-center justify-between">
<span className="text-muted-foreground">Errors:</span>
<span className="font-medium text-foreground">{totalErrors}</span>
</div>
</div>
</CardContent>
</Card>
</div>