From 0a8b44339f946a761dc13634f33fd9496cae1547 Mon Sep 17 00:00:00 2001
From: yanghuanglin <yanghuanglin@qq.com>
Date: Fri, 7 Mar 2025 01:03:32 +0800
Subject: [PATCH] Add description of hooks for client config

---
 src/app/pages/clients/[id].vue | 24 +++++++++++++++++++-----
 src/i18n/locales/en.json       | 12 +++++++++---
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/src/app/pages/clients/[id].vue b/src/app/pages/clients/[id].vue
index fab9e864..1cac21df 100644
--- a/src/app/pages/clients/[id].vue
+++ b/src/app/pages/clients/[id].vue
@@ -72,18 +72,32 @@
             />
           </FormGroup>
           <FormGroup>
-            <FormHeading>{{ $t('form.hooks') }}</FormHeading>
-            <FormTextField id="PreUp" v-model="data.preUp" label="PreUp" />
-            <FormTextField id="PostUp" v-model="data.postUp" label="PostUp" />
+            <FormHeading :description="$t('client.hooksDescription')">
+              {{ $t('client.hooks') }}
+            </FormHeading>
+            <FormTextField
+              id="PreUp"
+              v-model="data.preUp"
+              :description="$t('client.hooksLeaveEmpty')"
+              :label="$t('client.PreUp')"
+            />
+            <FormTextField
+              id="PostUp"
+              v-model="data.postUp"
+              :description="$t('client.hooksLeaveEmpty')"
+              :label="$t('client.PostUp')"
+            />
             <FormTextField
               id="PreDown"
               v-model="data.preDown"
-              label="PreDown"
+              :description="$t('client.hooksLeaveEmpty')"
+              :label="$t('client.PreDown')"
             />
             <FormTextField
               id="PostDown"
               v-model="data.postDown"
-              label="PostDown"
+              :description="$t('client.hooksLeaveEmpty')"
+              :label="$t('client.PostDown')"
             />
           </FormGroup>
           <FormGroup>
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index a898d3e9..1ff04fbf 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -98,7 +98,14 @@
     "allowedIpsDesc": "Which IPs will be routed through the VPN",
     "serverAllowedIpsDesc": "Which IPs the server will route to the client",
     "mtuDesc": "Sets the maximum transmission unit (packet size) for the VPN tunnel",
-    "persistentKeepaliveDesc": "Sets the interval (in seconds) for keep-alive packets. 0 disables it"
+    "persistentKeepaliveDesc": "Sets the interval (in seconds) for keep-alive packets. 0 disables it",
+    "hooks": "Hooks",
+    "hooksDescription": "Hooks only works with wg-quick",
+    "hooksLeaveEmpty": "Only for wg-quick. Otherwise, please leave it empty",
+    "PreUp": "PreUp",
+    "PostUp": "PostUp",
+    "PreDown": "PreDown",
+    "PostDown": "PostDown"
   },
   "dialog": {
     "change": "Change",
@@ -118,8 +125,7 @@
     "sectionGeneral": "General",
     "sectionAdvanced": "Advanced",
     "noItems": "No items",
-    "add": "Add",
-    "hooks": "Hooks"
+    "add": "Add"
   },
   "admin": {
     "general": {