- Login form/route accepts password only; matched account row provides session userId
- PackDefinition: replace packPath with mapPath (.mc_custom/saves) and serverPath (server install dir); editor exposes two .zip fields
- Installer resolves relative platform/map/server URLs against manifest origin under /file/{platforms,maps,servers}/<name>; downloads and extracts the zips
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
171 lines
7.1 KiB
Plaintext
171 lines
7.1 KiB
Plaintext
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title><%= pack.name %> 편집</title>
|
|
<link rel="stylesheet" href="/static/styles.css" />
|
|
</head>
|
|
<body class="siteBody">
|
|
<%- include('../partials/navbar', { userId }) %>
|
|
|
|
<main class="pageWrap">
|
|
<section class="editorHeader">
|
|
<div>
|
|
<p class="eyebrow">PACK EDITOR</p>
|
|
<h1><%= pack.name %></h1>
|
|
</div>
|
|
<a class="ghostLink" href="/op/dashboard">목록으로</a>
|
|
</section>
|
|
|
|
<form method="post" class="editorForm" id="editorForm">
|
|
<div class="gridTwo">
|
|
<label>
|
|
<span>음악퀴즈 이름</span>
|
|
<input name="displayName" value="<%= pack.name %>" required />
|
|
</label>
|
|
<label>
|
|
<span>JSON 파일 이름 (확장자 제외)</span>
|
|
<input name="fileName" value="<%= packKey %>" required pattern="[a-zA-Z0-9_\-]+" />
|
|
</label>
|
|
</div>
|
|
|
|
<div class="gridTwo">
|
|
<label>
|
|
<span>마인크래프트 버전</span>
|
|
<select name="mcVersion" required>
|
|
<% releases.forEach(function (release) { %>
|
|
<option value="<%= release %>" <%= release === pack.mcVersion ? 'selected' : '' %>><%= release %></option>
|
|
<% }) %>
|
|
</select>
|
|
</label>
|
|
<label>
|
|
<span>모드 플랫폼</span>
|
|
<select name="platformType" id="platformType">
|
|
<% ['vanilla','forge','fabric','neoforge'].forEach(function (loader) { %>
|
|
<option value="<%= loader %>" <%= pack.platform.type === loader ? 'selected' : '' %>><%= loader %></option>
|
|
<% }) %>
|
|
</select>
|
|
</label>
|
|
<label class="fullSpan" id="platformDownloadField">
|
|
<span>플랫폼 설치파일 URL</span>
|
|
<input name="platformDownloadUrl" value="<%= pack.platform.downloadUrl || '' %>" placeholder="/forge-installer.jar 또는 https://example.com/forge-installer.jar" />
|
|
<small class="muted">도메인 없이 입력하면 manifest.json 도메인의 <code>/file/platforms/<파일명></code>으로 해석됩니다.</small>
|
|
</label>
|
|
<label>
|
|
<span>서버 최소 램 (MB)</span>
|
|
<input type="number" name="serverMinRam" value="<%= pack.serverMinRam %>" min="512" required />
|
|
</label>
|
|
<label>
|
|
<span>서버 최대 램 (MB)</span>
|
|
<input type="number" name="serverMaxRam" value="<%= pack.serverMaxRam %>" min="512" required />
|
|
</label>
|
|
<label>
|
|
<span>클라이언트 최소 램 (MB)</span>
|
|
<input type="number" name="clientMinRam" value="<%= pack.clientMinRam %>" min="512" required />
|
|
</label>
|
|
<label>
|
|
<span>클라이언트 권장 램 (MB)</span>
|
|
<input type="number" name="clientRecommendedRam" value="<%= pack.clientRecommendedRam %>" min="512" required />
|
|
</label>
|
|
<label>
|
|
<span>맵 파일 (.zip)</span>
|
|
<input name="mapPath" value="<%= pack.mapPath %>" placeholder="my-map.zip" pattern=".+\.zip" />
|
|
<small class="muted">/file/maps/ 아래 zip 파일 이름.</small>
|
|
</label>
|
|
<label>
|
|
<span>서버 파일 (.zip)</span>
|
|
<input name="serverPath" value="<%= pack.serverPath %>" placeholder="my-server.zip" pattern=".+\.zip" />
|
|
<small class="muted">/file/servers/ 아래 zip 파일 이름. 멀티 모드 전용.</small>
|
|
</label>
|
|
</div>
|
|
|
|
<fieldset class="dynamicListFieldset">
|
|
<legend>모드 (.jar)</legend>
|
|
<div class="dynamicList" data-list="mods">
|
|
<% pack.mods.forEach(function (mod) { %>
|
|
<div class="dynamicRow">
|
|
<input name="modName" placeholder="모드 이름" value="<%= mod.name %>" />
|
|
<input name="modUrl" placeholder="다운로드 URL" value="<%= mod.downloadUrl %>" />
|
|
<button type="button" class="dangerLink dynamicRemove">삭제</button>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
<button type="button" class="secondaryButton" data-add="mods">모드 추가</button>
|
|
</fieldset>
|
|
|
|
<fieldset class="dynamicListFieldset">
|
|
<legend>리소스팩 (.zip)</legend>
|
|
<div class="dynamicList" data-list="resourcepacks">
|
|
<% pack.resourcepacks.forEach(function (resourcePack) { %>
|
|
<div class="dynamicRow">
|
|
<input name="resourceName" placeholder="리소스팩 이름" value="<%= resourcePack.name %>" />
|
|
<input name="resourceUrl" placeholder="다운로드 URL" value="<%= resourcePack.downloadUrl %>" />
|
|
<button type="button" class="dangerLink dynamicRemove">삭제</button>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
<button type="button" class="secondaryButton" data-add="resourcepacks">리소스팩 추가</button>
|
|
</fieldset>
|
|
|
|
<button class="primaryButton" type="submit">저장</button>
|
|
</form>
|
|
</main>
|
|
|
|
<script>
|
|
(function () {
|
|
var platformSelect = document.getElementById('platformType')
|
|
var downloadField = document.getElementById('platformDownloadField')
|
|
|
|
function syncPlatformVisibility() {
|
|
if (platformSelect.value === 'vanilla') {
|
|
downloadField.setAttribute('hidden', '')
|
|
downloadField.querySelector('input').value = ''
|
|
} else {
|
|
downloadField.removeAttribute('hidden')
|
|
}
|
|
}
|
|
|
|
platformSelect.addEventListener('change', syncPlatformVisibility)
|
|
syncPlatformVisibility()
|
|
|
|
document.querySelectorAll('[data-add]').forEach(function (button) {
|
|
button.addEventListener('click', function () {
|
|
var listKey = button.getAttribute('data-add')
|
|
var list = document.querySelector('[data-list="' + listKey + '"]')
|
|
if (!list) return
|
|
var nameField = listKey === 'mods' ? 'modName' : 'resourceName'
|
|
var urlField = listKey === 'mods' ? 'modUrl' : 'resourceUrl'
|
|
var placeholder = listKey === 'mods' ? '모드 이름' : '리소스팩 이름'
|
|
var row = document.createElement('div')
|
|
row.className = 'dynamicRow'
|
|
row.innerHTML =
|
|
'<input name="' + nameField + '" placeholder="' + placeholder + '" />' +
|
|
'<input name="' + urlField + '" placeholder="다운로드 URL" />' +
|
|
'<button type="button" class="dangerLink dynamicRemove">삭제</button>'
|
|
list.appendChild(row)
|
|
})
|
|
})
|
|
|
|
document.addEventListener('click', function (event) {
|
|
var target = event.target
|
|
if (!(target instanceof HTMLElement)) return
|
|
if (!target.classList.contains('dynamicRemove')) return
|
|
var row = target.closest('.dynamicRow')
|
|
if (row) row.remove()
|
|
})
|
|
|
|
var form = document.getElementById('editorForm')
|
|
form.addEventListener('submit', function (event) {
|
|
var clientMin = Number(form.clientMinRam.value)
|
|
var clientReco = Number(form.clientRecommendedRam.value)
|
|
if (clientMin > clientReco) {
|
|
event.preventDefault()
|
|
alert('클라이언트 최소 램은 권장 램보다 클 수 없습니다.')
|
|
}
|
|
})
|
|
})()
|
|
</script>
|
|
</body>
|
|
</html>
|