8ed3b7d82a
오래된 ffmpeg/yt-dlp 로 다운로드·변환이 실패할 때 관리자 대시보드에서 최신 버전으로 재설치할 수 있게 한다. 재설치 바이너리는 data 볼륨 하위 data/bin 에 두어 컨테이너 재생성에도 유지하고, 바이너리 해석 시 PATH 보다 우선 사용한다. - src/paths.ts: binDir(data/bin) 추가 - src/editor.ts: binDir 우선 ffmpeg 해석 + getFfprobePath/resetFfmpegResolution - src/youtube.ts: binDir 우선 yt-dlp 해석 + resetYtDlpResolution - src/tools.ts(신규): 버전 조회 + 최신 재설치(GitHub yt-dlp, johnvansickle ffmpeg) - src/routes/op.ts: GET /op/tools, POST /op/tools/:name/update - views/op/dashboard.ejs, public/dashboard.js, public/styles.css: 도구 관리 UI - Dockerfile: ffmpeg 정적 빌드(.tar.xz) 해제용 xz-utils 추가 Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
86 lines
3.3 KiB
Plaintext
86 lines
3.3 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>
|
|
</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>
|