wjqserver/caddydash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add preset header

Browse source
This commit is contained in:
wjqserver 2025-06-22 17:56:35 +08:00
parent 47b6f4903f
commit cc429c44f9
5 changed files with 268 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

104
frontend/js/app.js
View file

@ -2,12 +2,14 @@
import { state } from './state.js';
import { api } from './api.js';
import { theme, toast, activateNav } from './common.js';
import { theme, activateNav } from './common.js';
import { notification } from './notifications.js';
import { initCaddyStatus } from './caddy.js';
import { DOMElements, switchView, renderConfigList, addKeyValueInput, addSingleInput, fillForm, showRenderedConfig, updateSegmentedControl, updateServiceModeView, updateMultiUpstreamView } from './ui.js';
import { DOMElements, switchView, renderConfigList, addKeyValueInput, addSingleInput, fillForm, showRenderedConfig, updateCaddyStatusView, updateSegmentedControl, updateServiceModeView, updateMultiUpstreamView, createPresetSelectionModal } from './ui.js';
const POLLING_INTERVAL = 5000;
let caddyStatusInterval;
// --- 事件处理与逻辑流 ---
function getFormStateAsString() {
const formData = new FormData(DOMElements.configForm);
const data = {};
@ -116,15 +118,71 @@ async function handleSaveConfig(e) {
} catch(error) { notification.toast(`保存失败: ${error.message}`, 'error'); }
}
// --- 初始化与事件绑定 ---
async function openPresetModal(targetType) {
const applicablePresets = state.headerPresets.filter(p => p.target === targetType || p.target === 'any');
if (applicablePresets.length === 0) {
notification.toast(`没有适用于此区域的预设。`, 'info');
return;
}
const presetId = await createPresetSelectionModal(applicablePresets);
if (!presetId) return; // 用户取消了选择
let targetContainer, keyName, valueName;
if (targetType === 'global') {
targetContainer = DOMElements.headersContainer;
keyName = 'header_key';
valueName = 'header_value';
} else if (targetType === 'upstream') {
targetContainer = DOMElements.upstreamHeadersContainer;
keyName = 'upstream_header_key';
valueName = 'upstream_header_value';
} else {
return;
}
// 在获取到presetId后，再执行填充逻辑
try {
notification.toast('正在加载预设...', 'info', 1000);
const preset = await api.get(`/config/headers-presets/${presetId}`);
if (!preset.headers) {
notification.toast('此预设无数据。', 'info');
return;
}
const choice = await notification.confirm('如何填充预设？', '选择填充方式', { confirmText: '追加', cancelText: '替换' });
if (choice === false) { // 用户选择了“替换”
targetContainer.innerHTML = '';
}
Object.entries(preset.headers).forEach(([key, values]) => {
values.forEach(value => {
addKeyValueInput(targetContainer, keyName, valueName, key, value);
});
});
notification.toast(`已成功填充预设 "${preset.name}"`, 'success');
} catch (error) {
notification.toast(`加载预设失败: ${error.message}`, 'error');
}
}
function init() {
theme.init(DOMElements.themeToggleInput);
notification.init(DOMElements.toastContainer, DOMElements.dialogContainer);
activateNav('configs');
initCaddyStatus(); // 初始化通用Caddy状态检查
notification.init(DOMElements.toastContainer, DOMElements.dialogContainer, DOMElements.modalContainer);
initCaddyStatus();
loadAllConfigs();
api.get('/config/headers-presets')
.then(presets => {
state.headerPresets = presets || [];
})
.catch(err => {
if (err.message) notification.toast(`加载Header预设失败: ${err.message}`, 'error');
});
DOMElements.menuToggleBtn.addEventListener('click', () => DOMElements.sidebar.classList.toggle('is-open'));
DOMElements.mainContent.addEventListener('click', () => DOMElements.sidebar.classList.remove('is-open'));
@ -149,10 +207,6 @@ function init() {
DOMElements.backToListBtn.addEventListener('click', attemptExitForm);
DOMElements.cancelEditBtn.addEventListener('click', attemptExitForm);
DOMElements.addHeaderBtn.addEventListener('click', () => addKeyValueInput(DOMElements.headersContainer, 'header_key', 'header_value'));
DOMElements.addUpstreamHeaderBtn.addEventListener('click', () => addKeyValueInput(DOMElements.upstreamHeadersContainer, 'upstream_header_key', 'upstream_header_value'));
DOMElements.addMultiUpstreamBtn.addEventListener('click', () => addSingleInput(DOMElements.multiUpstreamContainer, 'upstream_servers', '例如: 127.0.0.1:8081'));
DOMElements.configForm.addEventListener('submit', handleSaveConfig);
DOMElements.logoutBtn.addEventListener('click', handleLogout);
@ -164,9 +218,35 @@ function init() {
if (button.classList.contains('delete-btn')) handleDeleteConfig(filename);
});
DOMElements.configForm.querySelector('button[data-add-target="global"]').addEventListener('click', (e) => {
e.preventDefault();
addKeyValueInput(DOMElements.headersContainer, 'header_key', 'header_value');
});
DOMElements.configForm.querySelector('button[data-add-target="upstream"]').addEventListener('click', (e) => {
e.preventDefault();
addKeyValueInput(DOMElements.upstreamHeadersContainer, 'upstream_header_key', 'upstream_header_value');
});
DOMElements.configForm.querySelector('button[data-preset-target="global"]').addEventListener('click', (e) => {
e.preventDefault();
openPresetModal('global');
});
DOMElements.configForm.querySelector('button[data-preset-target="upstream"]').addEventListener('click', (e) => {
e.preventDefault();
openPresetModal('upstream');
});
DOMElements.addMultiUpstreamBtn.addEventListener('click', (e) => {
e.preventDefault();
addSingleInput(DOMElements.multiUpstreamContainer, 'upstream_servers', '例如: 127.0.0.1:8081');
});
DOMElements.serviceModeControl.addEventListener('click', (e) => {
const button = e.target.closest('button');
if (button) {
e.preventDefault();
const mode = button.dataset.mode;
updateSegmentedControl(button);
updateServiceModeView(mode);