Alex Yang
125 lines
4.0 KiB
JavaScript
125 lines
4.0 KiB
JavaScript
// 初始化配置管理面板
|
|
function initConfigPanel() {
|
|
// 加载当前配置
|
|
loadConfig();
|
|
|
|
// 初始化事件监听器
|
|
initConfigEventListeners();
|
|
}
|
|
|
|
// 初始化事件监听器
|
|
function initConfigEventListeners() {
|
|
// 保存配置按钮
|
|
document.getElementById('save-config').addEventListener('click', saveConfig);
|
|
|
|
// 屏蔽方法变更
|
|
document.getElementById('block-method').addEventListener('change', updateCustomBlockIpVisibility);
|
|
}
|
|
|
|
// 加载当前配置
|
|
function loadConfig() {
|
|
apiRequest('/config')
|
|
.then(config => {
|
|
renderConfig(config);
|
|
})
|
|
.catch(error => {
|
|
console.error('获取配置失败:', error);
|
|
window.showNotification('获取配置失败', 'error');
|
|
});
|
|
}
|
|
|
|
// 渲染配置表单
|
|
function renderConfig(config) {
|
|
if (!config) return;
|
|
|
|
// 设置屏蔽方法
|
|
const blockMethodSelect = document.getElementById('block-method');
|
|
if (config.shield && config.shield.blockMethod) {
|
|
blockMethodSelect.value = config.shield.blockMethod;
|
|
}
|
|
|
|
// 设置自定义屏蔽IP
|
|
const customBlockIpInput = document.getElementById('custom-block-ip');
|
|
if (config.shield && config.shield.customBlockIP) {
|
|
customBlockIpInput.value = config.shield.customBlockIP;
|
|
}
|
|
|
|
// 设置远程规则更新间隔
|
|
const updateIntervalInput = document.getElementById('update-interval');
|
|
if (config.shield && config.shield.updateInterval) {
|
|
updateIntervalInput.value = config.shield.updateInterval;
|
|
}
|
|
|
|
// 更新自定义屏蔽IP的可见性
|
|
updateCustomBlockIpVisibility();
|
|
}
|
|
|
|
// 更新自定义屏蔽IP输入框的可见性
|
|
function updateCustomBlockIpVisibility() {
|
|
const blockMethod = document.getElementById('block-method').value;
|
|
const customBlockIpContainer = document.getElementById('custom-block-ip').closest('.form-group');
|
|
|
|
if (blockMethod === 'customIP') {
|
|
customBlockIpContainer.style.display = 'block';
|
|
} else {
|
|
customBlockIpContainer.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
// 保存配置
|
|
function saveConfig() {
|
|
// 收集表单数据
|
|
const configData = {
|
|
shield: {
|
|
blockMethod: document.getElementById('block-method').value,
|
|
updateInterval: parseInt(document.getElementById('update-interval').value)
|
|
}
|
|
};
|
|
|
|
// 如果选择了自定义IP，添加到配置中
|
|
if (configData.shield.blockMethod === 'customIP') {
|
|
const customBlockIp = document.getElementById('custom-block-ip').value.trim();
|
|
|
|
// 验证自定义IP格式
|
|
if (!isValidIp(customBlockIp)) {
|
|
window.showNotification('请输入有效的自定义屏蔽IP', 'warning');
|
|
return;
|
|
}
|
|
|
|
configData.shield.customBlockIP = customBlockIp;
|
|
}
|
|
|
|
// 验证更新间隔
|
|
if (isNaN(configData.shield.updateInterval) || configData.shield.updateInterval < 60) {
|
|
window.showNotification('更新间隔必须大于等于60秒', 'warning');
|
|
return;
|
|
}
|
|
|
|
// 保存配置
|
|
apiRequest('/config', 'PUT', configData)
|
|
.then(response => {
|
|
if (response.success) {
|
|
window.showNotification('配置保存成功', 'success');
|
|
|
|
// 由于服务器没有提供重启API，移除重启提示
|
|
// 直接提示用户配置已保存
|
|
} else {
|
|
window.showNotification(`保存失败: ${response.message || '未知错误'}`, 'error');
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('保存配置失败:', error);
|
|
window.showNotification('保存配置失败', 'error');
|
|
});
|
|
}
|
|
|
|
// 服务重启功能已移除，因为服务器没有提供对应的API端点
|
|
|
|
// 验证IP地址格式
|
|
function isValidIp(ip) {
|
|
// 支持IPv4和IPv6简单验证
|
|
const ipv4Regex = /^((25[0-5]|(2[0-4]|1\d|[1-9]|)\d)\.?\b){4}$/;
|
|
const ipv6Regex = /^([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}$/;
|
|
|
|
return ipv4Regex.test(ip) || ipv6Regex.test(ip);
|
|
} |