gsadmin/AutopilotMonitor
1
0
Fork 0
mirror of https://github.com/okieselbach/AutopilotMonitor.git synced 2026-10-24 04:32:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

more stats on dashboard

Browse Source
This commit is contained in:
Oliver Kieselbach
2026-04-08 18:39:10 +02:00
parent de2d2f68f9
commit f33aadbe0e
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Web/autopilot-monitor-web/app/dashboard/components/StatsCards.tsx
+2 -1
View File
@@ -9,13 +9,14 @@ export function StatsCard({
title: string;
value: string;
description: string;
color: "blue" | "green" | "purple" | "red";
color: "blue" | "green" | "purple" | "red" | "indigo";
}) {
const colorClasses = {
blue: "bg-blue-500",
green: "bg-green-500",
purple: "bg-purple-500",
red: "bg-red-500",
indigo: "bg-indigo-500",
};
return (
src/Web/autopilot-monitor-web/app/dashboard/page.tsx
+11 -4
View File
@@ -470,10 +470,11 @@ export default function Home() {
const avgDuration = effectiveSessions.length > 0
? Math.round(effectiveSessions.reduce((sum, s) => sum + s.durationSeconds, 0) / effectiveSessions.length / 60)
: 0;
const failedToday = effectiveSessions.filter(s =>
s.status === "Failed" &&
const sessionsToday = effectiveSessions.filter(s =>
new Date(s.startedAt).toDateString() === new Date().toDateString()
).length;
);
const totalToday = sessionsToday.length;
const failedToday = sessionsToday.filter(s => s.status === "Failed").length;
// Filter sessions based on status filter, column filters, and search query
const filteredSessions = effectiveSessions.filter(session => {
@@ -652,7 +653,7 @@ export default function Home() {
)}
{/* Stats cards */}
<div className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4 mb-2">
<div className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-5 mb-2">
<StatsCard
title="Active Sessions"
value={loading ? "..." : activeSessions.length.toString()}
@@ -671,6 +672,12 @@ export default function Home() {
description="Last 7 days"
color="purple"
/>
<StatsCard
title="Total Today"
value={loading ? "..." : totalToday.toString()}
description="Started today"
color="indigo"
/>
<StatsCard
title="Failed Today"
value={loading ? "..." : failedToday.toString()}