Build music-quiz installer and management site per spec

Implements the full spec described in README.md: Management site (Node + TypeScript + Express + EJS): - Public main page lists packs registered in manifest.json. - /op login (account.json, internal-only), /op/dashboard manages packs with horizontal-scroll cards, add/select-and-delete flow, and the /op/dashboard/:packName editor (Mojang release dropdown, dynamic mods/resourcepacks lists, platform/RAM fields, file rename). - Routes for /manifest.json (public) and /file/* (server pack files). - Middleware blocks /account.json and /manifest/* directory access. Installer (Electron): - Five page renderer driven by IPC (preload contextBridge API): pack pick → single/multi → server install (path no-Korean check, JDK detect, file download, EULA, RAM gating, local web config editor, UPnP/port-forward check) → client install (.mc_custom mods + resourcepacks + launcher_profiles.json gameDir/javaArgs) → finish toggles (server folder, shortcut, server start, launcher start). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-09 21:34:27 +09:00
parent 42a7cf3426
commit 8fd7cfaaef
32 changed files with 7817 additions and 0 deletions
--- a/views/op/dashboard.ejs
+++ b/views/op/dashboard.ejs
@@ -0,0 +1,96 @@
+<!doctype html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>관리자 대시보드</title>
+  <link rel="stylesheet" href="/static/styles.css" />
+</head>
+<body class="siteBody">
+  <%- include('../partials/navbar', { userId }) %>
+
+  <main class="pageWrap">
+    <section class="dashboardHeader">
+      <h1>음악퀴즈 목록</h1>
+      <div class="dashboardActions">
+        <form method="post" action="/op/dashboard/create" class="inlineForm">
+          <button type="submit" class="primaryButton">음악퀴즈 추가</button>
+        </form>
+        <button type="button" class="secondaryButton" id="deleteToggle">음악퀴즈 삭제</button>
+      </div>
+    </section>
+
+    <form method="post" action="/op/dashboard/delete" id="deleteForm" class="dashboardListForm">
+      <section class="cardRow horizontalScroll">
+        <% if (items.length === 0) { %>
+          <p class="muted">등록된 음악퀴즈가 없습니다. "음악퀴즈 추가" 버튼으로 새로 만들어 보세요.</p>
+        <% } %>
+        <% items.forEach(function (item) { %>
+          <article class="packCard editableCard" data-key="<%= item.key %>">
+            <label class="cardCheckbox" hidden>
+              <input type="checkbox" name="targetKey" value="<%= item.key %>" />
+              <span>선택</span>
+            </label>
+            <a class="cardLink" href="/op/dashboard/<%= item.key %>">
+              <h2><%= item.definition ? item.definition.name : item.key %></h2>
+              <p class="muted"><%= item.key %>.json</p>
+              <% if (item.definition) { %>
+                <ul class="metaList">
+                  <li>MC <%= item.definition.mcVersion %></li>
+                  <li>플랫폼 <%= item.definition.platform.type %></li>
+                  <li>모드 <%= item.definition.mods.length %>개</li>
+                </ul>
+              <% } %>
+            </a>
+          </article>
+        <% }) %>
+      </section>
+      <div class="deleteConfirmRow" id="deleteConfirm" hidden>
+        <button type="button" class="secondaryButton" id="deleteCancel">취소</button>
+        <button type="submit" class="dangerButton">삭제 확인</button>
+      </div>
+    </form>
+  </main>
+
+  <script>
+    (function () {
+      var toggleButton = document.getElementById('deleteToggle')
+      var confirmRow = document.getElementById('deleteConfirm')
+      var cancelButton = document.getElementById('deleteCancel')
+      var checkboxLabels = document.querySelectorAll('.cardCheckbox')
+      var cardLinks = document.querySelectorAll('.cardLink')
+
+      function setSelectMode(active) {
+        confirmRow.hidden = !active
+        checkboxLabels.forEach(function (label) {
+          if (active) label.removeAttribute('hidden')
+          else label.setAttribute('hidden', '')
+        })
+        cardLinks.forEach(function (link) {
+          if (active) {
+            link.setAttribute('data-disabled', 'true')
+            link.addEventListener('click', preventNavigation)
+          } else {
+            link.removeAttribute('data-disabled')
+            link.removeEventListener('click', preventNavigation)
+          }
+        })
+      }
+
+      function preventNavigation(event) {
+        event.preventDefault()
+      }
+
+      toggleButton.addEventListener('click', function () {
+        setSelectMode(true)
+      })
+      cancelButton.addEventListener('click', function () {
+        setSelectMode(false)
+        document.querySelectorAll('input[name="targetKey"]').forEach(function (input) {
+          input.checked = false
+        })
+      })
+    })()
+  </script>
+</body>
+</html>