mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-24 22:52:12 -03:00
Add localization support for new features and update existing translations
- Added "unknown" status to model states in English and Chinese locales. - Introduced new actions for checking updates and support in both locales. - Added settings for Civitai API key with help text in both locales. - Updated context menus and control components to use localized strings. - Enhanced help and support modals with localization. - Updated update modal to reflect current and new version information in localized format. - Refactored various templates to utilize the translation function for better internationalization.
This commit is contained in:
Will Miao
@@ -3,19 +3,19 @@
|
||||
<div class="modal-content help-modal">
|
||||
<button class="close" onclick="modalManager.closeModal('helpModal')">×</button>
|
||||
<div class="help-header">
|
||||
<h2>Help & Tutorials</h2>
|
||||
<h2>{{ t('help.title') }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="help-tabs">
|
||||
<button class="tab-btn active" data-tab="getting-started">Getting Started</button>
|
||||
<button class="tab-btn" data-tab="update-vlogs">Update Vlogs</button>
|
||||
<button class="tab-btn" data-tab="documentation">Documentation</button>
|
||||
<button class="tab-btn active" data-tab="getting-started">{{ t('help.tabs.gettingStarted') }}</button>
|
||||
<button class="tab-btn" data-tab="update-vlogs">{{ t('help.tabs.updateVlogs') }}</button>
|
||||
<button class="tab-btn" data-tab="documentation">{{ t('help.tabs.documentation') }}</button>
|
||||
</div>
|
||||
|
||||
<div class="help-content">
|
||||
<!-- Getting Started Tab -->
|
||||
<div class="tab-pane active" id="getting-started">
|
||||
<h3>Getting Started with LoRA Manager</h3>
|
||||
<h3>{{ t('help.gettingStarted.title') }}</h3>
|
||||
<div class="video-container">
|
||||
<div class="video-thumbnail" data-video-id="hvKw31YpE-U">
|
||||
<img src="/loras_static/images/video-thumbnails/getting-started.jpg" alt="Getting Started with LoRA Manager">
|
||||
|
||||
@@ -2,18 +2,18 @@
|
||||
<div id="settingsModal" class="modal">
|
||||
<div class="modal-content settings-modal">
|
||||
<button class="close" onclick="modalManager.closeModal('settingsModal')">×</button>
|
||||
<h2>Settings</h2>
|
||||
<h2>{{ t('common.actions.settings') }}</h2>
|
||||
<div class="settings-form">
|
||||
<div class="setting-item api-key-item">
|
||||
<div class="setting-row">
|
||||
<div class="setting-info">
|
||||
<label for="civitaiApiKey">Civitai API Key:</label>
|
||||
<label for="civitaiApiKey">{{ t('settings.civitaiApiKey') }}:</label>
|
||||
</div>
|
||||
<div class="setting-control">
|
||||
<div class="api-key-input">
|
||||
<input type="password"
|
||||
id="civitaiApiKey"
|
||||
placeholder="Enter your Civitai API key"
|
||||
placeholder="{{ t('settings.civitaiApiKeyPlaceholder') }}"
|
||||
value="{{ settings.get('civitai_api_key', '') }}"
|
||||
onblur="settingsManager.saveInputSetting('civitaiApiKey', 'civitai_api_key')"
|
||||
onkeydown="if(event.key === 'Enter') { this.blur(); }" />
|
||||
@@ -24,7 +24,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-help">
|
||||
Used for authentication when downloading models from Civitai
|
||||
{{ t('settings.civitaiApiKeyHelp') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -145,24 +145,24 @@
|
||||
<div class="setting-item">
|
||||
<div class="setting-row">
|
||||
<div class="setting-info">
|
||||
<label for="languageSelect" data-translate="common.language.select">Select Language</label>
|
||||
<label for="languageSelect">{{ t('common.language.select') }}</label>
|
||||
</div>
|
||||
<div class="setting-control select-control">
|
||||
<select id="languageSelect" onchange="settingsManager.saveLanguageSetting()">
|
||||
<option value="en" data-translate="common.language.english">English</option>
|
||||
<option value="zh-CN" data-translate="common.language.chinese_simplified">中文（简体）</option>
|
||||
<option value="zh-TW" data-translate="common.language.chinese_traditional">中文（繁體）</option>
|
||||
<option value="ru" data-translate="common.language.russian">Русский</option>
|
||||
<option value="de" data-translate="common.language.german">Deutsch</option>
|
||||
<option value="ja" data-translate="common.language.japanese">日本語</option>
|
||||
<option value="ko" data-translate="common.language.korean">한국어</option>
|
||||
<option value="fr" data-translate="common.language.french">Français</option>
|
||||
<option value="es" data-translate="common.language.spanish">Español</option>
|
||||
<option value="en">{{ t('common.language.english') }}</option>
|
||||
<option value="zh-CN">{{ t('common.language.chinese_simplified') }}</option>
|
||||
<option value="zh-TW">{{ t('common.language.chinese_traditional') }}</option>
|
||||
<option value="ru">{{ t('common.language.russian') }}</option>
|
||||
<option value="de">{{ t('common.language.german') }}</option>
|
||||
<option value="ja">{{ t('common.language.japanese') }}</option>
|
||||
<option value="ko">{{ t('common.language.korean') }}</option>
|
||||
<option value="fr">{{ t('common.language.french') }}</option>
|
||||
<option value="es">{{ t('common.language.spanish') }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-help" data-translate="common.language.select_help">
|
||||
Choose your preferred language for the interface
|
||||
<div class="input-help">
|
||||
{{ t('common.language.select_help') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,14 +4,14 @@
|
||||
<button class="close" onclick="modalManager.closeModal('supportModal')">×</button>
|
||||
<div class="support-header">
|
||||
<i class="fas fa-heart support-icon"></i>
|
||||
<h2>Support the Project</h2>
|
||||
<h2>{{ t('support.title') }}</h2>
|
||||
</div>
|
||||
<div class="support-content">
|
||||
<p>If you find LoRA Manager useful, I'd really appreciate your support! 🙌</p>
|
||||
<p>{{ t('support.message') }}</p>
|
||||
|
||||
<div class="support-section">
|
||||
<h3><i class="fas fa-comment"></i> Provide Feedback</h3>
|
||||
<p>Your feedback helps shape future updates! Share your thoughts:</p>
|
||||
<h3><i class="fas fa-comment"></i> {{ t('support.feedback.title') }}</h3>
|
||||
<p>{{ t('support.feedback.description') }}</p>
|
||||
<div class="support-links">
|
||||
<a href="https://github.com/willmiao/ComfyUI-Lora-Manager/issues/new" class="social-link" target="_blank">
|
||||
<i class="fab fa-github"></i>
|
||||
|
||||
@@ -4,18 +4,18 @@
|
||||
<button class="close" onclick="modalManager.closeModal('updateModal')">×</button>
|
||||
<div class="update-header">
|
||||
<i class="fas fa-bell update-icon"></i>
|
||||
<h2>Check for Updates</h2>
|
||||
<h2>{{ t('update.title') }}</h2>
|
||||
</div>
|
||||
<div class="update-content">
|
||||
<div class="update-info">
|
||||
<div class="version-info">
|
||||
<div class="current-version">
|
||||
<span class="label">Current Version:</span>
|
||||
<span class="label">{{ t('update.currentVersion') }}:</span>
|
||||
<span class="version-number">v0.0.0</span>
|
||||
</div>
|
||||
<div class="git-info" style="display:none;">Commit: unknown</div>
|
||||
<div class="git-info" style="display:none;">{{ t('update.commit') }}: unknown</div>
|
||||
<div class="new-version">
|
||||
<span class="label">New Version:</span>
|
||||
<span class="label">{{ t('update.newVersion') }}:</span>
|
||||
<span class="version-number">v0.0.0</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user