External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-19 00:17:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard i18n

Browse Source
This commit is contained in:
headlessdev 2025-04-28 23:25:32 +02:00
parent ff49825eab
commit 4665b22514
2 changed files with 49 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/dashboard/Dashboard.tsx
View File

@ -17,6 +17,7 @@ import { Separator } from "@/components/ui/separator"
import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar" import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { useTranslations } from "next-intl"
interface StatsResponse { interface StatsResponse {
serverCountNoVMs: number serverCountNoVMs: number
@ -26,6 +27,7 @@ interface StatsResponse {
} }
export default function Dashboard() { export default function Dashboard() {
const t = useTranslations('Dashboard')
const [serverCountNoVMs, setServerCountNoVMs] = useState<number>(0) const [serverCountNoVMs, setServerCountNoVMs] = useState<number>(0)
const [serverCountOnlyVMs, setServerCountOnlyVMs] = useState<number>(0) const [serverCountOnlyVMs, setServerCountOnlyVMs] = useState<number>(0)
const [applicationCount, setApplicationCount] = useState<number>(0) const [applicationCount, setApplicationCount] = useState<number>(0)
@ -62,22 +64,22 @@ export default function Dashboard() {
</BreadcrumbItem> </BreadcrumbItem>
<BreadcrumbSeparator className="hidden md:block" /> <BreadcrumbSeparator className="hidden md:block" />
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbPage>Dashboard</BreadcrumbPage> <BreadcrumbPage>{t('Title')}</BreadcrumbPage>
</BreadcrumbItem> </BreadcrumbItem>
</BreadcrumbList> </BreadcrumbList>
</Breadcrumb> </Breadcrumb>
</div> </div>
</header> </header>
<div className="p-6"> <div className="p-6">
<h1 className="text-3xl font-bold tracking-tight mb-6">Dashboard</h1> <h1 className="text-3xl font-bold tracking-tight mb-6">{t('Title')}</h1>
<div className="grid gap-6 md:grid-cols-1 lg:grid-cols-2"> <div className="grid gap-6 md:grid-cols-1 lg:grid-cols-2">
<Card className="overflow-hidden border-t-4 border-t-rose-500 shadow-lg transition-all hover:shadow-xl hover:border-t-rose-600"> <Card className="overflow-hidden border-t-4 border-t-rose-500 shadow-lg transition-all hover:shadow-xl hover:border-t-rose-600">
<CardHeader className="py-3 pb-1"> <CardHeader className="py-3 pb-1">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<CardTitle className="text-2xl font-semibold">Servers</CardTitle> <CardTitle className="text-2xl font-semibold">{t('Servers.Title')}</CardTitle>
<CardDescription className="mt-1">Physical and virtual servers overview</CardDescription> <CardDescription className="mt-1">{t('Servers.Description')}</CardDescription>
</div> </div>
<Server className="h-8 w-8 text-rose-500 p-1.5 rounded-lg" /> <Server className="h-8 w-8 text-rose-500 p-1.5 rounded-lg" />
</div> </div>
@ -91,7 +93,7 @@ export default function Dashboard() {
</div> </div>
<div> <div>
<div className="text-3xl font-bold">{serverCountNoVMs}</div> <div className="text-3xl font-bold">{serverCountNoVMs}</div>
<p className="text-sm text-muted-foreground">Physical Servers</p> <p className="text-sm text-muted-foreground">{t('Servers.PhysicalServers')}</p>
</div> </div>
</div> </div>
@ -102,7 +104,7 @@ export default function Dashboard() {
</div> </div>
<div> <div>
<div className="text-3xl font-bold">{serverCountOnlyVMs}</div> <div className="text-3xl font-bold">{serverCountOnlyVMs}</div>
<p className="text-sm text-muted-foreground">Virtual Servers</p> <p className="text-sm text-muted-foreground">{t('Servers.VirtualServers')}</p>
</div> </div>
</div> </div>
</div> </div>
@ -115,7 +117,7 @@ export default function Dashboard() {
asChild asChild
> >
<Link href="/dashboard/servers" className="flex items-center justify-between"> <Link href="/dashboard/servers" className="flex items-center justify-between">
<span>Manage Servers</span> <span>{t('Servers.ManageServers')}</span>
</Link> </Link>
</Button> </Button>
</CardFooter> </CardFooter>
@ -125,15 +127,15 @@ export default function Dashboard() {
<CardHeader className="py-3 pb-1"> <CardHeader className="py-3 pb-1">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<CardTitle className="text-2xl font-semibold">Applications</CardTitle> <CardTitle className="text-2xl font-semibold">{t('Applications.Title')}</CardTitle>
<CardDescription className="mt-1">Manage your deployed applications</CardDescription> <CardDescription className="mt-1">{t('Applications.Description')}</CardDescription>
</div> </div>
<Layers className="h-8 w-8 text-amber-500 p-1.5 rounded-lg" /> <Layers className="h-8 w-8 text-amber-500 p-1.5 rounded-lg" />
</div> </div>
</CardHeader> </CardHeader>
<CardContent className="pt-1 pb-2 min-h-[120px]"> <CardContent className="pt-1 pb-2 min-h-[120px]">
<div className="text-4xl font-bold">{applicationCount}</div> <div className="text-4xl font-bold">{applicationCount}</div>
<p className="text-sm text-muted-foreground mt-2">Running applications</p> <p className="text-sm text-muted-foreground mt-2">{t('Applications.OnlineApplications')}</p>
</CardContent> </CardContent>
<CardFooter className="border-t bg-muted/10 py-2 px-4"> <CardFooter className="border-t bg-muted/10 py-2 px-4">
<Button <Button
@ -143,7 +145,7 @@ export default function Dashboard() {
asChild asChild
> >
<Link href="/dashboard/applications" className="flex items-center justify-between"> <Link href="/dashboard/applications" className="flex items-center justify-between">
<span>View all applications</span> <span>{t('Applications.ViewAllApplications')}</span>
</Link> </Link>
</Button> </Button>
</CardFooter> </CardFooter>
@ -153,8 +155,8 @@ export default function Dashboard() {
<CardHeader className="py-3 pb-1"> <CardHeader className="py-3 pb-1">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<CardTitle className="text-2xl font-semibold">Uptime</CardTitle> <CardTitle className="text-2xl font-semibold">{t('Uptime.Title')}</CardTitle>
<CardDescription className="mt-1">Monitor your service availability</CardDescription> <CardDescription className="mt-1">{t('Uptime.Description')}</CardDescription>
</div> </div>
<Activity className="h-8 w-8 text-emerald-500 p-1.5 rounded-lg" /> <Activity className="h-8 w-8 text-emerald-500 p-1.5 rounded-lg" />
</div> </div>
@ -177,7 +179,7 @@ export default function Dashboard() {
}} }}
></div> ></div>
</div> </div>
<p className="text-sm text-muted-foreground mt-2">Online applications</p> <p className="text-sm text-muted-foreground mt-2">{t('Uptime.OnlineApplications')}</p>
</div> </div>
</CardContent> </CardContent>
<CardFooter className="border-t bg-muted/10 py-2 px-4"> <CardFooter className="border-t bg-muted/10 py-2 px-4">
@ -188,7 +190,7 @@ export default function Dashboard() {
asChild asChild
> >
<Link href="/dashboard/uptime" className="flex items-center justify-between"> <Link href="/dashboard/uptime" className="flex items-center justify-between">
<span>View uptime metrics</span> <span>{t('Uptime.ViewUptimeMetrics')}</span>
</Link> </Link>
</Button> </Button>
</CardFooter> </CardFooter>
@ -198,15 +200,15 @@ export default function Dashboard() {
<CardHeader className="py-3 pb-1"> <CardHeader className="py-3 pb-1">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<CardTitle className="text-2xl font-semibold">Network</CardTitle> <CardTitle className="text-2xl font-semibold">{t('Network.Title')}</CardTitle>
<CardDescription className="mt-1">Manage network configuration</CardDescription> <CardDescription className="mt-1">{t('Network.Description')}</CardDescription>
</div> </div>
<Network className="h-8 w-8 text-sky-500 p-1.5 rounded-lg" /> <Network className="h-8 w-8 text-sky-500 p-1.5 rounded-lg" />
</div> </div>
</CardHeader> </CardHeader>
<CardContent className="pt-1 pb-2 min-h-[120px]"> <CardContent className="pt-1 pb-2 min-h-[120px]">
<div className="text-4xl font-bold">{serverCountNoVMs + serverCountOnlyVMs + applicationCount}</div> <div className="text-4xl font-bold">{serverCountNoVMs + serverCountOnlyVMs + applicationCount}</div>
<p className="text-sm text-muted-foreground mt-2">Active connections</p> <p className="text-sm text-muted-foreground mt-2">{t('Network.ActiveConnections')}</p>
</CardContent> </CardContent>
<CardFooter className="border-t bg-muted/10 py-2 px-4"> <CardFooter className="border-t bg-muted/10 py-2 px-4">
<Button <Button
@ -216,7 +218,7 @@ export default function Dashboard() {
asChild asChild
> >
<Link href="/dashboard/network" className="flex items-center justify-between"> <Link href="/dashboard/network" className="flex items-center justify-between">
<span>View network details</span> <span>{t('Network.ViewNetworkDetails')}</span>
</Link> </Link>
</Button> </Button>
</CardFooter> </CardFooter>

28
i18n/languages/en.json
View File

@ -8,5 +8,33 @@
"Password": "Password", "Password": "Password",
"SigninButton": "Sign in", "SigninButton": "Sign in",
"SigninButtonSigningIn": "Signing in..." "SigninButtonSigningIn": "Signing in..."
},
"Dashboard": {
"Title": "Dashboard",
"Servers": {
"Title": "Servers",
"Description": "Physical and virtual servers overview",
"PhysicalServers": "Physical Servers",
"VirtualServers": "Virtual Servers",
"ManageServers": "Manage Servers"
},
"Applications": {
"Title": "Applications",
"Description": "Manage your deployed applications",
"OnlineApplications": "Running Applications",
"ViewAllApplications": "View all applications"
},
"Uptime": {
"Title": "Uptime",
"Description": "Monitor your service availability",
"OnlineApplications": "Online Applications",
"ViewUptimeMetrics": "View uptime metrics"
},
"Network": {
"Title": "Network",
"Description": "Manage network configuration",
"ActiveConnections": "Active Connections",
"ViewNetworkDetails": "View network details"
}
} }
} }