From d1ba2c4ae9501cdd6c46955799fc89b6705d67ec Mon Sep 17 00:00:00 2001
From: snaily <snaily@linux.do>
Date: Tue, 15 Apr 2025 23:56:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(config):=20=E8=AE=A4=E8=AF=81=E4=BB=A4?=
 =?UTF-8?q?=E7=89=8C=E8=BE=93=E5=85=A5=E6=A1=86=E6=94=AF=E6=8C=81=E4=B8=80?=
 =?UTF-8?q?=E9=94=AE=E7=94=9F=E6=88=90=E9=9A=8F=E6=9C=BA=E4=BB=A4=E7=89=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增“生成随机令牌”按钮，优化认证令牌输入体验
- 支持自动生成并填充认证令牌，提升交互便捷性
---
 app/static/js/config_editor.js   | 10 ++++++++++
 app/templates/config_editor.html |  9 ++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/static/js/config_editor.js b/app/static/js/config_editor.js
index fca913c..223a6b6 100644
--- a/app/static/js/config_editor.js
+++ b/app/static/js/config_editor.js
@@ -187,6 +187,16 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // 移除了静态生成令牌按钮的事件监听器，现在按钮是动态生成的
 
+    // 认证令牌生成按钮事件绑定
+    const generateAuthTokenBtn = document.getElementById('generateAuthTokenBtn');
+    const authTokenInput = document.getElementById('AUTH_TOKEN');
+    if (generateAuthTokenBtn && authTokenInput) {
+        generateAuthTokenBtn.addEventListener('click', function() {
+            const newToken = generateRandomToken();
+            authTokenInput.value = newToken;
+            showNotification('已生成新认证令牌', 'success');
+        });
+    }
 }); // <-- DOMContentLoaded 结束括号
 
 // 初始化配置
diff --git a/app/templates/config_editor.html b/app/templates/config_editor.html
index 70c2e92..fbd447c 100644
--- a/app/templates/config_editor.html
+++ b/app/templates/config_editor.html
@@ -136,7 +136,14 @@
                     <!-- 认证令牌 -->
                     <div class="mb-6">
                         <label for="AUTH_TOKEN" class="block font-semibold mb-2 text-gray-700">认证令牌</label>
-                        <input type="text" id="AUTH_TOKEN" name="AUTH_TOKEN" placeholder="默认使用ALLOWED_TOKENS中的第一个" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-primary-500 focus:ring focus:ring-primary-200 focus:ring-opacity-50">
+                        <div class="flex items-center">
+                            <div class="flex items-center flex-grow border border-gray-300 rounded-md focus-within:border-primary-500 focus-within:ring focus-within:ring-primary-200 focus-within:ring-opacity-50">
+                                <input type="text" id="AUTH_TOKEN" name="AUTH_TOKEN" placeholder="默认使用ALLOWED_TOKENS中的第一个" class="array-input flex-grow px-3 py-2 border-none rounded-l-md focus:outline-none">
+                                <button type="button" id="generateAuthTokenBtn" class="generate-btn px-2 py-2 text-gray-500 hover:text-primary-600 focus:outline-none rounded-r-md bg-gray-100 hover:bg-gray-200 transition-colors" title="生成随机令牌">
+                                    <i class="fas fa-dice"></i>
+                                </button>
+                            </div>
+                        </div>
                         <small class="text-gray-500 mt-1 block">用于API认证的令牌</small>
                     </div>