HI-VPN/ppanel-web
4
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

💄 style(node): Form

Browse Source
This commit is contained in:
web@ppanel 2024-12-02 13:22:43 +07:00
parent bfb6c27028
commit d5f5add61a
1 changed files with 76 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
apps/admin/app/dashboard/server/node-form.tsx
View File

@ -452,7 +452,7 @@ export default function NodeForm<T extends { [x: string]: any }>({
control={form.control} control={form.control}
name='vmess.host' name='vmess.host'
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem className='col-span-2'>
<FormLabel>{t('form.Host Name')}</FormLabel> <FormLabel>{t('form.Host Name')}</FormLabel>
<FormControl> <FormControl>
<EnhancedInput <EnhancedInput
@ -486,70 +486,11 @@ export default function NodeForm<T extends { [x: string]: any }>({
</FormItem> </FormItem>
)} )}
/> />
<FormField
control={form.control}
name='vmess.tls_config.server_name'
render={({ field }) => (
<FormItem>
<FormLabel>{t('form.serverName')}</FormLabel>
<FormControl>
<EnhancedInput
{...field}
onValueChange={(value) => {
form.setValue(field.name, value);
}}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name='vmess.enable_tls'
render={({ field }) => (
<FormItem>
<FormLabel>{t('form.enableTls')}</FormLabel>
<FormControl>
<div className='pt-2'>
<Switch
checked={!!field.value}
onCheckedChange={(value) => {
form.setValue(field.name, value);
}}
/>
</div>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name='vmess.tls_config.allow_insecure'
render={({ field }) => (
<FormItem>
<FormLabel>{t('form.allowInsecure')}</FormLabel>
<FormControl>
<div className='pt-2'>
<Switch
checked={!!field.value}
onCheckedChange={(value) => {
form.setValue(field.name, value);
}}
/>
</div>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField <FormField
control={form.control} control={form.control}
name='vmess.network' name='vmess.network'
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem className='col-span-2'>
<FormLabel>{t('form.networkType')}</FormLabel> <FormLabel>{t('form.networkType')}</FormLabel>
<FormControl> <FormControl>
<Select <Select
@ -579,6 +520,78 @@ export default function NodeForm<T extends { [x: string]: any }>({
</FormItem> </FormItem>
)} )}
/> />
<FormField
control={form.control}
name='vmess.enable_tls'
render={({ field }) => (
<FormItem>
<FormLabel>
{t('form.enableTls')}
<Sheet>
<SheetTrigger asChild>
<a className='text-primary ml-2 cursor-pointer'>{t('form.edit')}</a>
</SheetTrigger>
<SheetContent className='p-4'>
<SheetHeader>
<SheetTitle>{t('form.editSecurity')}</SheetTitle>
</SheetHeader>
<div className='grid grid-cols-1 gap-2 pt-4'>
<FormField
control={form.control}
name='vmess.tls_config.server_name'
render={({ field }) => (
<FormItem>
<FormLabel>{t('form.serverName')}</FormLabel>
<FormControl>
<EnhancedInput
{...field}
onValueChange={(value) => {
form.setValue(field.name, value);
}}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name='vmess.tls_config.allow_insecure'
render={({ field }) => (
<FormItem>
<FormLabel>{t('form.allowInsecure')}</FormLabel>
<FormControl>
<div className='pt-2'>
<Switch
checked={!!field.value}
onCheckedChange={(value) => {
form.setValue(field.name, value);
}}
/>
</div>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
</SheetContent>
</Sheet>
</FormLabel>
<FormControl>
<div className='pt-2'>
<Switch
checked={!!field.value}
onCheckedChange={(value) => {
form.setValue(field.name, value);
}}
/>
</div>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField <FormField
control={form.control} control={form.control}
name='vmess.transport' name='vmess.transport'
@ -1116,7 +1129,7 @@ export default function NodeForm<T extends { [x: string]: any }>({
control={form.control} control={form.control}
name='vless.network' name='vless.network'
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem className='col-span-2'>
<FormLabel>{t('form.networkType')}</FormLabel> <FormLabel>{t('form.networkType')}</FormLabel>
<FormControl> <FormControl>
<Select <Select
@ -1151,7 +1164,7 @@ export default function NodeForm<T extends { [x: string]: any }>({
control={form.control} control={form.control}
name='vless.xtls' name='vless.xtls'
render={({ field }) => ( render={({ field }) => (
<FormItem className='col-span-2'> <FormItem>
<FormLabel>{t('form.xtls')}</FormLabel> <FormLabel>{t('form.xtls')}</FormLabel>
<FormControl> <FormControl>
<Select <Select