From 30ae419cbd4be8105d099d8ed64ce016cb510944 Mon Sep 17 00:00:00 2001
From: naiba <hi@nai.ba>
Date: Tue, 21 Jan 2025 22:21:52 +0800
Subject: [PATCH] feat: disable nat

---
 src/components/nat.tsx | 24 ++++++++++++++++++++++++
 src/routes/nat.tsx     |  5 +++++
 src/types/api.ts       |  1 +
 3 files changed, 30 insertions(+)

diff --git a/src/components/nat.tsx b/src/components/nat.tsx
index d78083f..2adeefc 100644
--- a/src/components/nat.tsx
+++ b/src/components/nat.tsx
@@ -29,6 +29,8 @@ import { useTranslation } from "react-i18next"
 import { toast } from "sonner"
 import { KeyedMutator } from "swr"
 import { z } from "zod"
+import { Checkbox } from "./ui/checkbox"
+import { Label } from "./ui/label"
 
 interface NATCardProps {
     data?: ModelNAT
@@ -37,6 +39,7 @@ interface NATCardProps {
 
 const natFormSchema = z.object({
     name: z.string().min(1),
+    enabled: z.boolean(),
     server_id: z.coerce.number().int(),
     host: z.string(),
     domain: z.string(),
@@ -50,6 +53,7 @@ export const NATCard: React.FC<NATCardProps> = ({ data, mutate }) => {
             ? data
             : {
                   name: "",
+                  enabled: false,
                   server_id: 0,
                   host: "",
                   domain: "",
@@ -148,6 +152,26 @@ export const NATCard: React.FC<NATCardProps> = ({ data, mutate }) => {
                                         </FormItem>
                                     )}
                                 />
+                                <FormField
+                                    control={form.control}
+                                    name="enabled"
+                                    render={({ field }) => (
+                                        <FormItem className="flex items-center space-x-2">
+                                            <FormControl>
+                                                <div className="flex items-center gap-2">
+                                                    <Checkbox
+                                                        checked={field.value}
+                                                        onCheckedChange={field.onChange}
+                                                    />
+                                                    <Label className="text-sm">
+                                                        {t("Enable")}
+                                                    </Label>
+                                                </div>
+                                            </FormControl>
+                                            <FormMessage />
+                                        </FormItem>
+                                    )}
+                                />
                                 <DialogFooter className="justify-end">
                                     <DialogClose asChild>
                                         <Button type="button" className="my-2" variant="secondary">
diff --git a/src/routes/nat.tsx b/src/routes/nat.tsx
index 58f215f..ef96daa 100644
--- a/src/routes/nat.tsx
+++ b/src/routes/nat.tsx
@@ -61,6 +61,11 @@ export default function NATPage() {
             accessorKey: "id",
             accessorFn: (row) => row.id,
         },
+        {
+            header: t("Enabled"),
+            accessorKey: "enabled",
+            accessorFn: (row) => row.enabled,
+        },
         {
             header: t("Name"),
             accessorKey: "name",
diff --git a/src/types/api.ts b/src/types/api.ts
index a1c9fa3..f10cf60 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -401,6 +401,7 @@ export interface ModelLoginResponse {
 export interface ModelNAT {
     created_at: string
     domain: string
+    enabled: boolean
     host: string
     id: number
     name: string