feat(app.js, i18n, index.html, styles.css): enhance auth file management with search and pagination controls

- Implemented search functionality for auth files, allowing users to filter by name, type, or provider. - Added pagination controls to manage the display of auth files, improving navigation through large datasets. - Updated internationalization strings to support new search and pagination features in both English and Chinese. - Enhanced styles for the auth file toolbar, search input, and pagination controls for better user experience.
2026-02-02 19:00:49 +08:00 · 2025-11-15 14:54:10 +08:00
parent 295befe42b
commit edb723c12b
4 changed files with 481 additions and 90 deletions
--- a/i18n.js
+++ b/i18n.js
@@ -141,14 +141,13 @@ const i18n = {
            'ai_providers.gemini_empty_desc': '点击上方按钮添加第一个密钥',
            'ai_providers.gemini_item_title': 'Gemini密钥',
            'ai_providers.gemini_add_modal_title': '添加Gemini API密钥',
-            'ai_providers.gemini_add_modal_key_label': 'API密钥列表:',
-            'ai_providers.gemini_add_modal_key_placeholder': '请输入Gemini API密钥（每行一个）',
-            'ai_providers.gemini_add_modal_key_hint': '可一次粘贴多个密钥，每行一个。',
-            'ai_providers.gemini_add_modal_url_label': 'Base URL (可选):',
-            'ai_providers.gemini_add_modal_url_placeholder': '例如: https://generativelanguage.googleapis.com',
+            'ai_providers.gemini_add_modal_key_label': 'API密钥',
+            'ai_providers.gemini_add_modal_key_placeholder': '输入 Gemini API 密钥',
+            'ai_providers.gemini_add_modal_key_hint': '逐条输入密钥，可同时指定可选 Base URL。',
+            'ai_providers.gemini_keys_add_btn': '添加密钥',
+            'ai_providers.gemini_base_url_placeholder': '可选 Base URL，如 https://generativelanguage.googleapis.com',
            'ai_providers.gemini_edit_modal_title': '编辑Gemini API密钥',
            'ai_providers.gemini_edit_modal_key_label': 'API密钥:',
-            'ai_providers.gemini_edit_modal_url_label': 'Base URL (可选):',
            'ai_providers.gemini_delete_confirm': '确定要删除这个Gemini密钥吗？',

            'ai_providers.codex_title': 'Codex API 配置',
@@ -200,10 +199,12 @@ const i18n = {
            'ai_providers.openai_add_modal_name_placeholder': '例如: openrouter',
            'ai_providers.openai_add_modal_url_label': 'Base URL:',
            'ai_providers.openai_add_modal_url_placeholder': '例如: https://openrouter.ai/api/v1',
-            'ai_providers.openai_add_modal_keys_label': 'API密钥 (每行一个):',
-            'ai_providers.openai_add_modal_keys_placeholder': 'sk-key1\nsk-key2',
-            'ai_providers.openai_add_modal_keys_proxy_label': '代理 URL (按行对应，可选):',
-            'ai_providers.openai_add_modal_keys_proxy_placeholder': 'socks5://proxy.example.com:1080\n',
+            'ai_providers.openai_add_modal_keys_label': 'API密钥',
+            'ai_providers.openai_edit_modal_keys_label': 'API密钥',
+            'ai_providers.openai_keys_hint': '每个密钥可搭配一个可选代理地址，更便于管理。',
+            'ai_providers.openai_keys_add_btn': '添加密钥',
+            'ai_providers.openai_key_placeholder': '输入 sk- 开头的密钥',
+            'ai_providers.openai_proxy_placeholder': '可选代理 URL (如 socks5://...)',
            'ai_providers.openai_add_modal_models_label': '模型列表 (name[, alias] 每行一个):',
            'ai_providers.openai_models_hint': '示例：gpt-4o-mini 或 moonshotai/kimi-k2:free, kimi-k2',
            'ai_providers.openai_model_name_placeholder': '模型名称，如 moonshotai/kimi-k2:free',
@@ -212,8 +213,7 @@ const i18n = {
            'ai_providers.openai_edit_modal_title': '编辑OpenAI兼容提供商',
            'ai_providers.openai_edit_modal_name_label': '提供商名称:',
            'ai_providers.openai_edit_modal_url_label': 'Base URL:',
-            'ai_providers.openai_edit_modal_keys_label': 'API密钥 (每行一个):',
-            'ai_providers.openai_edit_modal_keys_proxy_label': '代理 URL (按行对应，可选):',
+            'ai_providers.openai_edit_modal_keys_label': 'API密钥',
            'ai_providers.openai_edit_modal_models_label': '模型列表 (name[, alias] 每行一个):',
            'ai_providers.openai_delete_confirm': '确定要删除这个OpenAI提供商吗？',
            'ai_providers.openai_keys_count': '密钥数量',
@@ -228,6 +228,8 @@ const i18n = {
            'auth_files.delete_all_button': '删除全部',
            'auth_files.empty_title': '暂无认证文件',
            'auth_files.empty_desc': '点击上方按钮上传第一个文件',
+            'auth_files.search_empty_title': '没有匹配的配置文件',
+            'auth_files.search_empty_desc': '请调整筛选条件或清空搜索关键字再试一次。',
            'auth_files.file_size': '大小',
            'auth_files.file_modified': '修改时间',
            'auth_files.download_button': '下载',
@@ -247,6 +249,10 @@ const i18n = {
            'auth_files.pagination_prev': '上一页',
            'auth_files.pagination_next': '下一页',
            'auth_files.pagination_info': '第 {current} / {total} 页 · 共 {count} 个文件',
+            'auth_files.search_label': '搜索配置文件',
+            'auth_files.search_placeholder': '输入名称、类型或提供方关键字',
+            'auth_files.page_size_label': '单页数量',
+            'auth_files.page_size_unit': '个/页',
            'auth_files.filter_all': '全部',
            'auth_files.filter_qwen': 'Qwen',
            'auth_files.filter_gemini': 'Gemini',
@@ -638,13 +644,12 @@ const i18n = {
            'ai_providers.gemini_item_title': 'Gemini Key',
            'ai_providers.gemini_add_modal_title': 'Add Gemini API Key',
            'ai_providers.gemini_add_modal_key_label': 'API Keys:',
-            'ai_providers.gemini_add_modal_key_placeholder': 'Enter Gemini API keys (one per line)',
-            'ai_providers.gemini_add_modal_key_hint': 'You can paste multiple keys, one per line.',
-            'ai_providers.gemini_add_modal_url_label': 'Base URL (optional):',
-            'ai_providers.gemini_add_modal_url_placeholder': 'e.g. https://generativelanguage.googleapis.com',
+            'ai_providers.gemini_add_modal_key_placeholder': 'Enter Gemini API key',
+            'ai_providers.gemini_add_modal_key_hint': 'Add keys one by one and optionally specify a Base URL.',
+            'ai_providers.gemini_keys_add_btn': 'Add Key',
+            'ai_providers.gemini_base_url_placeholder': 'Optional Base URL, e.g. https://generativelanguage.googleapis.com',
            'ai_providers.gemini_edit_modal_title': 'Edit Gemini API Key',
            'ai_providers.gemini_edit_modal_key_label': 'API Key:',
-            'ai_providers.gemini_edit_modal_url_label': 'Base URL (optional):',
            'ai_providers.gemini_delete_confirm': 'Are you sure you want to delete this Gemini key?',

            'ai_providers.codex_title': 'Codex API Configuration',
@@ -696,10 +701,12 @@ const i18n = {
            'ai_providers.openai_add_modal_name_placeholder': 'e.g.: openrouter',
            'ai_providers.openai_add_modal_url_label': 'Base URL:',
            'ai_providers.openai_add_modal_url_placeholder': 'e.g.: https://openrouter.ai/api/v1',
-            'ai_providers.openai_add_modal_keys_label': 'API Keys (one per line):',
-            'ai_providers.openai_add_modal_keys_placeholder': 'sk-key1\nsk-key2',
-            'ai_providers.openai_add_modal_keys_proxy_label': 'Proxy URL (one per line, optional):',
-            'ai_providers.openai_add_modal_keys_proxy_placeholder': 'socks5://proxy.example.com:1080\n',
+            'ai_providers.openai_add_modal_keys_label': 'API Keys',
+            'ai_providers.openai_edit_modal_keys_label': 'API Keys',
+            'ai_providers.openai_keys_hint': 'Add each key separately with an optional proxy URL to keep things organized.',
+            'ai_providers.openai_keys_add_btn': 'Add Key',
+            'ai_providers.openai_key_placeholder': 'sk-... key',
+            'ai_providers.openai_proxy_placeholder': 'Optional proxy URL (e.g. socks5://...)',
            'ai_providers.openai_add_modal_models_label': 'Model List (name[, alias] one per line):',
            'ai_providers.openai_models_hint': 'Example: gpt-4o-mini or moonshotai/kimi-k2:free, kimi-k2',
            'ai_providers.openai_model_name_placeholder': 'Model name, e.g. moonshotai/kimi-k2:free',
@@ -708,8 +715,7 @@ const i18n = {
            'ai_providers.openai_edit_modal_title': 'Edit OpenAI Compatible Provider',
            'ai_providers.openai_edit_modal_name_label': 'Provider Name:',
            'ai_providers.openai_edit_modal_url_label': 'Base URL:',
-            'ai_providers.openai_edit_modal_keys_label': 'API Keys (one per line):',
-            'ai_providers.openai_edit_modal_keys_proxy_label': 'Proxy URL (one per line, optional):',
+            'ai_providers.openai_edit_modal_keys_label': 'API Keys',
            'ai_providers.openai_edit_modal_models_label': 'Model List (name[, alias] one per line):',
            'ai_providers.openai_delete_confirm': 'Are you sure you want to delete this OpenAI provider?',
            'ai_providers.openai_keys_count': 'Keys Count',
@@ -724,6 +730,8 @@ const i18n = {
            'auth_files.delete_all_button': 'Delete All',
            'auth_files.empty_title': 'No Auth Files',
            'auth_files.empty_desc': 'Click the button above to upload the first file',
+            'auth_files.search_empty_title': 'No matching files',
+            'auth_files.search_empty_desc': 'Try changing the filters or clearing the search box.',
            'auth_files.file_size': 'Size',
            'auth_files.file_modified': 'Modified',
            'auth_files.download_button': 'Download',
@@ -743,6 +751,10 @@ const i18n = {
            'auth_files.pagination_prev': 'Previous',
            'auth_files.pagination_next': 'Next',
            'auth_files.pagination_info': 'Page {current} / {total} · {count} files',
+            'auth_files.search_label': 'Search configs',
+            'auth_files.search_placeholder': 'Filter by name, type, or provider',
+            'auth_files.page_size_label': 'Per page',
+            'auth_files.page_size_unit': 'items',
            'auth_files.filter_all': 'All',
            'auth_files.filter_qwen': 'Qwen',
            'auth_files.filter_gemini': 'Gemini',