Move hooks's label text into 'hooks' in en.json

src/app/pages/admin/hooks.vue

@@ -2,10 +2,26 @@
   <main v-if="data">
     <FormElement @submit.prevent="submit">
       <FormGroup>
-        <FormTextField id="PreUp" v-model="data.preUp" label="PreUp" />
+        <FormTextField
-        <FormTextField id="PostUp" v-model="data.postUp" label="PostUp" />
+          id="PreUp"
-        <FormTextField id="PreDown" v-model="data.preDown" label="PreDown" />
+          v-model="data.preUp"
-        <FormTextField id="PostDown" v-model="data.postDown" label="PostDown" />
+          :label="$t('hooks.preUp')"
+        />
+        <FormTextField
+          id="PostUp"
+          v-model="data.postUp"
+          :label="$t('hooks.postUp')"
+        />
+        <FormTextField
+          id="PreDown"
+          v-model="data.preDown"
+          :label="$t('hooks.preDown')"
+        />
+        <FormTextField
+          id="PostDown"
+          v-model="data.postDown"
+          :label="$t('hooks.postDown')"
+        />
       </FormGroup>
       <FormGroup>
         <FormHeading>{{ $t('form.actions') }}</FormHeading>

src/app/pages/clients/[id].vue

@@ -79,25 +79,25 @@
               id="PreUp"
               v-model="data.preUp"
               :description="$t('client.hooksLeaveEmpty')"
-              :label="$t('client.PreUp')"
+              :label="$t('hooks.preUp')"
             />
             <FormTextField
               id="PostUp"
               v-model="data.postUp"
               :description="$t('client.hooksLeaveEmpty')"
-              :label="$t('client.PostUp')"
+              :label="$t('hooks.postUp')"
             />
             <FormTextField
               id="PreDown"
               v-model="data.preDown"
               :description="$t('client.hooksLeaveEmpty')"
-              :label="$t('client.PreDown')"
+              :label="$t('hooks.preDown')"
             />
             <FormTextField
               id="PostDown"
               v-model="data.postDown"
               :description="$t('client.hooksLeaveEmpty')"
-              :label="$t('client.PostDown')"
+              :label="$t('hooks.postDown')"
             />
           </FormGroup>
           <FormGroup>

src/i18n/locales/en.json

@@ -101,11 +101,7 @@
     "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",
+    "hooksLeaveEmpty": "Only for wg-quick. Otherwise, please leave it empty"
-    "PreUp": "PreUp",
-    "PostUp": "PostUp",
-    "PreDown": "PreDown",
-    "PostDown": "PostDown"
   },
   "dialog": {
     "change": "Change",
@@ -215,5 +211,11 @@
     "dns": "DNS",
     "allowedIps": "Allowed IPs",
     "file": "File"
+  },
+  "hooks": {
+    "preUp": "PreUp",
+    "postUp": "PostUp",
+    "preDown": "PreDown",
+    "postDown": "PostDown"
   }
 }