Dateien nach "public/ticketview" hochladen

2025-11-15 13:48:56 +01:00
1 parent 58ceca14b3
commit 784b660402
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>My Ticket - Ticket System</title>
+  <link rel="icon" type="image/x-icon" href="/assets/favicon_ticket.ico">
+  <link rel="stylesheet" href="ticket-view.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 user-view">
+    <header class="header">
+      <h1><i class="fas fa-ticket-alt"></i> My Ticket</h1>
+      <div class="user-actions">
+        <a href="../index.html" class="back-link"
+          ><i class="fas fa-arrow-left"></i> Back to Dashboard</a
+        >
+      </div>
+    </header>
+
+    <main class="main-content">
+      <div class="ticket-details-layout">
+        <section class="ticket-details">
+          <div class="ticket-header">
+            <h2 id="ticket-title-text">Loading...</h2>
+            <div class="ticket-meta">
+              <span class="ticket-id"
+                >#<span id="ticket-id-val">-</span></span
+              >
+            </div>
+          </div>
+
+          <div class="ticket-body">
+            <!-- Requester first -->
+            <div class="info-item requester">
+              <h4>Requester</h4>
+              <p id="ticket-requester">-</p>
+            </div>
+
+            <!-- Then description -->
+            <h3>Description</h3>
+            <p id="ticket-description-text">Loading...</p>
+
+            <!-- Then grid info -->
+            <div class="ticket-info-grid">
+              <div class="info-item">
+                <h4>Created</h4>
+                <p id="ticket-created">-</p>
+              </div>
+              <div class="info-item">
+                <h4>Last Updated</h4>
+                <p id="ticket-updated">-</p>
+              </div>
+              <div class="info-item">
+                <h4>Time</h4>
+                <p><span id="total-time">0</span></p>
+              </div>
+              <div class="info-item">
+                <h4>Status</h4>
+                <span id="ticket-status-badge" class="ticket-status">Open</span>
+              </div>
+              <div class="info-item">
+                <h4>Priority</h4>
+                <span id="priority-text" class="ticket-priority">-</span>
+              </div>
+              <div class="info-item">
+                <h4>Category</h4>
+                <span id="ticket-category" class="ticket-category">-</span>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="ticket-activity">
+          <div class="tabs">
+            <button class="tab-btn active" data-tab="comments">Comments</button>
+            <button class="tab-btn" data-tab="history">History</button>
+          </div>
+
+          <div class="tab-content active" id="comments-tab">
+            <form id="comment-form" class="comment-form">
+              <input
+                type="text"
+                id="comment-author"
+                class="form-control"
+                placeholder="Your name"
+                required
+              />
+              <textarea
+                id="comment-content"
+                rows="3"
+                class="form-control"
+                placeholder="Add a comment..."
+                required
+              ></textarea>
+              <button class="btn-primary" type="submit">Post Comment</button>
+            </form>
+            <div id="comments-container"></div>
+          </div>
+
+          <div class="tab-content" id="history-tab">
+            <div id="history-container"></div>
+          </div>
+        </section>
+      </div>
+    </main>
+
+    <footer class="footer">
+      <p>Ticket System by Honey v1.1 © 2025</p>
+    </footer>
+  </div>
+
+  <script type="module" src="ticket-user.js"></script>
+</body>
+</html>