修复vlm deploy选项
This commit is contained in:
xunbu committed
1 parent
f0f64a03ff
commit
471e3ec2d5
2 files changed
+2
-62
No files matched your search
@@ -31,8 +31,6 @@
|
||||
"segmentModeHelp": "选择如何将文本分割成块进行翻译。",
|
||||
"docxSettingsTitleText": "DOCX翻译选项",
|
||||
"insertModeHelpDocx": "选择如何将翻译后的文本插入。",
|
||||
"separatorPlaceholderStructured": "例如: ---",
|
||||
"separatorHelpDocx": "附加模式下译文会另起一段。此项用于在原文和译文段落之间添加额外内容。<code>\\n</code> 可在分隔符内部换行。",
|
||||
"xlsxSettingsTitleText": "XLSX翻译选项",
|
||||
"insertModeHelpXlsx": "选择如何将翻译后的文本插入到单元格中。",
|
||||
"xlsxTranslateRegionsLabel": "翻译区域 (可选)",
|
||||
@@ -41,10 +39,8 @@
|
||||
"insertModeHelpSrt": "选择如何将翻译后的文本插入。",
|
||||
"epubSettingsTitleText": "EPUB翻译选项",
|
||||
"insertModeHelpEpub": "选择如何将翻译后的文本插入。",
|
||||
"separatorHelpEpub": "附加模式下译文会另起一段。此项用于在原文和译文区块之间添加额外内容。<code>\\n</code> 可在分隔符内部换行。",
|
||||
"htmlSettingsTitleText": "HTML翻译选项",
|
||||
"insertModeHelpHtml": "选择如何将翻译后的文本插入。",
|
||||
"separatorHelpHtml": "附加模式下译文会另起一段。此项用于在原文和译文区块之间添加额外内容。<code>\\n</code> 可在分隔符内部换行。",
|
||||
"assSettingsTitleText": "ASS翻译选项",
|
||||
"insertModeHelpAss": "选择如何将翻译后的文本插入。",
|
||||
"separatorPlaceholderAss": "例如: \\N (换行符)",
|
||||
@@ -66,11 +62,6 @@
|
||||
"mineruDeployBaseUrlLabel": "服务地址 (Base URL)",
|
||||
"mineruDeployBaseUrlPlaceholder": "例如: http://127.0.0.1:8000",
|
||||
"mineruDeployBackendLabel": "后端类型",
|
||||
"mineruDeployBackendPipeline": "Pipeline",
|
||||
"mineruDeployBackendTransformers": "Transformers",
|
||||
"mineruDeployBackendMlx": "MLX Engine",
|
||||
"mineruDeployBackendVllm": "VLLM Engine",
|
||||
"mineruDeployBackendVllmAsync": "VLLM Async Engine",
|
||||
"mineruDeployLangListLabel": "语言列表 (Pipeline模式)",
|
||||
"mineruDeployServerUrlLabel": "Server URL",
|
||||
"mineruDeployServerUrlPlaceholder": "例如: http://127.0.0.1:30000",
|
||||
@@ -136,15 +127,12 @@
|
||||
"taskCardStartBtn": "开始翻译",
|
||||
"downloadMdEmbedded": "Markdown(嵌图)",
|
||||
"downloadMdZip": "Markdown压缩包",
|
||||
"downloadAss": "ASS",
|
||||
"previewTitle": "预览",
|
||||
"previewBilingualBtn": "双语",
|
||||
"previewTranslatedOnlyBtn": "仅译文",
|
||||
"syncScrollTooltip": "联动滑动",
|
||||
"previewOriginal": "原文",
|
||||
"previewTranslated": "译文",
|
||||
"closeBtn": "关闭",
|
||||
"downloadBtn": "下载",
|
||||
"tutorialModalTitle": "使用教程",
|
||||
"tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>视频教程可以在B站搜索 <a href=\"https://search.bilibili.com/all?keyword=docutranslate\" target=\"_blank\">docutranslate</a> 获取。</p><p>欢迎使用 DocuTranslate！请按照以下步骤完成文档翻译：</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>第一步：选择工作流</strong><p class=\"mt-2\">在左侧配置面板的顶部，首先选择最适合您文件类型的处理流程。</p><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>提示: 默认已开启“自动选择工作流”。您只需上传文件，系统会自动为您匹配合适的工作流，简化操作。</div><ul><li><b>转Markdown再翻译</b>: 适用于翻译PDF、markdown、图片等文件。这是最通用和强大的模式。</li><li><b>纯文本翻译</b>: 用于翻译 <code>.txt</code> 纯文本文件。</li><li><b>EPUB翻译</b>: 用于翻译 <code>.epub</code> 电子书文件。</li><li><b>DOCX翻译</b>: 用于翻译 <code>.docx</code> Word文档。</li><li><b>XLSX翻译</b>: 用于翻译 <code>.xlsx</code> 或 <code>.csv</code> 电子表格文件。</li><li><b>PPTX翻译</b>: 用于翻译 <code>.pptx</code> 幻灯片文件。</li><li><b>SRT字幕翻译</b>: 用于翻译 <code>.srt</code> 字幕文件。</li><li><b>ASS字幕翻译</b>: 用于翻译 <code>.ass</code> 特效字幕文件。</li><li><b>JSON翻译</b>: 用于翻译 <code>.json</code> 文件中的特定字段。</li><li><b>HTML翻译</b>: 用于翻译 <code>.html</code> 网页文件。</li></ul></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>第二步：配置参数</strong><p class=\"mt-2\">选择工作流后，下方会显示相关的配置选项。请依次完成设置（所有配置都会自动保存在您的浏览器中）：</p><p class=\"mb-2\"><strong>A. 工作流特定选项</strong> (根据您第一步的选择出现):</p><ul class=\"ms-4\"><li><u>如果选择“转Markdown再翻译”</u>，请配置 <strong>解析配置</strong>：<ul><li><strong>解析引擎</strong>: 选择一个引擎将您的文件（如PDF）转换为适合翻译的Markdown格式。如果您的文件已经是Markdown格式，则无需选择。</li><li><strong>Mineru Token</strong>: 如果您选择 <code>minerU</code> 引擎，需要在此处填入您的Token。</li></ul></li><li><u>如果选择“纯文本/DOCX/XLSX/PPTX/SRT/ASS/EPUB/HTML”</u>，请配置其 <strong>翻译选项</strong>：<ul><li><strong>插入模式</strong>: 定义翻译结果如何放入文档。您可以选择直接“替换”原文，或是在原文之后“附加”，或是在原文之前“前置”。</li><li><strong>分隔符</strong>: 当选择“附加”或“前置”模式时，此项用于在原文和译文之间插入分隔符（例如ASS格式常用 <code>\\N</code>，EPUB格式常用 <code><br /></code> 作为换行分隔符）。</li></ul></li><li><u>如果选择“JSON翻译”</u>，请配置 <strong>JSON路径</strong>：<ul><li><strong>需要翻译的JSON路径</strong>: 每行输入一个 <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> 表达式，将翻译所有与路径匹配的对象中的字符串。例如:<code>$.*</code>(翻译全部字符串)，<code>$..description</code>(翻译所有键为<code>description</code>的值)。</li></ul></li></ul><p class=\"mb-2 mt-3\"><strong>B. 通用选项</strong> (适用于所有工作流):</p><ul class=\"ms-4\"><li><strong>翻译模型</strong>:<ul><li><strong>选择平台/API 地址/API Key/模型ID</strong>: 配置您希望使用的AI翻译服务。模型能力指令遵循越强，<strong>出错</strong>、<strong>漏翻</strong>的概率越低。</li><li><strong>跳过翻译</strong>: 勾选此项后，将只执行文档解析和格式转换，不调用AI进行翻译。</li></ul></li><li><strong>翻译配置</strong>:<ul><li><strong>目标语言</strong>: 指定翻译的目标语言。</li><li><strong>自定义Prompt</strong>: 可选，添加额外指令，如“人名保持原文不翻译”。</li><li><strong>思考模式</strong>: 针对部分支持混合推理的模型进行设置，建议选择“禁用(推荐)”。</li><li><strong>分块大小/并发数等</strong>: 高级参数，用于调整性能和API请求行为，通常保持默认即可。</li></ul></li><li><strong>术语表</strong>:<ul><li><strong>上传术语表 (可选)</strong>: 上传CSV文件（需包含'src'和'dst'列）来保证特定术语翻译的统一性和准确性。</li><li><strong>自动生成术语表</strong>: 启用后，程序会先从原文中提取术语并生成一个术语表，然后再进行翻译。</li></ul></li></ul></li><li><strong><i class=\"bi bi-file-earmark-arrow-up-fill me-2\"></i>第三步：上传文件</strong><p class=\"mt-2\">在右侧的任务列表中，点击或拖拽您的文档到文件上传区域。</p></li><li><strong><i class=\"bi bi-pLine truncated
|
||||
"tutorialUnderstandBtn": "我明白了",
|
||||
@@ -159,40 +147,22 @@
|
||||
"glossaryModalTitle": "当前术语表",
|
||||
"glossaryTableSource": "原文 (src)",
|
||||
"glossaryTableDestination": "译文 (dst)",
|
||||
"init_i18n_failed_alert": "加载界面翻译资源失败，请检查网络连接或联系管理员。",
|
||||
"init_failed_alert": "初始化失败，无法连接到后端服务。请检查服务是否运行或刷新页面。",
|
||||
"engineOptionIdentity": "已经是Markdown格式",
|
||||
"engineOptionMineru": "Mineru（推荐）",
|
||||
"engineOptionDocling": "Docling",
|
||||
"engineOptionMineruDeploy": "Mineru部署服务",
|
||||
"engineOptionMineru_deploy": "Mineru部署服务",
|
||||
"apiHrefInfo302ai": "👈由此链接注册可享受1美元免费额度",
|
||||
"glossaryEmpty": "术语表为空",
|
||||
"status_selectFileFirst": "请先选择文件！",
|
||||
"status_fillRequired": "请填写所有必填项！",
|
||||
"btn_initializing": "初始化...",
|
||||
"status_encodingAndSubmitting": "编码并提交中...",
|
||||
"status_requestOk": "请求成功，任务已开始。",
|
||||
"btn_cancelTranslation": "取消翻译",
|
||||
"status_requestFail": "请求失败",
|
||||
"status_initFail": "任务初始化失败",
|
||||
"status_cancelling": "取消中...",
|
||||
"status_cancelSent": "已发送取消请求。",
|
||||
"status_cancelFail": "取消失败",
|
||||
"status_gettingStatus": "获取状态中...",
|
||||
"btn_reTranslate": "重新翻译",
|
||||
"status_updateError": "状态更新出错。",
|
||||
"preview_loading": "加载预览中...",
|
||||
"preview_cantReadOriginal": "无法读取原文预览。",
|
||||
"preview_cantPreviewType": "无法预览此文件类型",
|
||||
"preview_noOriginalCache": "无原文缓存可供预览。",
|
||||
"preview_loadFailed": "预览加载失败。",
|
||||
"pdf_preparing": "正在准备PDF...",
|
||||
"pdf_print_failed": "调用打印功能失败，请检查浏览器设置或手动保存为PDF。",
|
||||
"pdf_fetch_failed": "获取用于生成PDF的内容失败。",
|
||||
"pdf_preparing": "正在准备打印，请稍候...",
|
||||
"preview_bilingual": "双语预览",
|
||||
"preview_translatedOnly": "仅译文预览",
|
||||
"admin_tasklist_failed": "管理员模式：加载任务列表失败。",
|
||||
"configImportSuccess": "配置导入成功！",
|
||||
"configImportError": "配置文件解析失败，请检查文件格式。"
|
||||
},
|
||||
@@ -228,8 +198,6 @@
|
||||
"segmentModeHelp": "Choose how to segment the text for translation.",
|
||||
"docxSettingsTitleText": "DOCX Translation Options",
|
||||
"insertModeHelpDocx": "Choose how to insert the translated text.",
|
||||
"separatorPlaceholderStructured": "e.g., ---",
|
||||
"separatorHelpDocx": "In append mode, the translation will start a new paragraph. This is for adding extra content between original and translated paragraphs. <code>\\n</code> can be used for newlines within the separator.",
|
||||
"xlsxSettingsTitleText": "XLSX Translation Options",
|
||||
"insertModeHelpXlsx": "Choose how to insert the translated text into cells.",
|
||||
"xlsxTranslateRegionsLabel": "Translation Regions (Optional)",
|
||||
@@ -238,10 +206,8 @@
|
||||
"insertModeHelpSrt": "Choose how to insert the translated text.",
|
||||
"epubSettingsTitleText": "EPUB Translation Options",
|
||||
"insertModeHelpEpub": "Choose how to insert the translated text.",
|
||||
"separatorHelpEpub": "In append mode, the translation will start a new block. This is for adding extra content between original and translated blocks. <code>\\n</code> can be used for newlines within the separator.",
|
||||
"htmlSettingsTitleText": "HTML Translation Options",
|
||||
"insertModeHelpHtml": "Choose how to insert the translated text.",
|
||||
"separatorHelpHtml": "In append mode, the translation will start a new block. This is for adding extra content between original and translated blocks. <code>\\n</code> can be used for newlines within the separator.",
|
||||
"assSettingsTitleText": "ASS Translation Options",
|
||||
"insertModeHelpAss": "Choose how to insert the translated text.",
|
||||
"separatorPlaceholderAss": "e.g., \\N (newline character)",
|
||||
@@ -263,11 +229,6 @@
|
||||
"mineruDeployBaseUrlLabel": "Service Address (Base URL)",
|
||||
"mineruDeployBaseUrlPlaceholder": "e.g., http://127.0.0.1:8000",
|
||||
"mineruDeployBackendLabel": "Backend Type",
|
||||
"mineruDeployBackendPipeline": "Pipeline",
|
||||
"mineruDeployBackendTransformers": "Transformers",
|
||||
"mineruDeployBackendMlx": "MLX Engine",
|
||||
"mineruDeployBackendVllm": "VLLM Engine",
|
||||
"mineruDeployBackendVllmAsync": "VLLM Async Engine",
|
||||
"mineruDeployLangListLabel": "Language List (Pipeline Mode)",
|
||||
"mineruDeployServerUrlLabel": "Server URL",
|
||||
"mineruDeployServerUrlPlaceholder": "e.g., http://127.0.0.1:30000",
|
||||
@@ -333,15 +294,12 @@
|
||||
"taskCardStartBtn": "Start Translation",
|
||||
"downloadMdEmbedded": "Markdown (Embedded Img)",
|
||||
"downloadMdZip": "Markdown Zip",
|
||||
"downloadAss": "ASS",
|
||||
"previewTitle": "Preview",
|
||||
"previewBilingualBtn": "Bilingual",
|
||||
"previewTranslatedOnlyBtn": "Translation Only",
|
||||
"syncScrollTooltip": "Sync Scrolling",
|
||||
"previewOriginal": "Original",
|
||||
"previewTranslated": "Translation",
|
||||
"closeBtn": "Close",
|
||||
"downloadBtn": "Download",
|
||||
"tutorialModalTitle": "Tutorial",
|
||||
"tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>Video tutorials are available on Bilibili by searching for <a href=\"https://search.bilibili.com/all?keyword=docutranslate\" target=\"_blank\">docutranslate</a>.</p><p>Welcome to DocuTranslate! Please follow these steps to translate your documents:</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>Step 1: Select Workflow</strong><p class=\"mt-2\">At the top of the left-side configuration panel, first choose the processing flow that best suits your file type.</p><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>Tip: \"Auto-select Workflow\" is enabled by default. Simply upload your file, and the system will automatically match it with the appropriate workflow to simplify the process.</div><ul><li><b>Convert to Markdown then Translate</b>: Suitable for translating PDF, Markdown, images, etc. This is the most versatile and powerful mode.</li><li><b>Plain Text Translation</b>: For translating <code>.txt</code> plain text files.</li><li><b>EPUB Translation</b>: For translating <code>.epub</code> e-book files.</li><li><b>DOCX Translation</b>: For translating <code>.docx</code> Word documents.</li><li><b>XLSX Translation</b>: For translating <code>.xlsx</code> or <code>.csv</code> spreadsheet files.</li><li><b>PPTX Translation</b>: For translating <code>.pptx</code> slide files.</li><li><b>SRT Subtitle Translation</b>: For translating <code>.srt</code> subtitle files.</li><li><b>ASS Subtitle Translation</b>: For translating <code>.ass</code> advanced subtitle files.</li><li><b>JSON Translation</b>: For translating specific fields within <code>.json</code> files.</li><li><b>HTML Translation</b>: For translating <code>.html</code> web page files.</li></ul></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>Step 2: Configure Parameters</strong><p class=\"mt-2\">After selecting a workflow, the relevant configuration options will appear below. Please complete the settings in order (all configurations are automatically saved in your browser):</p><p class=\"mb-2\"><strong>A. Workflow-Specific Options</strong> (Appears based on your choice in Step 1):</p><ul class=\"ms-4\"><li><u>If \"Convert to Markdown then Translate\" is selected</u>, configure <strong>Parsing Configuration</strong>:<ul><li><strong>Parsing Engine</strong>: Choose an engine to convert your file (like a PDF) into a translation-friendly Markdown format. No selection is needed if your file is already in Markdown format.</li><li><strong>Mineru Token</strong>: If you choose the <code>minerU</code> engine, you need to enter your token here.</li></ul></li><li><u>If \"Plain Text/DOCX/XLSX/PPTX/SRT/ASS/EPUB/HTML\" is selected</u>, configure its <strong>Translation Options</strong>:<ul><li><strong>Insert Mode</strong>: Defines how the translation result is placed in the document. You can choose to \"Replace\" the original, \"Append\" it after the original, or \"Prepend\" it before the original.</li><li><strong>Separator</strong>: When \"Append\" or \"Prepend\" mode is selected, this is used to insert a separator between the original and translated text (e.g., <code>\\\\N</code> is common for ASS format, <code><br /></code> for EPUB format as a line break).</li></ul></li><li><u>If \"JSON Translation\" is selected</u>, configure <strong>JSON Paths</strong>:<ul><li><strong>JSON Paths to Translate</strong>: Enter one <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> expression per line to translate all strings within the matched objects. For example: <code>$.*</code> (translate all strings), <code>$..description</code> (translate all values with the key <code>description</code>).</li></ul></li></ul><p class=\"mb-2 mt-3\"><strong>B. General Options</strong> (Applicable to all workflows):</p><ul class=\"ms-4\"><li><strong>Translation Model</strong>:<ul><li><strong>Select Platform/API Address/API Key/Model ID</strong>: Configure the AI translation service you wish to use. The better the model follows instructions, the lower the probability of <strong>errors</strong> and <strong>missed translations</strong>.</li><li><strong>Skip Translation</strong>: If checked, only document parsing and format conversion will be performed, without calling the AI for translation.</li></ul></li><li><strong>Translation Configuration</strong>:<ul><li><strong>Target Language</strong>: Specify the target language for the translation.</li><li><strong>Custom Prompt</strong>: Optional, add extra instructions, like \"Do not translate personal names.\"</li><li><strong>Thinking Mode</strong>: A setting for some models that support mixed inference; \"Disable (Recommended)\" is the suggested choice.</li><li><strong>Chunk Size/Concurrency, etc.</strong>: Advanced parameters for adjusting performance and API request behavior; usually, the defaults are fine.</li></ul></li><li><strong>Glossary</strong>:<ul><li><strong>Upload Glossary (OptionaLine truncated
|
||||
"tutorialUnderstandBtn": "I Understand",
|
||||
@@ -356,40 +314,22 @@
|
||||
"glossaryModalTitle": "Current Glossary",
|
||||
"glossaryTableSource": "Source (src)",
|
||||
"glossaryTableDestination": "Destination (dst)",
|
||||
"init_i18n_failed_alert": "Failed to load interface translations. Please check your network connection or contact an administrator.",
|
||||
"init_failed_alert": "Initialization failed, could not connect to the backend service. Please ensure the service is running and refresh the page.",
|
||||
"engineOptionIdentity": "Already Markdown Format",
|
||||
"engineOptionMineru": "Mineru (Recommended)",
|
||||
"engineOptionDocling": "Docling",
|
||||
"engineOptionMineruDeploy": "Mineru Deploy Service",
|
||||
"engineOptionMineru_deploy": "Mineru Deploy Service",
|
||||
"apiHrefInfo302ai": "👈 Register through this link to enjoy a $1 free credit",
|
||||
"glossaryEmpty": "Glossary is empty",
|
||||
"status_selectFileFirst": "Please select a file first!",
|
||||
"status_fillRequired": "Please fill in all required fields!",
|
||||
"btn_initializing": "Initializing...",
|
||||
"status_encodingAndSubmitting": "Encoding and submitting...",
|
||||
"status_requestOk": "Request successful, task has started.",
|
||||
"btn_cancelTranslation": "Cancel Translation",
|
||||
"status_requestFail": "Request failed",
|
||||
"status_initFail": "Task initialization failed",
|
||||
"status_cancelling": "Cancelling...",
|
||||
"status_cancelSent": "Cancel request sent.",
|
||||
"status_cancelFail": "Cancellation failed",
|
||||
"status_gettingStatus": "Getting status...",
|
||||
"btn_reTranslate": "Re-translate",
|
||||
"status_updateError": "Error updating status.",
|
||||
"preview_loading": "Loading preview...",
|
||||
"preview_cantReadOriginal": "Could not read original file for preview.",
|
||||
"preview_cantPreviewType": "Cannot preview this file type",
|
||||
"preview_noOriginalCache": "No original file cached for preview.",
|
||||
"preview_loadFailed": "Failed to load preview.",
|
||||
"pdf_preparing": "Preparing PDF...",
|
||||
"pdf_print_failed": "Failed to invoke print function. Please check browser settings or save as PDF manually.",
|
||||
"pdf_fetch_failed": "Failed to fetch content for PDF generation.",
|
||||
"preview_bilingual": "Bilingual Preview",
|
||||
"preview_translatedOnly": "Translation Only Preview",
|
||||
"admin_tasklist_failed": "Admin mode: Failed to load task list.",
|
||||
"configImportSuccess": "Configuration imported successfully!",
|
||||
"configImportError": "Failed to parse config file, please check the file format."
|
||||
}
|
||||
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html>
<html lang="zh-CN" data-bs-theme="auto">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DocuTranslate - 交互式文档翻译</title>
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link href="/static/bootstrap.css" rel="stylesheet" crossorigin="anonymous">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="/static/bootstrap-icons.css">
<style>
/* 复用原版 CSS */
body {
background-color: var(--bs-body-bg);
}
button:focus {
outline: none !important;
box-shadow: none !important;
}
.main-container {
display: flex;
flex-direction: column;
height: 100vh;
padding-top: 1rem;
padding-bottom: 1rem;
}
.settings-panel {
height: calc(100vh - 2rem);
overflow-y: auto;
padding-right: 15px;
}
.task-area {
height: calc(100vh - 2rem);
overflow-y: auto;
}
.task-card {
transition: all 0.3s ease-in-out;
}
.log-area {
height: 150px;
background-color: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: .375rem;
font-family: monospace;
font-size: 0.8rem;
padding: 10px;
overflow-y: auto;
white-space: pre-wrap;
word-break: break-all;
}
.log-area-wrapper {
position: relative;
}
.copy-log-btn {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
opacity: 0.5;
transition: all 0.2s ease-in-out;
padding: 0.1rem 0.4rem;
line-height: 1;
}
.copy-log-btn:hover {
opacity: 1;
}
.file-drop-area {
border: 2px dashed var(--bs-secondary-bg);
border-radius: .375rem;
padding: 2rem;
text-align: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
background-color: var(--bs-body-bg);
}
.file-drop-area.drag-over {
border-color: var(--bs-primary);
background-color: var(--bs-secondary-bg);
}
.file-drop-area.file-selected {
border-style: solid;
border-color: var(--bs-success);
background-color: var(--bs-success-bg-subtle);
}
.file-drop-area.input-error {
border-color: var(--bs-danger);
}
#previewOffcanvas {
--bs-offcanvas-width: 95vw;
max-width: 1600px;
}
.preview-split-container {
display: flex;
flex-direction: row;
height: 90%;
}
.preview-pane-wrapper {
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
height: 100%;
}
.preview-pane-wrapper .preview-pane {
flex-grow: 1;
border: 1px solid var(--bs-border-color);
border-radius: .375rem;
overflow: auto;
position: relative;
}
.gutter {
background-color: var(--bs-tertiary-bg);
background-repeat: no-repeat;
background-position: 50%;
}
.gutter.gutter-horizontal {
cursor: col-resize;
border-left: 1px solid var(--bs-border-color);
border-right: 1px solid var(--bs-border-color);
}
.gutter.gutter-vertical {
cursor: row-resize;
border-top: 1px solid var(--bs-border-color);
border-bottom: 1px solid var(--bs-border-color);
}
.preview-pane iframe {
width: 100%;
height: 100%;
border: none;
}
.preview-pane pre {
margin: 0;
padding: 1rem;
background-color: var(--bs-body-bg);
white-space: pre;
}
.bottom-left-controls {
position: fixed;
bottom: 1rem;
left: 1rem;
z-index: 1050;
display: flex;
gap: 0.5rem;
}
.step-number {
margin-right: 0.25rem;
}
#translatedPreviewContainer .preview-pane {
overflow: hidden;
}
#translatedPreviewContainer .preview-pane iframe {
display: block;
width: 100%;
height: 100%;
}
.lang-list-container {
max-height: 200px;
overflow-y: auto;
border: 1px solid var(--bs-border-color);
border-radius: 0.375rem;
paddinLine truncated
|
||||
<!DOCTYPE html>
<html lang="zh-CN" data-bs-theme="auto">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DocuTranslate - 交互式文档翻译</title>
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link href="/static/bootstrap.css" rel="stylesheet" crossorigin="anonymous">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="/static/bootstrap-icons.css">
<style>
/* 复用原版 CSS */
body {
background-color: var(--bs-body-bg);
}
button:focus {
outline: none !important;
box-shadow: none !important;
}
.main-container {
display: flex;
flex-direction: column;
height: 100vh;
padding-top: 1rem;
padding-bottom: 1rem;
}
.settings-panel {
height: calc(100vh - 2rem);
overflow-y: auto;
padding-right: 15px;
}
.task-area {
height: calc(100vh - 2rem);
overflow-y: auto;
}
.task-card {
transition: all 0.3s ease-in-out;
}
.log-area {
height: 150px;
background-color: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: .375rem;
font-family: monospace;
font-size: 0.8rem;
padding: 10px;
overflow-y: auto;
white-space: pre-wrap;
word-break: break-all;
}
.log-area-wrapper {
position: relative;
}
.copy-log-btn {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
opacity: 0.5;
transition: all 0.2s ease-in-out;
padding: 0.1rem 0.4rem;
line-height: 1;
}
.copy-log-btn:hover {
opacity: 1;
}
.file-drop-area {
border: 2px dashed var(--bs-secondary-bg);
border-radius: .375rem;
padding: 2rem;
text-align: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
background-color: var(--bs-body-bg);
}
.file-drop-area.drag-over {
border-color: var(--bs-primary);
background-color: var(--bs-secondary-bg);
}
.file-drop-area.file-selected {
border-style: solid;
border-color: var(--bs-success);
background-color: var(--bs-success-bg-subtle);
}
.file-drop-area.input-error {
border-color: var(--bs-danger);
}
#previewOffcanvas {
--bs-offcanvas-width: 95vw;
max-width: 1600px;
}
.preview-split-container {
display: flex;
flex-direction: row;
height: 90%;
}
.preview-pane-wrapper {
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
height: 100%;
}
.preview-pane-wrapper .preview-pane {
flex-grow: 1;
border: 1px solid var(--bs-border-color);
border-radius: .375rem;
overflow: auto;
position: relative;
}
.gutter {
background-color: var(--bs-tertiary-bg);
background-repeat: no-repeat;
background-position: 50%;
}
.gutter.gutter-horizontal {
cursor: col-resize;
border-left: 1px solid var(--bs-border-color);
border-right: 1px solid var(--bs-border-color);
}
.gutter.gutter-vertical {
cursor: row-resize;
border-top: 1px solid var(--bs-border-color);
border-bottom: 1px solid var(--bs-border-color);
}
.preview-pane iframe {
width: 100%;
height: 100%;
border: none;
}
.preview-pane pre {
margin: 0;
padding: 1rem;
background-color: var(--bs-body-bg);
white-space: pre;
}
.bottom-left-controls {
position: fixed;
bottom: 1rem;
left: 1rem;
z-index: 1050;
display: flex;
gap: 0.5rem;
}
.step-number {
margin-right: 0.25rem;
}
#translatedPreviewContainer .preview-pane {
overflow: hidden;
}
#translatedPreviewContainer .preview-pane iframe {
display: block;
width: 100%;
height: 100%;
}
.lang-list-container {
max-height: 200px;
overflow-y: auto;
border: 1px solid var(--bs-border-color);
border-radius: 0.375rem;
paddinLine truncated
|
||||
Reference in new issue
Block a user