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

#591 - php

Browse Source
This commit is contained in:
Saeed Vaziry
2025-06-01 11:31:09 +02:00
parent 41388dafbf
commit 84476db764
23 changed files with 1517 additions and 1776 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
resources/js/pages/services/components/install.tsx
View File

@ -19,7 +19,7 @@ import { Button } from '@/components/ui/button';
import { LoaderCircleIcon } from 'lucide-react';
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
export default function InstallService({ children }: { children: ReactNode }) {
export default function InstallService({ name, children }: { name?: string; children: ReactNode }) {
const page = usePage<
{
server: Server;
@ -33,7 +33,7 @@ export default function InstallService({ children }: { children: ReactNode }) {
version: string;
}>({
type: '',
name: '',
name: name ?? '',
version: '',
});
@ -52,36 +52,38 @@ export default function InstallService({ children }: { children: ReactNode }) {
<DialogTrigger asChild>{children}</DialogTrigger>
<DialogContent className="sm:max-w-lg">
<DialogHeader>
<DialogTitle>Install service</DialogTitle>
<DialogDescription className="sr-only">Install new service</DialogDescription>
<DialogTitle>Install {name ?? 'service'}</DialogTitle>
<DialogDescription className="sr-only">Install new {name ?? 'service'}</DialogDescription>
</DialogHeader>
<Form id="install-service-form" onSubmit={submit} className="p-4">
<FormFields>
{/*service*/}
<FormField>
<Label htmlFor="name">Name</Label>
<Select
value={form.data.name}
onValueChange={(value) => {
form.setData('name', value);
form.setData('version', '');
}}
>
<SelectTrigger id="name">
<SelectValue placeholder="Select a service" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
{Object.entries(page.props.configs.service_types).map(([key]) => (
<SelectItem key={`service-${key}`} value={key}>
{key}
</SelectItem>
))}
</SelectGroup>
</SelectContent>
</Select>
<InputError message={form.errors.type || form.errors.name} />
</FormField>
{!name && (
<FormField>
<Label htmlFor="name">Name</Label>
<Select
value={form.data.name}
onValueChange={(value) => {
form.setData('name', value);
form.setData('version', '');
}}
>
<SelectTrigger id="name">
<SelectValue placeholder="Select a service" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
{Object.entries(page.props.configs.service_types).map(([key]) => (
<SelectItem key={`service-${key}`} value={key}>
{key}
</SelectItem>
))}
</SelectGroup>
</SelectContent>
</Select>
<InputError message={form.errors.type || form.errors.name} />
</FormField>
)}
{/*version*/}
<FormField>