From 78b52e7b357e82a97182e6b5a4dee7054ef71109 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=A5=A5=E8=B6=85?= <iwind.liu@gmail.com>
Date: Mon, 18 Mar 2024 10:21:15 +0800
Subject: [PATCH] =?UTF-8?q?DNS=E6=9C=8D=E5=8A=A1=E5=95=86=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E5=AF=86=E9=92=A5=E6=95=B0=E6=8D=AE=E4=BB=A5=E6=8E=A9?=
 =?UTF-8?q?=E7=A0=81=E6=96=B9=E5=BC=8F=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../actions/default/dns/providers/provider.go |  5 ++++-
 .../default/dns/providers/updatePopup.go      |  5 ++++-
 .../js/components/common/mask-warning.js      |  3 +++
 .../@default/dns/providers/createPopup.html   | 22 +++++++++++--------
 .../@default/dns/providers/updatePopup.html   | 22 +++++++++++--------
 5 files changed, 37 insertions(+), 20 deletions(-)
 create mode 100644 web/public/js/components/common/mask-warning.js

diff --git a/internal/web/actions/default/dns/providers/provider.go b/internal/web/actions/default/dns/providers/provider.go
index 25cf3427..6d18ab0b 100644
--- a/internal/web/actions/default/dns/providers/provider.go
+++ b/internal/web/actions/default/dns/providers/provider.go
@@ -24,7 +24,10 @@ func (this *ProviderAction) RunGet(params struct {
 	this.Data["pageNo"] = params.Page
 	this.Data["filter"] = params.Filter
 
-	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{DnsProviderId: params.ProviderId})
+	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{
+		DnsProviderId: params.ProviderId,
+		MaskParams:    true,
+	})
 	if err != nil {
 		this.ErrorPage(err)
 		return
diff --git a/internal/web/actions/default/dns/providers/updatePopup.go b/internal/web/actions/default/dns/providers/updatePopup.go
index bed83785..74b62b5f 100644
--- a/internal/web/actions/default/dns/providers/updatePopup.go
+++ b/internal/web/actions/default/dns/providers/updatePopup.go
@@ -22,7 +22,10 @@ func (this *UpdatePopupAction) Init() {
 func (this *UpdatePopupAction) RunGet(params struct {
 	ProviderId int64
 }) {
-	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{DnsProviderId: params.ProviderId})
+	providerResp, err := this.RPC().DNSProviderRPC().FindEnabledDNSProvider(this.AdminContext(), &pb.FindEnabledDNSProviderRequest{
+		DnsProviderId: params.ProviderId,
+		MaskParams:    true,
+	})
 	if err != nil {
 		this.ErrorPage(err)
 		return
diff --git a/web/public/js/components/common/mask-warning.js b/web/public/js/components/common/mask-warning.js
new file mode 100644
index 00000000..37fd6042
--- /dev/null
+++ b/web/public/js/components/common/mask-warning.js
@@ -0,0 +1,3 @@
+Vue.component("mask-warning", {
+	template: `<span class="red">为了安全起见，此项数据保存后将不允许在界面查看完整明文，为避免忘记，请自行记录原始数据。</span>`
+})
\ No newline at end of file
diff --git a/web/views/@default/dns/providers/createPopup.html b/web/views/@default/dns/providers/createPopup.html
index ecfcb8b3..5a19d966 100644
--- a/web/views/@default/dns/providers/createPopup.html
+++ b/web/views/@default/dns/providers/createPopup.html
@@ -47,7 +47,7 @@
                 <td>SecretKey *</td>
                 <td>
                     <input type="text" name="paramDNSPodAccessKeySecret" maxlength="100"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
 			<tr v-show="paramDNSPodAPIType == 'dnsPodToken'">
@@ -61,7 +61,7 @@
 				<td>密钥Token *</td>
 				<td>
 					<input type="text" name="paramDNSPodToken" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr v-if="paramDNSPodAPIType == 'dnsPodToken'">
@@ -88,7 +88,7 @@
 				<td>AccessKeySecret *</td>
 				<td>
 					<input type="text" name="paramAliDNSAccessKeySecret" maxlength="100" spellcheck="false"/>
-					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。</p>
+					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr>
@@ -113,7 +113,7 @@
                 <td>AccessKeySecret *</td>
                 <td>
                     <input type="text" name="paramHuaweiAccessKeySecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。</p>
+                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -131,7 +131,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramCloudFlareAPIKey" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。</p>
+                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -156,6 +156,7 @@
                 <td>Secret *</td>
                 <td>
                     <input type="text" name="paramGoDaddySecret" maxlength="100" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -180,7 +181,7 @@
                 <td>认证密码 *<em>（auth-password）</em></td>
                 <td>
                     <input type="password" name="paramClouDNSAuthPassword" maxlength="100" spellcheck="false"/>
-                    <p class="comment">用户或者子用户的认证密码。</p>
+                    <p class="comment">用户或者子用户的认证密码。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -198,7 +199,7 @@
                 <td>API Secret *</td>
                 <td>
                     <input type="text" name="paramDNSComSecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。</p>
+                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -216,7 +217,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramDNSLaSecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">在DNS.LA控制台--账户信息中查看。</p>
+                    <p class="comment">在DNS.LA控制台--账户信息中查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -234,6 +235,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -250,6 +252,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramAmazonRoute53AccessKeySecret" maxlength="100" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -286,7 +289,7 @@
             <tr>
                 <td>客户端密码值 <br/><em>(Client Secret Value)</em> *</td>
                 <td><input type="text" name="paramAzureDNSClientSecret" maxlength="100" spellcheck="false"/>
-                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。</p>
+                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -338,6 +341,7 @@
                 <td>AccessKey密钥 *</td>
                 <td>
                     <input type="text" name="paramEdgeDNSAPIAccessKeySecret" maxlength="64"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
diff --git a/web/views/@default/dns/providers/updatePopup.html b/web/views/@default/dns/providers/updatePopup.html
index fd16dc98..d340f008 100644
--- a/web/views/@default/dns/providers/updatePopup.html
+++ b/web/views/@default/dns/providers/updatePopup.html
@@ -46,7 +46,7 @@
                 <td>SecretKey *</td>
                 <td>
                     <input type="text" name="paramDNSPodAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥”中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
 			<tr v-show="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
@@ -60,7 +60,7 @@
 				<td>密钥Token *</td>
 				<td>
 					<input type="text" name="paramDNSPodToken" maxlength="100" v-model="provider.params.token" spellcheck="false"/>
-                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。</p>
+                    <p class="comment">在DNSPod控制台“账号中心--API密钥--DNSPod Token”中获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr v-if="provider.params.apiType == null || provider.params.apiType.length == 0 || provider.params.apiType == 'dnsPodToken'">
@@ -87,7 +87,7 @@
 				<td>AccessKeySecret *</td>
 				<td>
 					<input type="text" name="paramAliDNSAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
-					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。</p>
+					<p class="comment">登录阿里云控制台 -- 在"访问控制"中创建和获取。<mask-warning></mask-warning></p>
 				</td>
 			</tr>
             <tr>
@@ -112,7 +112,7 @@
                 <td>AccessKeySecret *</td>
                 <td>
                     <input type="text" name="paramHuaweiAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
-                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。</p>
+                    <p class="comment">登录华为云控制台 -- 在"我的凭证 -- 访问密钥"中创建和获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -131,7 +131,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramCloudFlareAPIKey" maxlength="100" v-model="provider.params.apiKey" spellcheck="false"/>
-                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。</p>
+                    <p class="comment">在个人资料中的"API令牌"--"API密钥"--"Global API Key"中获取。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -156,6 +156,7 @@
                 <td>Secret *</td>
                 <td>
                     <input type="text" name="paramGoDaddySecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -180,7 +181,7 @@
                 <td>认证密码 *<em>（auth-password）</em></td>
                 <td>
                     <input type="password" name="paramClouDNSAuthPassword" maxlength="100" v-model="provider.params.authPassword" spellcheck="false"/>
-                    <p class="comment">用户或者子用户的认证密码。</p>
+                    <p class="comment">用户或者子用户的认证密码。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -198,7 +199,7 @@
                 <td>API Secret *</td>
                 <td>
                     <input type="text" name="paramDNSComSecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
-                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。</p>
+                    <p class="comment">在DNS.COM控制台账号中心--API设置中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -216,7 +217,7 @@
                 <td>API密钥 *</td>
                 <td>
                     <input type="text" name="paramDNSLaSecret" maxlength="100" v-model="provider.params.secret" spellcheck="false"/>
-                    <p class="comment">在DNS.LA控制台--账户信息中查看。</p>
+                    <p class="comment">在DNS.LA控制台--账户信息中查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -234,6 +235,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>
@@ -250,6 +252,7 @@
                 <td>Secret Access Key *</td>
                 <td>
                     <input type="text" name="paramAmazonRoute53AccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret" spellcheck="false"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -287,7 +290,7 @@
                 <td>客户端密码值 <br/><em>(Client Secret Value)</em> *</td>
                 <td>
                     <input type="text" name="paramAzureDNSClientSecret" maxlength="100" v-model="provider.params.clientSecret" spellcheck="false"/>
-                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。</p>
+                    <p class="comment">可以在应用注册（App registrations）中对应应用的“证书和密码（Certificates &amp; secrets）”--“客户端密码（Client secrets）”中创建和查看。<mask-warning></mask-warning></p>
                 </td>
             </tr>
             <tr>
@@ -340,6 +343,7 @@
                 <td>AccessKey密钥 *</td>
                 <td>
                     <input type="text" name="paramEdgeDNSAPIAccessKeySecret" maxlength="64" v-model="provider.params.accessKeySecret"/>
+                    <p class="comment"><mask-warning></mask-warning></p>
                 </td>
             </tr>
         </tbody>