Files
make_video_site/views/op/dashboard.ejs
claude-bot 0db04cf5cd feat: implement video site per README spec
- Express + EJS + express-session stack (auth/navbar ported from minecraft_launcher)
- Public: main folder list, folder video grid, internal popup player (/player/:videoId)
- Admin (/op): login, folder CRUD with right-click context menu + add-folder modal
- Admin folder: video grid with right-click edit/rename/delete, "영상 추가" -> editor
- Video editor: drag-drop upload, file picker, YouTube URL probe (ETA + 5분 경고),
  background yt-dlp download with progress polling, navbar title edit, trim controls,
  save runs ffmpeg trim (original preserved)
- Filesystem storage under data/folders/<name>/<videoId>/{meta.json, original.<ext>, edited.<ext>}

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-15 16:42:00 +09:00

57 lines
1.9 KiB
Plaintext

<!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">
<button type="button" class="primaryButton" id="addFolderBtn">폴더 추가</button>
</div>
</section>
<section class="folderGrid" id="folderGrid">
<% if (folders.length === 0) { %>
<p class="muted">아직 폴더가 없습니다. 우측 상단에서 폴더를 추가해 주세요.</p>
<% } %>
<% folders.forEach(function (name) { %>
<div class="folderCard adminFolder" data-name="<%= name %>">
<a class="folderCardLink" href="/op/folder/<%= encodeURIComponent(name) %>">
<span class="folderIcon">📁</span>
<span class="folderName"><%= name %></span>
</a>
</div>
<% }) %>
</section>
</main>
<div class="ctxMenu" id="ctxMenu" hidden>
<button type="button" data-action="rename">이름 변경</button>
<button type="button" data-action="delete" class="dangerLink">삭제</button>
</div>
<div class="modalOverlay" id="addFolderModal" hidden>
<div class="modalCard">
<h2>폴더 추가</h2>
<label>
<span>폴더 이름</span>
<input type="text" id="addFolderInput" autofocus />
</label>
<div class="modalActions">
<button type="button" class="secondaryButton" id="addFolderCancel">취소</button>
<button type="button" class="primaryButton" id="addFolderConfirm">생성</button>
</div>
</div>
</div>
<script src="/static/dashboard.js"></script>
</body>
</html>