codexmate 0.0.24 → 0.0.26

package/web-ui/partials/index/modals-basic.html

@@ -1,165 +1,165 @@
-        <!-- 添加提供商模态框 -->
-        <div v-if="showAddModal" class="modal-overlay" @click.self="closeAddModal">
-            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-provider-modal-title">
-                <div class="modal-title" id="add-provider-modal-title">{{ t('modal.providerAdd.title') }}</div>
-
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.name') }}</label>
-                    <input
-                        v-model="newProvider.name"
-                        :class="['form-input', { invalid: !!providerFieldError('add', 'name') }]"
-                        :placeholder="t('placeholder.providerNameExample')"
-                        autocomplete="off"
-                        spellcheck="false"
-                        @blur="normalizeProviderDraft('add')">
-                    <div v-if="providerFieldError('add', 'name')" class="form-hint form-error">{{ providerFieldError('add', 'name') }}</div>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.apiEndpoint') }}</label>
-                    <input
-                        v-model="newProvider.url"
-                        :class="['form-input', { invalid: !!providerFieldError('add', 'url') }]"
-                        :placeholder="t('placeholder.apiEndpointExample')"
-                        autocomplete="off"
-                        spellcheck="false"
-                        @blur="normalizeProviderDraft('add')">
-                    <div v-if="providerFieldError('add', 'url')" class="form-hint form-error">{{ providerFieldError('add', 'url') }}</div>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.apiKey') }}</label>
-                    <input v-model="newProvider.key" class="form-input" type="password" placeholder="sk-...">
-                </div>
-                <div class="form-group">
-                    <label class="form-label">
-                        <input type="checkbox" v-model="newProvider.useTransform">
-                        {{ t('field.useBuiltinTransform') }}
-                    </label>
-                    <div class="form-hint">
-                        {{ t('hint.useBuiltinTransform') }}
-                    </div>
-                </div>
-
-                <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeAddModal">{{ t('common.cancel') }}</button>
-                    <button class="btn btn-confirm" @click="addProvider" :disabled="!canSubmitProvider('add')">{{ t('common.add') }}</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 编辑提供商模态框 -->
-        <div v-if="showEditModal" class="modal-overlay" @click.self="closeEditModal">
-            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-provider-modal-title">
-                <div class="modal-title" id="edit-provider-modal-title">{{ t('modal.providerEdit.title') }}</div>
-
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.name') }}</label>
-                    <input v-model="editingProvider.name" class="form-input" :placeholder="t('placeholder.providerName')" readonly>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.apiEndpoint') }}</label>
-                    <input
-                        v-model="editingProvider.url"
-                        :class="['form-input', { invalid: !!providerFieldError('edit', 'url') }]"
-                        :placeholder="t('placeholder.apiEndpointExample')"
-                        autocomplete="off"
-                        spellcheck="false"
-                        @blur="normalizeProviderDraft('edit')">
-                    <div v-if="providerFieldError('edit', 'url')" class="form-hint form-error">{{ providerFieldError('edit', 'url') }}</div>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.apiKey') }}</label>
-                    <input v-model="editingProvider.key" class="form-input" type="password" :placeholder="t('placeholder.keepUnchanged')">
-                    <div class="form-hint">{{ t('hint.keepKeyUnchanged') }}</div>
-                </div>
-
-                <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeEditModal">{{ t('common.cancel') }}</button>
-                    <button class="btn btn-confirm" @click="updateProvider" :disabled="!canSubmitProvider('edit')">{{ t('common.save') }}</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 添加模型模态框 -->
-        <div v-if="showModelModal" class="modal-overlay" @click.self="closeModelModal">
-            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-model-modal-title">
-                <div class="modal-title" id="add-model-modal-title">{{ t('modal.modelAdd.title') }}</div>
-
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.modelName') }}</label>
-                    <input v-model="newModelName" class="form-input" :placeholder="t('placeholder.modelExample')">
-                </div>
-
-                <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeModelModal">{{ t('common.cancel') }}</button>
-                    <button class="btn btn-confirm" @click="addModel">{{ t('common.add') }}</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 模型列表模态框 -->
-        <div v-if="showModelListModal" class="modal-overlay" @click.self="showModelListModal = false">
-            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="manage-models-modal-title">
-                <div class="modal-title" id="manage-models-modal-title">{{ t('modal.modelManage.title') }}</div>
-
-                <div class="model-list">
-                    <div v-for="model in models" :key="model" class="model-item">
-                        <span>{{ model }}</span>
-                        <button type="button" class="btn-remove-model" @click="removeModel(model)">{{ t('common.delete') }}</button>
-                    </div>
-                </div>
-
-                <div class="btn-group">
-                    <button class="btn btn-confirm" @click="showModelListModal = false">{{ t('common.close') }}</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 添加Claude配置模态框 -->
-        <div v-if="showClaudeConfigModal" class="modal-overlay" @click.self="closeClaudeConfigModal">
-            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-claude-config-modal-title">
-                <div class="modal-title" id="add-claude-config-modal-title">{{ t('modal.claudeConfigAdd.title') }}</div>
-
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.configName') }}</label>
-                    <input v-model="newClaudeConfig.name" class="form-input" :placeholder="t('placeholder.configNameExample')">
-                </div>
-                <div class="form-group">
-                    <label class="form-label">API Key</label>
-                    <input v-model="newClaudeConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" :placeholder="t('placeholder.apiKeyExampleClaude')">
-                </div>
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.baseUrl') }}</label>
-                    <input v-model="newClaudeConfig.baseUrl" class="form-input" :placeholder="t('placeholder.baseUrlExampleClaude')">
-                </div>
-
-                <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeClaudeConfigModal">{{ t('common.cancel') }}</button>
-                    <button class="btn btn-confirm" @click="addClaudeConfig">{{ t('common.add') }}</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 编辑Claude配置模态框 -->
-        <div v-if="showEditConfigModal" class="modal-overlay" @click.self="closeEditConfigModal">
-            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-claude-config-modal-title">
-                <div class="modal-title" id="edit-claude-config-modal-title">{{ t('modal.claudeConfigEdit.title') }}</div>
-
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.configName') }}</label>
-                    <input v-model="editingConfig.name" class="form-input" :placeholder="t('field.configName')" readonly>
-                </div>
-                <div class="form-group">
-                    <label class="form-label">API Key</label>
-                    <input v-model="editingConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" :placeholder="t('placeholder.apiKeyExampleClaude')">
-                </div>
-                <div class="form-group">
-                    <label class="form-label">{{ t('field.baseUrl') }}</label>
-                    <input v-model="editingConfig.baseUrl" class="form-input" :placeholder="t('placeholder.baseUrlExampleClaude')">
-                </div>
-
-                <div class="btn-group">
-                    <button class="btn btn-cancel" @click="closeEditConfigModal">{{ t('common.cancel') }}</button>
-                    <button class="btn btn-confirm" @click="saveAndApplyConfig">{{ t('common.saveApply') }}</button>
-                </div>
-            </div>
-        </div>
+        <!-- 添加提供商模态框 -->
+        <div v-if="showAddModal" class="modal-overlay" @click.self="closeAddModal">
+            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-provider-modal-title">
+                <div class="modal-title" id="add-provider-modal-title">{{ t('modal.providerAdd.title') }}</div>
+
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.name') }}</label>
+                    <input
+                        v-model="newProvider.name"
+                        :class="['form-input', { invalid: !!providerFieldError('add', 'name') }]"
+                        :placeholder="t('placeholder.providerNameExample')"
+                        autocomplete="off"
+                        spellcheck="false"
+                        @blur="normalizeProviderDraft('add')">
+                    <div v-if="providerFieldError('add', 'name')" class="form-hint form-error">{{ providerFieldError('add', 'name') }}</div>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.apiEndpoint') }}</label>
+                    <input
+                        v-model="newProvider.url"
+                        :class="['form-input', { invalid: !!providerFieldError('add', 'url') }]"
+                        :placeholder="t('placeholder.apiEndpointExample')"
+                        autocomplete="off"
+                        spellcheck="false"
+                        @blur="normalizeProviderDraft('add')">
+                    <div v-if="providerFieldError('add', 'url')" class="form-hint form-error">{{ providerFieldError('add', 'url') }}</div>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.apiKey') }}</label>
+                    <input v-model="newProvider.key" class="form-input" type="password" placeholder="sk-...">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">
+                        <input type="checkbox" v-model="newProvider.useTransform">
+                        {{ t('field.useBuiltinTransform') }}
+                    </label>
+                    <div class="form-hint">
+                        {{ t('hint.useBuiltinTransform') }}
+                    </div>
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-cancel" @click="closeAddModal">{{ t('common.cancel') }}</button>
+                    <button class="btn btn-confirm" @click="addProvider" :disabled="!canSubmitProvider('add')">{{ t('common.add') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- 编辑提供商模态框 -->
+        <div v-if="showEditModal" class="modal-overlay" @click.self="closeEditModal">
+            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-provider-modal-title">
+                <div class="modal-title" id="edit-provider-modal-title">{{ t('modal.providerEdit.title') }}</div>
+
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.name') }}</label>
+                    <input v-model="editingProvider.name" class="form-input" :placeholder="t('placeholder.providerName')" readonly>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.apiEndpoint') }}</label>
+                    <input
+                        v-model="editingProvider.url"
+                        :class="['form-input', { invalid: !!providerFieldError('edit', 'url') }]"
+                        :placeholder="t('placeholder.apiEndpointExample')"
+                        autocomplete="off"
+                        spellcheck="false"
+                        @blur="normalizeProviderDraft('edit')">
+                    <div v-if="providerFieldError('edit', 'url')" class="form-hint form-error">{{ providerFieldError('edit', 'url') }}</div>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.apiKey') }}</label>
+                    <input v-model="editingProvider.key" class="form-input" type="password" :placeholder="t('placeholder.keepUnchanged')">
+                    <div class="form-hint">{{ t('hint.keepKeyUnchanged') }}</div>
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-cancel" @click="closeEditModal">{{ t('common.cancel') }}</button>
+                    <button class="btn btn-confirm" @click="updateProvider" :disabled="!canSubmitProvider('edit')">{{ t('common.save') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- 添加模型模态框 -->
+        <div v-if="showModelModal" class="modal-overlay" @click.self="closeModelModal">
+            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-model-modal-title">
+                <div class="modal-title" id="add-model-modal-title">{{ t('modal.modelAdd.title') }}</div>
+
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.modelName') }}</label>
+                    <input v-model="newModelName" class="form-input" :placeholder="t('placeholder.modelExample')">
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-cancel" @click="closeModelModal">{{ t('common.cancel') }}</button>
+                    <button class="btn btn-confirm" @click="addModel">{{ t('common.add') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- 模型列表模态框 -->
+        <div v-if="showModelListModal" class="modal-overlay" @click.self="showModelListModal = false">
+            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="manage-models-modal-title">
+                <div class="modal-title" id="manage-models-modal-title">{{ t('modal.modelManage.title') }}</div>
+
+                <div class="model-list">
+                    <div v-for="model in models" :key="model" class="model-item">
+                        <span>{{ model }}</span>
+                        <button type="button" class="btn-remove-model" @click="removeModel(model)">{{ t('common.delete') }}</button>
+                    </div>
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-confirm" @click="showModelListModal = false">{{ t('common.close') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- 添加Claude配置模态框 -->
+        <div v-if="showClaudeConfigModal" class="modal-overlay" @click.self="closeClaudeConfigModal">
+            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-claude-config-modal-title">
+                <div class="modal-title" id="add-claude-config-modal-title">{{ t('modal.claudeConfigAdd.title') }}</div>
+
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.configName') }}</label>
+                    <input v-model="newClaudeConfig.name" class="form-input" :placeholder="t('placeholder.configNameExample')">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">API Key</label>
+                    <input v-model="newClaudeConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" :placeholder="t('placeholder.apiKeyExampleClaude')">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.baseUrl') }}</label>
+                    <input v-model="newClaudeConfig.baseUrl" class="form-input" :placeholder="t('placeholder.baseUrlExampleClaude')">
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-cancel" @click="closeClaudeConfigModal">{{ t('common.cancel') }}</button>
+                    <button class="btn btn-confirm" @click="addClaudeConfig">{{ t('common.add') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- 编辑Claude配置模态框 -->
+        <div v-if="showEditConfigModal" class="modal-overlay" @click.self="closeEditConfigModal">
+            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="edit-claude-config-modal-title">
+                <div class="modal-title" id="edit-claude-config-modal-title">{{ t('modal.claudeConfigEdit.title') }}</div>
+
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.configName') }}</label>
+                    <input v-model="editingConfig.name" class="form-input" :placeholder="t('field.configName')" readonly>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">API Key</label>
+                    <input v-model="editingConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" :placeholder="t('placeholder.apiKeyExampleClaude')">
+                </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('field.baseUrl') }}</label>
+                    <input v-model="editingConfig.baseUrl" class="form-input" :placeholder="t('placeholder.baseUrlExampleClaude')">
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-cancel" @click="closeEditConfigModal">{{ t('common.cancel') }}</button>
+                    <button class="btn btn-confirm" @click="saveAndApplyConfig">{{ t('common.saveApply') }}</button>
+                </div>
+            </div>
+        </div>