GuanM/certimate
1
0
Fork 0
mirror of https://github.com/usual2970/certimate.git synced 2025-06-12 15:39:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: clean code

Browse Source
This commit is contained in:
Fu Diwei 2024-10-21 15:07:09 +08:00
parent 68b9171390
commit 908d33f186
6 changed files with 93 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/components/certimate/AccessEditDialog.tsx
View File

@ -212,8 +212,8 @@ const AccessEditDialog = ({ trigger, op, data, className }: AccessEditProps) =>
</DialogHeader>
<ScrollArea className="max-h-[80vh]">
<div className="container py-3">
<div>
<Label>{t("access.authorization.form.type.label")}</Label>
<Select
onValueChange={(val) => {
setConfigType(val);
@ -237,6 +237,7 @@ const AccessEditDialog = ({ trigger, op, data, className }: AccessEditProps) =>
</SelectGroup>
</SelectContent>
</Select>
</div>
<div className="mt-8">{form}</div>
</div>

11
ui/src/components/certimate/DeployList.tsx
View File

@ -477,7 +477,7 @@ const DeployToSSH = () => {
}, []);
return (
<>
<div className="flex flex-col space-y-2">
<div className="flex flex-col space-y-8">
<div>
<Label>{t("domain.deployment.form.ssh_cert_path.label")}</Label>
<Input
@ -641,7 +641,7 @@ const DeployToOSS = () => {
});
return (
<div className="flex flex-col space-y-2">
<div className="flex flex-col space-y-8">
<div>
<Label>{t("domain.deployment.form.oss_endpoint.label")}</Label>
@ -760,7 +760,7 @@ const DeployToCDN = () => {
});
return (
<div className="flex flex-col space-y-2">
<div className="flex flex-col space-y-8">
<div>
<Label>{t("domain.deployment.form.domain.label")}</Label>
<Input
@ -824,7 +824,7 @@ const DeployToKubernetes = () => {
return (
<>
<div className="flex flex-col space-y-2">
<div className="flex flex-col space-y-8">
<div>
<Label>{t("domain.deployment.form.k8s_namespace.label")}</Label>
<Input
@ -840,6 +840,7 @@ const DeployToKubernetes = () => {
}}
/>
</div>
<div>
<Label>{t("domain.deployment.form.k8s_secret_name.label")}</Label>
<Input
@ -855,6 +856,7 @@ const DeployToKubernetes = () => {
}}
/>
</div>
<div>
<Label>{t("domain.deployment.form.k8s_secret_data_key_for_crt.label")}</Label>
<Input
@ -870,6 +872,7 @@ const DeployToKubernetes = () => {
}}
/>
</div>
<div>
<Label>{t("domain.deployment.form.k8s_secret_data_key_for_key.label")}</Label>
<Input

2
ui/src/components/certimate/KVList.tsx
View File

@ -88,7 +88,7 @@ const KVList = ({ variables, onValueChange }: KVListProps) => {
<Show
when={!!locVariables?.length}
fallback={
<div className="border rounded-md p-3 text-sm mt-2 flex flex-col items-center">
<div className="border rounded-md p-3 text-sm flex flex-col items-center">
<div className="text-muted-foreground">{t("domain.deployment.form.variables.empty")}</div>
<KVEdit

8
ui/src/components/certimate/StringList.tsx
View File

@ -6,7 +6,7 @@ import { Edit, Plus, Trash2 } from "lucide-react";
import Show from "@/components/Show";
import { Button } from "@/components/ui/button";
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
import { FormControl, FormLabel } from "@/components/ui/form";
import { FormControl, FormItem, FormLabel } from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { cn } from "@/lib/utils";
@ -63,6 +63,7 @@ const StringList = ({ value, className, onValueChange, valueType = "domain" }: S
return (
<>
<div className={cn(className)}>
<FormItem>
<FormLabel className="flex justify-between items-center">
<div>{t(titles[valueType])}</div>
@ -88,14 +89,14 @@ const StringList = ({ value, className, onValueChange, valueType = "domain" }: S
<Show
when={list.length > 0}
fallback={
<div className="border rounded-md p-3 text-sm mt-2 flex flex-col items-center">
<div className="border rounded-md p-3 text-sm flex flex-col items-center">
<div className="text-muted-foreground">{t("common.text." + valueType + ".empty")}</div>
<StringEdit value={""} trigger={t("common.add")} onValueChange={addVal} valueType={valueType} />
</div>
}
>
<div className="border rounded-md p-3 text-sm mt-2 text-gray-700 space-y-2 dark:text-white dark:border-stone-700 dark:bg-stone-950">
<div className="border rounded-md p-3 text-sm text-gray-700 space-y-2 dark:text-white dark:border-stone-700 dark:bg-stone-950">
{list.map((item, index) => (
<div key={index} className="flex justify-between items-center">
<div>{item}</div>
@ -122,6 +123,7 @@ const StringList = ({ value, className, onValueChange, valueType = "domain" }: S
</div>
</Show>
</FormControl>
</FormItem>
</div>
</>
);

2
ui/src/i18n/locales/en/nls.domain.json
View File

@ -37,7 +37,7 @@
"domain.application.form.access.placeholder": "Please select DNS provider authorization configuration",
"domain.application.form.access.list": "Provider Authorization Configurations",
"domain.application.form.advanced_settings.label": "Advanced Settings",
"domain.application.form.key_algorithm.label": "Certificate Key Algorithm",
"domain.application.form.key_algorithm.label": "Certificate Key Algorithm (Default: RSA2048)",
"domain.application.form.key_algorithm.placeholder": "Please select certificate key algorithm",
"domain.application.form.timeout.label": "DNS Propagation Timeout (Seconds)",
"domain.application.form.timeoue.placeholder": "Please enter maximum waiting time for DNS propagation",

2
ui/src/i18n/locales/zh/nls.domain.json
View File

@ -37,7 +37,7 @@
"domain.application.form.access.placeholder": "请选择 DNS 服务商授权配置",
"domain.application.form.access.list": "DNS 服务商授权配置列表",
"domain.application.form.advanced_settings.label": "高级设置",
"domain.application.form.key_algorithm.label": "数字证书算法",
"domain.application.form.key_algorithm.label": "数字证书算法（默认：RSA2048）",
"domain.application.form.key_algorithm.placeholder": "请选择数字证书算法",
"domain.application.form.timeout.label": "DNS 传播检查超时时间（单位：秒）",
"domain.application.form.timeoue.placeholder": "请输入 DNS 传播检查超时时间",