fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-22 03:19:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Henry Dollman
2024-07-12 20:12:50 -04:00
parent 998fa6e03a
commit aacaf2f04f
17 changed files with 77 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/src/components/routes/home.tsx
View File

@@ -9,7 +9,7 @@ const DataTable = lazy(() => import('../server-table/data-table'))
export default function () {
useEffect(() => {
document.title = 'Home'
document.title = 'Qoma Dashboard'
}, [])
useEffect(updateServerList, [])
@@ -49,7 +49,7 @@ export default function () {
<>
<Card>
<CardHeader>
<CardTitle className={'mb-1.5'}>All Servers</CardTitle>
<CardTitle className={'mb-1.5'}>All Systems</CardTitle>
<CardDescription>
Updated in real time. Press{' '}
<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">

8
site/src/components/routes/server.tsx
View File

@@ -33,7 +33,7 @@ export default function ServerDetail({ name }: { name: string }) {
const [serverStats, setServerStats] = useState([] as SystemStatsRecord[])
const [cpuChartData, setCpuChartData] = useState([] as { time: string; cpu: number }[])
const [memChartData, setMemChartData] = useState(
[] as { time: string; mem: number; memUsed: number }[]
[] as { time: string; mem: number; memUsed: number; memCache: number }[]
)
const [diskChartData, setDiskChartData] = useState(
[] as { time: string; disk: number; diskUsed: number }[]
@@ -46,7 +46,7 @@ export default function ServerDetail({ name }: { name: string }) {
)
useEffect(() => {
document.title = name
document.title = `${name} / Qoma`
return () => {
setContainerCpuChartData([])
setCpuChartData([])
@@ -80,12 +80,12 @@ export default function ServerDetail({ name }: { name: string }) {
}
// let maxCpu = 0
const cpuData = [] as { time: string; cpu: number }[]
const memData = [] as { time: string; mem: number; memUsed: number }[]
const memData = [] as { time: string; mem: number; memUsed: number; memCache: number }[]
const diskData = [] as { time: string; disk: number; diskUsed: number }[]
for (let { created, stats } of serverStats) {
cpuData.push({ time: created, cpu: stats.c })
// maxCpu = Math.max(maxCpu, stats.c)
memData.push({ time: created, mem: stats.m, memUsed: stats.mu })
memData.push({ time: created, mem: stats.m, memUsed: stats.mu, memCache: stats.mb })
diskData.push({ time: created, disk: stats.d, diskUsed: stats.du })
}
setCpuChartData(cpuData.reverse())