From 1e5cd23bbee61c4ad99578e0dbd78177d6778c35 Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Thu, 18 Jan 2024 22:46:16 +0800
Subject: [PATCH] =?UTF-8?q?style:=20CloudFlare=20DNS=20=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=8F=90=E7=A4=BA=20(#3648)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/en.ts                    |  1 +
 frontend/src/lang/modules/tw.ts                    |  1 +
 frontend/src/lang/modules/zh.ts                    |  1 +
 .../views/website/ssl/dns-account/create/index.vue | 14 ++++++++------
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 6f2686adf..e79443ac9 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -1930,6 +1930,7 @@ const message = {
         httpHelper2: 'Unable to apply for a generic domain name certificate in HTTP mode',
         skipDNSCheck: 'Skip DNS check',
         skipDNSCheckHelper: 'If there is an application timeout problem, please check here, otherwise do not check it',
+        cfHelper: 'Do not use Global API Key',
     },
     firewall: {
         create: 'Create rule',
diff --git a/frontend/src/lang/modules/tw.ts b/frontend/src/lang/modules/tw.ts
index bd41fb253..4b7b1838d 100644
--- a/frontend/src/lang/modules/tw.ts
+++ b/frontend/src/lang/modules/tw.ts
@@ -1811,6 +1811,7 @@ const message = {
         httpHelper2: 'HTTP 模式無法申請泛網域憑證',
         skipDNSCheck: '跳過 DNS 校驗',
         skipDNSCheckHelper: '如果出現申請超時問題，請勾選此處，其他情況請勿勾選',
+        cfHelper: '請勿使用 Global API Key',
     },
     firewall: {
         create: '創建規則',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 97dd17a31..cbceb668c 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -1811,6 +1811,7 @@ const message = {
         httpHelper2: 'HTTP 模式无法申请泛域名证书',
         skipDNSCheck: '跳过 DNS 校验',
         skipDNSCheckHelper: '如果出现申请超时问题，请勾选此处，其他情况请勿勾选',
+        cfHelper: '请勿使用 Global API Key',
     },
     firewall: {
         create: '创建规则',
diff --git a/frontend/src/views/website/ssl/dns-account/create/index.vue b/frontend/src/views/website/ssl/dns-account/create/index.vue
index 6ddc08d36..a8e2fa640 100644
--- a/frontend/src/views/website/ssl/dns-account/create/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/create/index.vue
@@ -44,19 +44,21 @@
                         <el-form-item label="EMAIL" prop="authorization.email">
                             <el-input v-model.trim="account.authorization['email']"></el-input>
                         </el-form-item>
+                        <el-form-item label="API Token" prop="authorization.apiKey">
+                            <el-input v-model.trim="account.authorization['apiKey']"></el-input>
+                            <span class="input-help">
+                                {{ $t('ssl.cfHelper') }}
+                            </span>
+                        </el-form-item>
                     </div>
                     <el-form-item
                         label="API Key"
                         prop="authorization.apiKey"
-                        v-if="
-                            account.type === 'CloudFlare' ||
-                            account.type === 'NameCheap' ||
-                            account.type === 'NameSilo' ||
-                            account.type === 'Godaddy'
-                        "
+                        v-if="account.type === 'NameCheap' || account.type === 'NameSilo' || account.type === 'Godaddy'"
                     >
                         <el-input v-model.trim="account.authorization['apiKey']"></el-input>
                     </el-form-item>
+
                     <el-form-item label="API User" prop="authorization.apiUser" v-if="account.type === 'NameCheap'">
                         <el-input v-model.trim="account.authorization['apiUser']"></el-input>
                     </el-form-item>