function init()

in spring-ai-alibaba-jmanus/src/main/resources/static/plan-template/js/plan-template.js [46:125]
57 lines of code
11 McCabe index (conditional complexity)

function init() {
    // 获取DOM元素
    planPromptInput = document.getElementById('plan-prompt');
    planParamsInput = document.getElementById('plan-params');
    generatePlanBtn = document.getElementById('generatePlanBtn');
    jsonEditor = document.getElementById('plan-json-editor');
    runPlanBtn = document.getElementById('runPlanBtn');
    modifyPlanBtn = document.getElementById('modifyPlanBtn');
    clearBtn = document.getElementById('clearBtn');
    clearParamBtn = document.getElementById('clearParamBtn');
    apiUrlElement = document.querySelector('.api-url');
    chatArea = document.querySelector('.simple-chat-area .dialog-round-container');
    clearChatBtn = document.getElementById('clearChatBtn');

    // 获取侧边栏切换按钮和侧边栏元素
    toggleLeftSidebarBtn = document.getElementById('toggleLeftSidebarBtn');
    toggleRightSidebarBtn = document.getElementById('toggleRightSidebarBtn');
    leftSidebar = document.getElementById('leftSidebar');
    rightSidebar = document.getElementById('rightSidebar');


    // 绑定侧边栏切换按钮事件
    if (toggleLeftSidebarBtn && leftSidebar) {
        toggleLeftSidebarBtn.addEventListener('click', handleToggleLeftSidebar);
    }

    if (toggleRightSidebarBtn && rightSidebar) {
        toggleRightSidebarBtn.addEventListener('click', handleToggleRightSidebar);
    }
    // 绑定按钮事件
    generatePlanBtn.addEventListener('click', handleGeneratePlan);
    runPlanBtn.addEventListener('click', handleRunPlanClick);
    modifyPlanBtn.addEventListener('click', handleModifyPlan);
    clearBtn.addEventListener('click', handleClearInput);

    if (clearParamBtn) {
        clearParamBtn.addEventListener('click', function () {
            if (planParamsInput) {
                planParamsInput.value = '';
                // 清空参数时更新API URL
                updateApiUrl();
            }
        });
    }

    // 为参数输入框添加实时监听，当输入内容变化时更新API URL
    if (planParamsInput) {
        planParamsInput.addEventListener('input', function () {
            updateApiUrl();
        });
    }

    if (clearChatBtn) {
        clearChatBtn.addEventListener('click', clearChatArea);
    }

    // 绑定版本控制按钮事件
    document.getElementById('rollbackJsonBtn').addEventListener('click', handleRollbackJson);
    document.getElementById('restoreJsonBtn').addEventListener('click', handleRestoreJson);
    document.getElementById('compareJsonBtn').addEventListener('click', handleCompareJson);

    // 初始化聊天处理器和右侧边栏
    if (typeof ChatHandler !== 'undefined') {
        ChatHandler.init();
        console.log('聊天处理器初始化完成');
    }

    if (typeof RightSidebar !== 'undefined') {
        RightSidebar.init();
        console.log('右侧边栏初始化完成');
    }

    // 初始状态
    updateUIState();

    // 加载计划模板列表
    loadPlanTemplateList();

    console.log('计划模板页面初始化完成');
}