Major UI overhaul and upload system improvements

- Removed hierarchy view and integrated functionality into index.html - Added book-based document grouping with dedicated book-documents.html page - Implemented comprehensive multi-file upload system with drag-and-drop reordering - Added HTML-PDF matching functionality with download capability - Enhanced upload workflow with 3-step process (File Selection, Book Settings, Order & Match) - Added book conflict resolution (existing book vs new edition) - Improved document order adjustment with one-click sort options - Added modular header component system - Updated API connectivity for Docker environment - Enhanced viewer.html with PDF download functionality - Fixed browser caching issues with version management - Improved mobile responsiveness and modern UI design
2025-08-25 15:58:30 +09:00
parent f95f67364a
commit 4038040faa
21 changed files with 3875 additions and 2603 deletions
--- a/frontend/cache-buster.html
+++ b/frontend/cache-buster.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>캐시 무효화 - Document Server</title>
+    <script>
+        // 강제 캐시 무효화
+        const timestamp = new Date().getTime();
+        console.log('🔧 캐시 무효화 타임스탬프:', timestamp);
+        
+        // localStorage 캐시 정리
+        localStorage.removeItem('api_cache');
+        sessionStorage.clear();
+        
+        // 3초 후 업로드 페이지로 리다이렉트
+        setTimeout(() => {
+            window.location.href = `upload.html?t=${timestamp}`;
+        }, 3000);
+    </script>
+</head>
+<body style="display: flex; align-items: center; justify-content: center; height: 100vh; font-family: Arial, sans-serif;">
+    <div style="text-align: center;">
+        <h1>🔧 캐시 무효화 중...</h1>
+        <p>잠시만 기다려주세요. 3초 후 업로드 페이지로 이동합니다.</p>
+        <div style="margin-top: 20px;">
+            <div style="width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto;"></div>
+        </div>
+    </div>
+    
+    <style>
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+    </style>
+</body>
+</html>