Hugging Face's logo

Spaces:
devin15
/
r4-rust
Paused

App Files Community
r4-rust / static /config.html
kevin
Rust
0ab3d49
Raw History Blame Contribute Delete
12.3 kB
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="data:image/x-icon;,">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>配置管理</title>
<!-- 引入共享样式 -->
<link rel="stylesheet" href="/static/shared-styles.css">
<script src="/static/shared.js"></script>
</head>
<body>
<h1>配置管理</h1>
<div class="container">
<div class="form-group">
<label>路径:</label>
<select id="path">
<option value="/">根路径 (/)</option>
<option value="/logs">日志页面 (/logs)</option>
<option value="/config">配置页面 (/config)</option>
<option value="/tokens">Token 管理页面 (/tokens)</option>
<option value="/static/shared-styles.css">共享样式 (/static/shared-styles.css)</option>
<option value="/static/shared.js">共享脚本 (/static/shared.js)</option>
<option value="/about">关于页面 (/about)</option>
<option value="/readme">ReadMe文档 (/readme)</option>
<option value="/api">api调用 (/api)</option>
<option value="/build-key">构建动态 Key (/build-key)</option>
</select>
</div>
<div class="form-group">
<label>内容类型:</label>
<select id="content_type">
<option value="default">默认</option>
<option value="text">纯文本</option>
<option value="html">HTML</option>
</select>
</div>
<div class="form-group">
<label>内容:</label>
<textarea id="content"></textarea>
</div>
<div class="form-group">
<label>图片处理能力:</label>
<select id="vision_ability">
<option value="">保持不变</option>
<option value="disabled">禁用</option>
<option value="base64-only">仅 Base64</option>
<option value="base64-http">Base64 + HTTP</option>
</select>
</div>
<div class="form-group">
<label>慢速池:</label>
<select id="enable_slow_pool">
<option value="">保持不变</option>
<option value="true">启用</option>
<option value="false">禁用</option>
</select>
</div>
<div class="form-group">
<label>允许所有Claude模型:</label>
<select id="enable_all_claude">
<option value="">保持不变</option>
<option value="true">启用</option>
<option value="false">禁用</option>
</select>
</div>
<div class="form-group">
<label>使用量检查模型规则:</label>
<select id="usage_check_models_type">
<option value="">保持不变</option>
<option value="none">禁用</option>
<option value="default">默认</option>
<option value="all">所有</option>
<option value="list">自定义列表</option>
</select>
<input type="text" id="usage_check_models_list" placeholder="模型列表，以逗号分隔" style="display: none;">
</div>
<div class="form-group">
<label>是否允许动态配置Key:</label>
<select id="enable_dynamic_key">
<option value="">保持不变</option>
<option value="true">启用</option>
<option value="false">禁用</option>
</select>
</div>
<div class="form-group">
<label>代理设置:</label>
<select id="proxies_type" onchange="handleProxiesTypeChange()">
<option value="">保持不变</option>
<option value="no">不使用代理</option>
<option value="system">使用系统代理</option>
<option value="list">自定义代理列表</option>
</select>
<input type="text" id="proxies_list" placeholder="代理地址列表，以逗号分隔 (例如: http://127.0.0.1:7890)"
style="display: none;">
</div>
<div class="form-group">
<label>包含网络引用:</label>
<select id="include_web_references">
<option value="">保持不变</option>
<option value="true">启用</option>
<option value="false">禁用</option>
</select>
</div>
<div class="form-group">
<label>共享令牌(空表示禁用):</label>
<input type="text" id="shareToken">
</div>
<div class="form-group">
<label>认证令牌:</label>
<input type="password" id="authToken">
</div>
<div class="button-group">
<button onclick="updateConfig('get')">获取配置</button>
<button onclick="updateConfig('update')">更新配置</button>
<button onclick="updateConfig('reset')" class="secondary">重置配置</button>
</div>
</div>
<div id="message"></div>
<script>
async function fetchConfig() {
try {
const path = document.getElementById('path').value;
const data = await makeAuthenticatedRequest('/config', {
body: JSON.stringify({ action: 'get', path })
});
if (data) {
let content = '';
// 获取当前路径的页面内容
const pageContent = data.data.page_content;
// 如果是 default 类型，需要从路径获取内容
if (pageContent?.type === 'default') {
// 直接从路径获取内容
const response = await fetch(path);
content = await response.text();
} else if (pageContent?.type === 'text' || pageContent?.type === 'html') {
content = pageContent.content;
}
// 更新表单
document.getElementById('content').value = content || '';
document.getElementById('content_type').value = pageContent?.type || 'default';
let visionValue = data.data.vision_ability || '';
// 标准化 vision_ability 的值
switch (visionValue) {
case 'none':
visionValue = 'disabled';
break;
case 'base64':
visionValue = 'base64-only';
break;
case 'all':
visionValue = 'base64-http';
break;
}
document.getElementById('vision_ability').value = visionValue;
document.getElementById('enable_slow_pool').value =
parseStringFromBoolean(data.data.enable_slow_pool, '');
document.getElementById('enable_all_claude').value =
parseStringFromBoolean(data.data.enable_all_claude, '');
document.getElementById('usage_check_models_type').value = data.data.usage_check_models?.type || '';
document.getElementById('usage_check_models_list').value = data.data.usage_check_models?.type === 'list' ? data.data.usage_check_models?.content || '' : document.getElementById('usage_check_models_list').value;
document.getElementById('enable_dynamic_key').value =
parseStringFromBoolean(data.data.enable_dynamic_key, '');
document.getElementById('include_web_references').value =
parseStringFromBoolean(data.data.include_web_references, '');
// 处理代理设置
const proxies = data.data.proxies || '';
let proxiesType = '';
let proxiesList = '';
if (proxies === '') {
proxiesType = 'no';
} else if (proxies === 'system') {
proxiesType = 'system';
} else {
proxiesType = 'list';
proxiesList = proxies;
}
document.getElementById('proxies_type').value = proxiesType;
document.getElementById('proxies_list').value = proxiesList;
handleProxiesTypeChange();
document.getElementById('shareToken').value = data.data.share_token || '';
// 添加获取配置成功提示
showGlobalMessage(`成功获取 ${path} 的配置`, false);
}
} catch (error) {
showGlobalMessage(error.message || '获取配置失败', true);
}
}
async function updateConfig(action) {
try {
if (action === 'get') {
await fetchConfig();
return;
}
const contentType = document.getElementById('content_type').value;
const content = document.getElementById('content').value;
// 根据内容类型构造 content 对象
let contentObj = { type: 'default' };
if (action === 'update' && contentType !== 'default') {
contentObj = {
type: contentType,
content: content
};
}
const data = {
action,
path: document.getElementById('path').value,
...(contentObj && { content: contentObj }),
...(document.getElementById('vision_ability').value && {
vision_ability: document.getElementById('vision_ability').value
}),
...(document.getElementById('enable_slow_pool').value && {
enable_slow_pool: parseBooleanFromString(document.getElementById('enable_slow_pool').value)
}),
...(document.getElementById('enable_all_claude').value && {
enable_all_claude: parseBooleanFromString(document.getElementById('enable_all_claude').value)
}),
...(document.getElementById('usage_check_models_type').value && {
usage_check_models: {
type: document.getElementById('usage_check_models_type').value,
...(document.getElementById('usage_check_models_type').value === 'list' && {
content: document.getElementById('usage_check_models_list').value
})
}
}),
...(document.getElementById('enable_dynamic_key').value && {
enable_dynamic_key: parseBooleanFromString(document.getElementById('enable_dynamic_key').value)
}),
...(document.getElementById('proxies_type').value && {
proxies: (() => {
const type = document.getElementById('proxies_type').value;
switch (type) {
case 'no':
return '';
case 'system':
return 'system';
case 'list':
return document.getElementById('proxies_list').value;
default:
return undefined;
}
})()
}),
...(document.getElementById('include_web_references').value && {
include_web_references: parseBooleanFromString(document.getElementById('include_web_references').value)
}),
share_token: document.getElementById('shareToken').value.trim(),
};
const result = await makeAuthenticatedRequest('/config', {
body: JSON.stringify(data)
});
if (result) {
showGlobalMessage(result.message, false);
if (action === 'update' || action === 'reset') {
await fetchConfig();
}
}
} catch (error) {
showGlobalMessage(error.message || '操作失败', true);
}
}
// 添加按钮事件监听
document.getElementById('path').addEventListener('change', fetchConfig);
// 更新内容类型变更处理
document.getElementById('content_type').addEventListener('change', function () {
const textarea = document.getElementById('content');
textarea.disabled = this.value === 'default';
});
// 初始化 token 处理
initializeTokenHandling('authToken');
// 添加使用量检查模型类型变更处理
document.getElementById('usage_check_models_type').addEventListener('change', function () {
const input = document.getElementById('usage_check_models_list');
input.style.display = this.value === 'list' ? 'inline-block' : 'none';
});
// 添加代理类型变更处理函数
function handleProxiesTypeChange() {
const type = document.getElementById('proxies_type').value;
const list = document.getElementById('proxies_list');
list.style.display = type === 'list' ? 'inline-block' : 'none';
}
// 页面加载完成后自动获取配置
document.addEventListener('DOMContentLoaded', async () => {
try {
await fetchConfig();
showGlobalMessage('页面加载完成', false);
} catch (error) {
showGlobalMessage('初始化配置加载失败', true);
}
});
</script>
</body>
</html>