direct-online/vito
2
0
Fork 0
mirror of https://github.com/vitodeploy/vito.git synced 2025-07-01 22:16:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

#591 - monitoring

Browse Source
This commit is contained in:
Saeed Vaziry
2025-05-31 00:18:04 +02:00
parent 857319025f
commit c09c7a63fa
32 changed files with 1692 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
resources/js/pages/servers/components/header.tsx
View File

@ -1,5 +1,5 @@
import { Server } from '@/types/server';
import { ClipboardCheckIcon, CloudIcon, LoaderCircleIcon, MapPinIcon, MousePointerClickIcon, SlashIcon } from 'lucide-react';
import { CheckIcon, CloudIcon, LoaderCircleIcon, MousePointerClickIcon, SlashIcon } from 'lucide-react';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import ServerActions from '@/pages/servers/components/actions';
import { cn } from '@/lib/utils';
@ -34,29 +34,6 @@ export default function ServerHeader({ server, site }: { server: Server; site?:
<div className="flex items-center justify-between border-b px-4 py-2">
<div className="space-y-2">
<div className="flex items-center space-x-2 text-xs">
<Tooltip>
<TooltipTrigger asChild>
<div>
{statusForm.processing && <LoaderCircleIcon className="size-3 animate-spin" />}
{!statusForm.processing && <StatusRipple className="cursor-pointer" onClick={checkStatus} variant={server.status_color} />}
</div>
</TooltipTrigger>
<TooltipContent side="left">
<span>{server.status}</span>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<div className="flex items-center space-x-2">
<div className="hidden lg:inline-flex">{server.name}</div>
</div>
</TooltipTrigger>
<TooltipContent side="bottom">
<span className="lg:hidden">{server.name}</span>
<span className="hidden lg:inline-flex">Server Name</span>
</TooltipContent>
</Tooltip>
<SlashIcon className="size-3" />
<Tooltip>
<TooltipTrigger asChild>
<div className="flex items-center space-x-1">
@ -74,16 +51,27 @@ export default function ServerHeader({ server, site }: { server: Server; site?:
<SlashIcon className="size-3" />
<Tooltip>
<TooltipTrigger asChild>
<div className="flex items-center space-x-1">
{ipCopied ? <ClipboardCheckIcon className="text-success size-4" /> : <MapPinIcon className="size-4" />}
<div className="hidden cursor-pointer lg:inline-flex" onClick={() => copyIp(server.ip)}>
{server.ip}
{ipCopied ? (
<CheckIcon className="text-success size-3" />
) : (
<div>
{statusForm.processing && <LoaderCircleIcon className="size-3 animate-spin" />}
{!statusForm.processing && <StatusRipple className="cursor-pointer" onClick={checkStatus} variant={server.status_color} />}
</div>
)}
</TooltipTrigger>
<TooltipContent side="bottom">
<span>{server.status}</span>
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<div className="cursor-pointer lg:inline-flex" onClick={() => copyIp(server.ip)}>
{server.ip}
</div>
</TooltipTrigger>
<TooltipContent side="bottom">
<span className="lg:hidden">{server.ip}</span>
<span className="hidden lg:inline-flex">Server IP</span>
<span>Server IP</span>
</TooltipContent>
</Tooltip>
{['installing', 'installation_failed'].includes(server.status) && (