claude-bot
51bf813ccc
- 공개 폴더(/folder/:name): 새 ctxMenu + public-folder.js 로 우클릭 메뉴 신설
("영상 주소 복사" 만 포함). 좌클릭 재생 기능은 그대로 유지.
- 관리자 폴더(/op/folder/:name): 기존 ctxMenu 에 "영상 주소 복사" 항목과
folder.js 에 copyUrl 핸들러 추가.
- 양쪽 모두 navigator.clipboard.writeText(origin + "/player/" + id) 사용,
실패하면 hidden textarea + execCommand("copy") fallback, 그것도 실패하면
window.prompt 으로 직접 복사 안내. 성공 시 flashToast 로 피드백.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
56 lines
1.7 KiB
Plaintext
56 lines
1.7 KiB
Plaintext
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title><%= folder %> · 비디오 사이트</title>
|
|
<link rel="stylesheet" href="/static/styles.css" />
|
|
</head>
|
|
<body class="siteBody">
|
|
<header class="publicNav">
|
|
<a class="navBrand" href="/">
|
|
<span class="navLogo">🎬</span>
|
|
<span class="navTitle">비디오 사이트</span>
|
|
</a>
|
|
<a class="secondaryButton" href="/op">관리자</a>
|
|
</header>
|
|
|
|
<main class="pageWrap">
|
|
<section class="hero">
|
|
<a class="muted" href="/">← 폴더 목록</a>
|
|
<h1>📁 <%= folder %></h1>
|
|
</section>
|
|
|
|
<section class="videoGrid">
|
|
<% if (videos.length === 0) { %>
|
|
<p class="muted">이 폴더에 영상이 없습니다.</p>
|
|
<% } %>
|
|
<% videos.forEach(function (v) { %>
|
|
<button type="button" class="videoCard" data-video-id="<%= v.id %>">
|
|
<div class="videoThumb">▶</div>
|
|
<div class="videoTitle"><%= v.title %></div>
|
|
</button>
|
|
<% }) %>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="playerOverlay" id="playerOverlay" hidden>
|
|
<div class="playerModal" role="dialog" aria-modal="true">
|
|
<button type="button" class="playerClose" id="playerClose" aria-label="닫기">✕</button>
|
|
<div class="playerTitle" id="playerTitle"></div>
|
|
<video id="playerVideo" controls preload="metadata"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ctxMenu" id="ctxMenu" hidden>
|
|
<button type="button" data-action="copyUrl">영상 주소 복사</button>
|
|
</div>
|
|
|
|
<script>
|
|
window.__SITE__ = { folder: <%- jsonForScript(folder) %> }
|
|
</script>
|
|
<script src="/static/player.js"></script>
|
|
<script src="/static/public-folder.js"></script>
|
|
</body>
|
|
</html>
|