vibsin9322
2195cdf1b9
- 대용량 파일 다운로드: blob 방식 대신 직접 링크 방식으로 변경하여 메모리 문제 해결 - 자료 목록 제목 색상: 파란색(#667eea)으로 변경하여 가독성 향상 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="0">
|
|
<title>자료실 - 파일 보기</title>
|
|
<link rel="stylesheet" href="styles.css?v=20250821194500">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>📚 자료실</h1>
|
|
<p>등록된 자료를 검색하고 다운로드할 수 있습니다</p>
|
|
<div class="admin-link">
|
|
<a href="/admin/" class="admin-btn">🔑 관리자 페이지</a>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="search-section">
|
|
<input type="text" id="searchInput" placeholder="제목, 설명, 카테고리로 검색...">
|
|
<select id="categoryFilter">
|
|
<option value="">전체 카테고리</option>
|
|
<option value="문서">문서</option>
|
|
<option value="이미지">이미지</option>
|
|
<option value="동영상">동영상</option>
|
|
<option value="프레젠테이션">프레젠테이션</option>
|
|
<option value="기타">기타</option>
|
|
</select>
|
|
<button id="searchBtn">🔍 검색</button>
|
|
</div>
|
|
|
|
<div class="list-section">
|
|
<div class="list-header">
|
|
<h2>📋 자료 목록</h2>
|
|
<div class="sort-options">
|
|
<select id="sortBy">
|
|
<option value="date">최신순</option>
|
|
<option value="title">제목순</option>
|
|
<option value="category">카테고리순</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="board-container">
|
|
<table class="board-table" id="boardTable">
|
|
<thead>
|
|
<tr>
|
|
<th class="col-no">번호</th>
|
|
<th class="col-category">카테고리</th>
|
|
<th class="col-title">제목</th>
|
|
<th class="col-attachment">첨부</th>
|
|
<th class="col-date">등록일</th>
|
|
<th class="col-actions">다운로드</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="fileList">
|
|
<tr class="empty-state">
|
|
<td colspan="6">📂 등록된 자료가 없습니다.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="pagination" id="pagination" style="display: none;">
|
|
<button id="prevPage" class="page-btn" disabled>◀ 이전</button>
|
|
<span id="pageInfo">1 / 1</span>
|
|
<button id="nextPage" class="page-btn" disabled>다음 ▶</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="loadingMessage" class="loading" style="display: none;">
|
|
<p>데이터를 불러오는 중...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="api-client.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |