tkrmagid/minecraft_launcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Step 3: replace stacked sub-steps with single-slot wizard flow

Browse Source 
Mirror the step 4 change: 3-1..3-5 now render into one #subHost slot, replacing instead of stacking when each 확인 button is clicked. The duplicated section-level "4단계로 진행" button is removed; 3-5's confirm advances straight to step 4.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
claude-bot
2026-05-10 21:12:26 +09:00
parent 2dc3bc0aed
commit 6c042503d6
1 changed files with 14 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
installer/renderer.js
View File

@@ -160,34 +160,24 @@ function renderStep3() {
section.className = 'page' section.className = 'page'
section.innerHTML = section.innerHTML =
'<h2>3단계. 서버 관련 설정</h2>' + '<h2>3단계. 서버 관련 설정</h2>' +
'<div id="sub31" class="subStep"></div>' + '<div class="subStep" id="subHost"></div>' +
'<div id="sub32" class="subStep" hidden></div>' + '<div class="actionRow"><button class="secondaryBtn" id="back">이전</button><span></span></div>'
'<div id="sub33" class="subStep" hidden></div>' +
'<div id="sub34" class="subStep" hidden></div>' +
'<div id="sub35" class="subStep" hidden></div>' +
'<div class="actionRow"><button class="secondaryBtn" id="back">이전</button><button class="primaryBtn" id="proceedClient" hidden>4단계로 진행</button></div>'
pageHost.appendChild(section) pageHost.appendChild(section)
var subHost = section.querySelector('#subHost')
section.querySelector('#back').addEventListener('click', renderStep2) section.querySelector('#back').addEventListener('click', renderStep2)
renderSubStep31(section.querySelector('#sub31'), function () { function show31() { subHost.innerHTML = ''; renderSubStep31(subHost, show32) }
section.querySelector('#sub32').hidden = false function show32() { subHost.innerHTML = ''; renderSubStep32(subHost, show33) }
renderSubStep32(section.querySelector('#sub32'), function () { function show33() { subHost.innerHTML = ''; renderSubStep33(subHost, show34) }
section.querySelector('#sub33').hidden = false function show34() { subHost.innerHTML = ''; renderSubStep34(subHost, show35) }
renderSubStep33(section.querySelector('#sub33'), function () { function show35() {
section.querySelector('#sub34').hidden = false subHost.innerHTML = ''
renderSubStep34(section.querySelector('#sub34'), function () { renderSubStep35(subHost, function () {
section.querySelector('#sub35').hidden = false state.stepDone[3] = true
renderSubStep35(section.querySelector('#sub35'), function () { renderStep4()
section.querySelector('#proceedClient').hidden = false
section.querySelector('#proceedClient').addEventListener('click', function () {
state.stepDone[3] = true
renderStep4()
})
})
})
})
}) })
}) }
show31()
} }
function renderSubStep31(host, done) { function renderSubStep31(host, done) {