AtomicAtom/loaddoc-attachments-wizard
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>LoadDoc Attachments</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="components/navbar.js"></script>12 <script src="components/footer.js"></script>13 <script src="components/attachment-modal.js"></script>14 <script src="components/attachments-stats-modal.js"></script>15</head>16<body class="bg-gray-50">17 <custom-navbar></custom-navbar>18 19 <main class="container mx-auto px-4 py-8">20 <div class="flex justify-between items-center mb-8">21 <div class="flex items-center gap-4">22 <h1 class="text-3xl font-bold text-gray-800">Load Documents</h1>23 <button id="showStatsBtn" class="text-blue-600 hover:text-blue-800 flex items-center gap-1 text-sm">24 <i data-feather="bar-chart-2"></i>25 View Stats26 </button>27 </div>28<button id="openModalBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg flex items-center gap-2 transition-colors">29 <i data-feather="plus"></i>30 Add Attachment31 </button>32 </div>33 34 <div class="bg-white rounded-xl shadow-md overflow-hidden">35 <div class="p-6">36 <h2 class="text-xl font-semibold text-gray-700 mb-4">Current Load: #LD-2023-0456</h2>37 <div class="grid grid-cols-1 md:grid-cols-3 gap-6" id="attachmentsContainer">38 <!-- Attachments will be loaded here -->39 </div>40 </div>41 </div>42 </main>43 44 <custom-footer></custom-footer>45 <custom-attachment-modal id="attachmentModal"></custom-attachment-modal>46 <custom-stats-modal id="statsModal"></custom-stats-modal>47<script src="script.js"></script>48 <script>49 feather.replace();50 // Initialize modal functionality51 document.getElementById('openModalBtn').addEventListener('click', () => {52 document.getElementById('attachmentModal').showModal();53 });54 document.getElementById('showStatsBtn').addEventListener('click', () => {55 document.getElementById('statsModal').showModal();56 });57</script>58<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>59</body>60</html>