V.1.2 - Improved Secrurity, Better Ticket Handling

public/index.html

@@ -6,10 +6,7 @@
   <title>Laila Dashboard - Ticket System!</title>
   <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
   <link rel="stylesheet" href="user.css" />
-  <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
-  />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
 </head>
 <body>
   <div class="container">
@@ -30,9 +27,7 @@
     <!-- Modal Window for Creating Ticket -->
     <div id="create-ticket-modal" class="modal" style="display:none;">
       <div class="modal-content">
-        <button id="close-modal-btn" class="modal-close-btn" aria-label="Close modal">
-          &times;
-        </button>
+        <button id="close-modal-btn" class="modal-close-btn" aria-label="Close modal">&times;</button>
         <section class="ticket-form">
           <h2><i class="fas fa-plus-circle"></i> Create New Ticket</h2>
           <form id="create-form">
@@ -40,12 +35,7 @@
               <input type="text" id="title" placeholder="Ticket Title" required />
             </div>
             <div class="form-group">
-              <textarea
-                id="description"
-                rows="3"
-                placeholder="Describe your issue..."
-                required
-              ></textarea>
+              <textarea id="description" rows="3" placeholder="Describe your issue..." required></textarea>
             </div>
             <div class="form-row">
               <div class="form-group">
@@ -57,20 +47,13 @@
                 </select>
               </div>
               <div class="form-group">
-                <select id="category">
-                  <option value="HELP">HELP</option>
-                  <option value="HELP MEE NOOOW">HELP MEE NOOOW</option>
-                  <option value="IT-Support">IT-Support</option>
-                  <option value="Suggestion...">Suggestion...</option>
-                  <option value="Add Book pls">Add Book pls</option>
-                  <option value="Honeyycloud!">Honeyycloud!</option>
-                </select>
+                <select id="category"></select>
               </div>
             </div>
             <div class="form-group button-wrapper">
-             <button type="submit" class="btn-primary">
-              <i class="fas fa-paper-plane"></i> Create Ticket
-             </button>
+              <button type="submit" class="btn-primary">
+                <i class="fas fa-paper-plane"></i> Create Ticket
+              </button>
             </div>
           </form>
         </section>
@@ -81,12 +64,10 @@
     <div id="update-pfp-modal" class="modal" style="display:none;">
       <div class="modal-content small-modal">
         <h2><i class="fas fa-camera"></i> Update Profile 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>
@@ -107,35 +88,36 @@
             </select>
             <select id="category-filter">
               <option value="all">All Categories</option>
-              <option value="HELP">HELP</option>
-              <option value="HELP MEE NOOOW">HELP MEE NOOOW</option>
-              <option value="IT-Support">IT-Support</option>
-              <option value="Suggestion...">Suggestion...</option>
-              <option value="Add Book pls">Add Book pls</option>
-              <option value="Honeyycloud!">Honeyycloud!</option>
             </select>
           </div>
         </div>
 
-        <!-- 🟢 Open/Active Tickets -->
         <div>
           <h3>Active Tickets</h3>
           <div id="tickets-container" class="tickets-grid"></div>
         </div>
 
-        <!-- 🔴 Closed Tickets -->
-        <div style="margin-top: 2rem;">
-          <h3>Closed Tickets</h3>
-          <div id="closed-tickets-container" class="tickets-grid"></div>
+        <!-- Closed Tickets Accordion -->
+        <div class="accordion-section" style="margin-top: 2rem;">
+          <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 id="closed-tickets-container" class="tickets-grid"></div>
+          </div>
         </div>
       </section>
     </main>
 
     <footer class="footer">
-      <p>Ticket System by Honey v1.1 &copy; 2025</p>
+      <p class="app-footer-text"></p>
     </footer>
   </div>
 
   <script src="user-script.js"></script>
+  <script src="version.js"></script>
 </body>
-</html>
+</html>