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

#591 - databases

Browse Source
This commit is contained in:
Saeed Vaziry
2025-05-20 17:35:20 +02:00
parent eb86204069
commit 2850c1fa59
30 changed files with 940 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,8 +31,10 @@ export default function ServerHeader({ server }: { server: Server }) {
</div>
</TooltipTrigger>
<TooltipContent>
<span className="lg:hidden">{server.provider}</span>
<span className="hidden lg:inline-flex">Server Provider</span>
<div>
<span className="lg:hidden">{server.provider}</span>
<span className="hidden lg:inline-flex">Server Provider</span>
</div>
</TooltipContent>
</Tooltip>
<SlashIcon className="size-3" />
@ -55,7 +57,7 @@ export default function ServerHeader({ server }: { server: Server }) {
<TooltipTrigger asChild>
<div className="flex items-center space-x-1">
<LoaderCircleIcon className={cn('size-4', server.status === 'installing' ? 'animate-spin' : '')} />
<div>%{server.progress}</div>
<div>%{parseInt(server.progress || '0')}</div>
</div>
</TooltipTrigger>
<TooltipContent>Installation Progress</TooltipContent>

6
resources/js/pages/servers/index.tsx
View File

@ -11,6 +11,7 @@ import Container from '@/components/container';
import { Button } from '@/components/ui/button';
import React from 'react';
import Layout from '@/layouts/app/layout';
import { PlusIcon } from 'lucide-react';
type Response = {
servers: {
@ -31,7 +32,10 @@ export default function Servers() {
<Heading title="Servers" description="All of the servers of your project listed here" />
<div className="flex items-center gap-2">
<CreateServer>
<Button>Create server</Button>
<Button>
<PlusIcon />
Create server
</Button>
</CreateServer>
</div>
</div>

2
resources/js/pages/servers/installing.tsx
View File

@ -4,6 +4,7 @@ import Container from '@/components/container';
import { DataTable } from '@/components/data-table';
import { columns } from '@/pages/server-logs/components/columns';
import { usePage } from '@inertiajs/react';
import Heading from '@/components/heading';
export default function InstallingServer() {
const page = usePage<{
@ -15,6 +16,7 @@ export default function InstallingServer() {
return (
<Container className="max-w-5xl">
<Heading title="Installing" description="Here you can see the installation logs" />
<DataTable columns={columns} data={page.props.logs.data} />{' '}
</Container>
);

2
resources/js/pages/servers/show.tsx
View File

@ -24,7 +24,7 @@ export default function ShowServer() {
const page = usePage<Response>();
return (
<ServerLayout server={page.props.server}>
<Head title={page.props.server.name} />
<Head title={`Overview - ${page.props.server.name}`} />
{['installing', 'installation_failed'].includes(page.props.server.status) ? <InstallingServer /> : <ServerOverview />}
</ServerLayout>