-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (170 loc) · 7.69 KB
/
Copy pathindex.html
File metadata and controls
184 lines (170 loc) · 7.69 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI-Powered Knowledge Engine</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="priority-styles.css">
<link rel="stylesheet" href="visualizations.css">
<link rel="stylesheet" href="batch-processing.css">
<link rel="stylesheet" href="upload-help.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<!-- Animated Background Particles -->
<div class="particles-container">
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
</div>
<!-- Main Dashboard Container -->
<div class="dashboard-container">
<!-- Left Navigation Sidebar -->
<aside class="sidebar glass-panel">
<div class="sidebar-header">
<div class="logo">
<i class="fas fa-brain"></i>
<span>AI Engine</span>
</div>
</div>
<nav class="nav-menu">
<div class="nav-item active" data-page="dashboard">
<i class="fas fa-tachometer-alt"></i>
<span>Dashboard</span>
</div>
<div class="nav-item" data-page="tickets">
<i class="fas fa-ticket-alt"></i>
<span>Tickets</span>
</div>
</nav>
</aside>
<!-- Main Content Area -->
<main class="main-content">
<!-- Dashboard Page -->
<div class="page-content" id="dashboard-page">
<div class="page-header">
<h1>Dashboard</h1>
<p>Welcome to your AI Knowledge Engine</p>
</div>
<div class="dashboard-grid">
<div class="glass-card stats-card">
<h3>Overview Statistics</h3>
<div class="stats-grid">
<div class="stat-item">
<i class="fas fa-ticket-alt"></i>
<h4>Total Tickets</h4>
<p>0</p>
</div>
<div class="stat-item">
<i class="fas fa-check-circle"></i>
<h4>Processed</h4>
<p>0</p>
</div>
</div>
</div>
<div class="glass-card activity-card">
<h3>Recent Activity</h3>
<div class="activity-empty">
<i class="fas fa-clock"></i>
<p>No recent activity</p>
<span>Activity will appear here</span>
</div>
</div>
<div class="glass-card actions-card">
<h3>Quick Actions</h3>
<div class="quick-actions">
<button class="btn btn--primary" data-action="new-ticket">
<i class="fas fa-plus"></i>
New Ticket
</button>
</div>
</div>
</div>
</div>
<!-- Tickets Page -->
<div class="page-content hidden" id="tickets-page">
<div class="page-header">
<h1>Tickets</h1>
<p>Submit and manage your tickets</p>
</div>
<!-- Add New Ticket Section -->
<div class="glass-card add-ticket-section">
<div class="ticket-form">
<!-- Input Type Toggle -->
<div class="input-type-toggle">
<button class="toggle-btn active" data-input="type">
<i class="fas fa-keyboard"></i>
Type
</button>
<button class="toggle-btn" data-input="upload">
<i class="fas fa-file-upload"></i>
Upload
</button>
</div>
<!-- Type Input Section -->
<div class="input-section" id="typeSection">
<textarea id="ticketTextarea" class="form-control"
placeholder="Enter your ticket description here..."></textarea>
<div class="char-counter">
<span id="charCount">0</span> / 1000 characters
</div>
</div>
<!-- Upload Input Section -->
<div class="input-section hidden" id="uploadSection">
<div class="upload-area" id="fileUploadArea">
<i class="fas fa-cloud-upload-alt"></i>
<p>Drag & drop your file here or</p>
<button class="btn btn--secondary" id="browseBtn">Browse Files</button>
<input type="file" id="fileInput" hidden>
</div>
<div class="file-info hidden" id="fileInfo"></div>
</div>
<div class="form-actions">
<button class="btn btn--primary" id="submitTicket">
<i class="fas fa-paper-plane"></i>
Submit Ticket
</button>
</div>
</div>
</div>
<!-- Ticket List Section -->
<div class="glass-card tickets-list-card">
<div class="list-header">
<h3>Your Tickets</h3>
<div class="list-controls">
<input type="text" class="form-control search-input" placeholder="Search tickets...">
<select class="form-control">
<option>All Statuses</option>
<option>Open</option>
<option>Closed</option>
</select>
</div>
</div>
<div class="tickets-empty">
<i class="fas fa-ticket-alt"></i>
<h4>No tickets have been submitted yet</h4>
<p>Submit your first ticket to get started</p>
</div>
<div class="tickets-container" id="ticketsContainer"></div>
</div>
</div>
</main>
</div>
<!-- Processing Overlay -->
<div class="processing-overlay hidden" id="processingOverlay">
<div class="glass-card processing-card">
<div class="processing-animation">
<div class="processing-spinner"></div>
</div>
<h3>Processing Ticket...</h3>
<p>AI is analyzing your request</p>
</div>
</div>
<script src="app-state.js"></script>
<script src="batch-processing.js"></script>
<script src="app.js"></script>
</body>
</html>