Files
make_video_site/views/op/dashboard.ejs
Claude (owner) 6ade552683 feat: 연령제한 영상용 YouTube 쿠키(cookies.txt) 등록 + yt-dlp --cookies 적용
연령 제한("Sign in to confirm your age") 영상이 플레이리스트 임포트에서
실패하던 문제 해결. 관리자 대시보드에서 Netscape cookies.txt 를 등록하면
단일/플레이리스트 probe 와 실제 다운로드에 모두 --cookies 로 적용된다.
쿠키는 data/cookies.txt 에 0600 으로 저장(git 제외). 연령/로그인 실패 시
yt-dlp 원문 대신 쿠키 등록을 안내하는 메시지를 표시.

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
2026-06-06 18:04:25 +09:00

103 lines
4.4 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 (f) { %>
<div class="folderCard adminFolder" data-folder-id="<%= f.id %>" data-name="<%= f.name %>">
<a class="folderCardLink" href="/op/folder/<%= encodeURIComponent(f.name) %>">
<span class="folderIcon">📁</span>
<span class="folderName"><%= f.name %></span>
</a>
</div>
<% }) %>
</section>
<section class="toolsSection">
<h2>도구 관리</h2>
<p class="muted">영상 다운로드·변환에 쓰는 외부 도구입니다. 너무 예전 버전이라 오류가 나거나 다운로드가 안 되면 최신 버전으로 재설치하세요. (Linux 런타임 기준)</p>
<div class="toolGrid">
<div class="toolCard" data-tool="yt-dlp">
<div class="toolHead">
<span class="toolName">yt-dlp</span>
<span class="toolVersion" data-field="version">확인 중…</span>
</div>
<div class="toolPath muted" data-field="path"></div>
<div class="toolRow">
<button type="button" class="secondaryButton" data-action="update-tool" data-name="yt-dlp">최신으로 재설치</button>
<span class="toolStatus muted" data-field="status"></span>
</div>
</div>
<div class="toolCard" data-tool="ffmpeg">
<div class="toolHead">
<span class="toolName">ffmpeg</span>
<span class="toolVersion" data-field="version">확인 중…</span>
</div>
<div class="toolPath muted" data-field="path"></div>
<div class="toolRow">
<button type="button" class="secondaryButton" data-action="update-tool" data-name="ffmpeg">최신으로 재설치</button>
<span class="toolStatus muted" data-field="status"></span>
</div>
</div>
</div>
</section>
<section class="toolsSection" id="cookiesSection">
<h2>YouTube 쿠키</h2>
<p class="muted">연령 제한("Sign in to confirm your age") 영상은 로그인된 계정의 쿠키가 있어야 다운로드됩니다. 브라우저 확장(예: "Get cookies.txt LOCALLY")으로 내보낸 Netscape 형식 <code>cookies.txt</code> 를 등록하세요. 단일 영상·플레이리스트·실제 다운로드에 모두 적용됩니다.</p>
<div class="toolCard">
<div class="toolHead">
<span class="toolName">cookies.txt</span>
<span class="toolVersion" id="cookieStatus">확인 중…</span>
</div>
<div class="toolRow">
<input type="file" id="cookieFile" accept=".txt,text/plain" />
<button type="button" class="secondaryButton" id="cookieUploadBtn">등록 / 교체</button>
<button type="button" class="dangerLink" id="cookieDeleteBtn" hidden>삭제</button>
<span class="toolStatus muted" id="cookieMsg"></span>
</div>
</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>