File size: 1,518 Bytes
e636070 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
// right-section.js
class RightSection {
constructor() {
this.currentTab = 'api-panel';
this.apiPanel = new APIPanel();
this.settingsPanel = new SettingsPanel();
this.init();
}
init() {
this.initTabSwitching();
// WebSocket监听
window.addEventListener('websocket-message', (event) => {
const message = event.detail;
if (message.type === 'initial_data' && message.data.settings) {
this.settingsPanel.updateSettings(message.data.settings);
}
});
}
initTabSwitching() {
const tabButtons = document.querySelectorAll('.right-toolbar .tab-btn');
tabButtons.forEach(button => {
button.addEventListener('click', (e) => {
e.preventDefault();
const targetPanelId = button.getAttribute('data-target');
tabButtons.forEach(btn => btn.classList.remove('active'));
button.classList.add('active');
document.querySelectorAll('.tab-panel').forEach(panel => {
panel.classList.remove('active');
});
document.getElementById(targetPanelId).classList.add('active');
this.currentTab = targetPanelId;
});
});
}
}
document.addEventListener('DOMContentLoaded', () => {
const rightSection = new RightSection();
});
|