V.1.2 - Improved Secrurity, Better Ticket Handling

public/admin.html

@@ -13,12 +13,30 @@
   <div class="container">
     <header class="header">
       <h1><i class="fas fa-ticket-alt"></i> Admin Dashboard</h1>
-      <div>
+      <div class="user-actions">
         <span>Welcome, Admin!</span>
+        <img class="avatar" src="/assets/admin.jpg" alt="Admin Avatar">
+        <button id="update-pfp-btn" class="btn-update-pfp small-btn">
+          <i class="fas fa-camera"></i> Update Picture
+        </button>
         <a href="/">User View</a>
       </div>
     </header>
 
+    <!-- Admin Profile Picture Modal -->
+    <div id="update-pfp-modal" class="modal" style="display:none;">
+      <div class="modal-content small-modal">
+        <h2><i class="fas fa-camera"></i> Update Admin Picture</h2>
+        <div id="drop-zone">
+          <p>Drag & Drop your picture here<br>or click to select</p>
+          <input type="file" id="pfp-file-input" accept="image/*" hidden>
+        </div>
+        <button id="upload-pfp-btn" class="btn-update-pfp" style="margin-top: 12px;">
+          <i class="fas fa-upload"></i> Upload
+        </button>
+      </div>
+    </div>
+
     <main class="main-content">
       <section class="admin-stats">
         <div class="stat-card">
@@ -64,10 +82,6 @@
             </select>
             <select id="category-filter">
               <option value="all">All Categories</option>
-              <option value="Bug">Bug</option>
-              <option value="Feature">Feature</option>
-              <option value="Support">Support</option>
-              <option value="Other">Other</option>
             </select>
           </div>
         </div>
@@ -92,36 +106,44 @@
       </section>
     </main>
 
+    <!-- Closed Tickets Accordion -->
     <section class="closed-tickets-section">
-      <div class="section-header">
-        <h2><i class="fas fa-archive"></i> Closed Tickets</h2>
+      <div class="accordion-section">
+        <button class="accordion-toggle" id="closed-toggle">
+          <i class="fas fa-archive"></i>
+          Closed Tickets
+          <span class="accordion-count" id="closed-count">0</span>
+          <i class="fas fa-chevron-down accordion-arrow"></i>
+        </button>
+        <div class="accordion-body" id="closed-accordion" style="display: none;">
+          <div class="admin-tickets-list">
+            <table id="closed-tickets-table">
+              <thead>
+                <tr>
+                  <th>ID</th>
+                  <th>Title</th>
+                  <th>Requester</th>
+                  <th>Category</th>
+                  <th>Status</th>
+                  <th>Priority</th>
+                  <th>Created</th>
+                  <th>Total Time</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody id="closed-tickets-body"></tbody>
+            </table>
+          </div>
+        </div>
       </div>
-      <div class="admin-tickets-list">
-        <table id="closed-tickets-table">
-          <thead>
-            <tr>
-              <th>ID</th>
-              <th>Title</th>
-              <th>Requester</th>
-              <th>Category</th>
-              <th>Status</th>
-              <th>Priority</th>
-              <th>Created</th>
-              <th>Total Time</th>
-              <th>Actions</th>
-            </tr>
-          </thead>
-          <tbody id="closed-tickets-body"></tbody>
-        </table>
-      </div>
-  </section>
-
+    </section>
 
     <footer class="footer">
-      <p>Ticketsystem by Honey v1.1 &copy; 2025</p>
+      <p class="app-footer-text"></p>
     </footer>
   </div>
 
   <script src="admin-script.js"></script>
+  <script src="version.js"></script>
 </body>
 </html>