Hugging Face's logo

Spaces:
alterzick
/
completionflow-pro
Running

App Files Community
alterzick commited on
Commit
9173a27
·
verified ·
1 Parent(s): 115b274

Fitur Utama yang Wajib Ada

Browse files

1. Manajemen Dokumen Digital
Semua dokumen proyek (check sheet, ITR, certificate, summary report) terpusat dalam satu sistem yang mampu menyimpan, mencari, dan mengontrol versi dokumen secara mudah dan aman.
2. Automasi Workflow & Progress Tracking
Sistem otomatis untuk penugasan, update status, approval, dan tracking progress pekerjaan mechanical completion, pre-commissioning, hingga handover. Progress dapat dipantau lewat dashboard visual.
3. Checklist & Inspection Form
Fitur pembuatan dan pengisian checklist digital (inspeksi, FAT/SAT, commissioning) yang bisa dikustomisasi sesuai SOP proyek. User bisa melakukan input data langsung dari lapangan.
4. Punch List dan Issue Tracking
Sistem untuk pencatatan temuan lapangan (punch list), penugasan solusi per item, serta tracking status penyelesaian secara real-time, termasuk notifikasi follow-up.
5. Pelaporan Otomatis & Audit Ready
Laporan serta rekap progres dapat diekspor otomatis dan audit trail disimpan sistem untuk kebutuhan compliance dan validasi kualitas.
6. Mobile & Cloud Integration
Mendukung akses dari lapangan melalui perangkat mobile serta sinkronisasi cloud, sehingga semua tim bisa update status, upload evidence (foto/dokumen), dan kolaborasi digital.
7. Asset & Barcode Management
Fitur manajemen aset proyek beserta tracking via barcode/QR code untuk identifikasi equipment, tag, hingga check sheet.
8. Kolaborasi Tim & Komunikasi
Mendukung pemberian tugas, catatan, dan chat/collaboration antar anggota tim dalam satu platform agar koordinasi lebih efisien

Files changed (2) hide show
  1. documents.html +372 -0
  2. index.html +197 -9
documents.html ADDED
@@ -0,0 +1,372 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Document Management | CompletionFlow Pro</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
12
+ <style>
13
+ .vanta-bg {
14
+ position: fixed;
15
+ top: 0;
16
+ left: 0;
17
+ width: 100%;
18
+ height: 100%;
19
+ z-index: -1;
20
+ opacity: 0.15;
21
+ }
22
+ .card-hover {
23
+ transition: all 0.3s ease;
24
+ }
25
+ .card-hover:hover {
26
+ transform: translateY(-5px);
27
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
28
+ }
29
+ .active-tab {
30
+ border-bottom: 3px solid #3b82f6;
31
+ color: #3b82f6;
32
+ font-weight: 600;
33
+ }
34
+ .document-card:hover .document-actions {
35
+ opacity: 1;
36
+ }
37
+ .document-actions {
38
+ opacity: 0;
39
+ transition: opacity 0.2s ease;
40
+ }
41
+ </style>
42
+ </head>
43
+ <body class="bg-gray-50">
44
+ <div id="vanta-bg" class="vanta-bg"></div>
45
+
46
+ <!-- Navigation -->
47
+ <nav class="bg-white shadow-sm">
48
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
49
+ <div class="flex justify-between h-16">
50
+ <div class="flex items-center">
51
+ <div class="flex-shrink-0 flex items-center">
52
+ <i data-feather="tool" class="h-8 w-8 text-primary"></i>
53
+ <span class="ml-2 text-xl font-bold text-gray-800">CompletionFlow Pro</span>
54
+ </div>
55
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
56
+ <a href="index.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Dashboard</a>
57
+ <a href="documents.html" class="active-tab inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Documents</a>
58
+ <a href="workflows.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Workflows</a>
59
+ <a href="checklists.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Checklists</a>
60
+ <a href="punchlists.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Punch Lists</a>
61
+ <a href="assets.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Assets</a>
62
+ <a href="reports.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Reports</a>
63
+ <a href="collaboration.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Collaboration</a>
64
+ </div>
65
+ </div>
66
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
67
+ <button class="bg-white p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
68
+ <i data-feather="bell" class="h-6 w-6"></i>
69
+ </button>
70
+ <div class="ml-3 relative">
71
+ <div>
72
+ <button class="flex text-sm rounded-full focus:outline-none">
73
+ <img class="h-8 w-8 rounded-full" src="http://static.photos/technology/200x200/5" alt="">
74
+ </button>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ <div class="-mr-2 flex items-center sm:hidden">
79
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none">
80
+ <i data-feather="menu" class="h-6 w-6"></i>
81
+ </button>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ </nav>
86
+
87
+ <!-- Main Content -->
88
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
89
+ <div class="flex justify-between items-center mb-8">
90
+ <div>
91
+ <h1 class="text-3xl font-bold text-gray-800">Document Management</h1>
92
+ <p class="mt-2 text-gray-600">Centralized repository for all project documents</p>
93
+ </div>
94
+ <button class="bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-600 flex items-center">
95
+ <i data-feather="upload" class="h-4 w-4 mr-2"></i>
96
+ Upload Document
97
+ </button>
98
+ </div>
99
+
100
+ <!-- Search and Filter -->
101
+ <div class="bg-white shadow rounded-lg p-4 mb-8">
102
+ <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
103
+ <div class="relative flex-1">
104
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
105
+ <i data-feather="search" class="h-5 w-5 text-gray-400"></i>
106
+ </div>
107
+ <input type="text" class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm" placeholder="Search documents...">
108
+ </div>
109
+ <div class="flex space-x-2">
110
+ <select class="block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm rounded-md">
111
+ <option>All Categories</option>
112
+ <option>Check Sheets</option>
113
+ <option>ITRs</option>
114
+ <option>Certificates</option>
115
+ <option>Reports</option>
116
+ <option>Drawings</option>
117
+ </select>
118
+ <select class="block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm rounded-md">
119
+ <option>All Status</option>
120
+ <option>Draft</option>
121
+ <option>Pending Approval</option>
122
+ <option>Approved</option>
123
+ <option>Rejected</option>
124
+ </select>
125
+ </div>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Document List -->
130
+ <div class="grid grid-cols-1 gap-4">
131
+ <!-- Document Card -->
132
+ <div class="bg-white shadow rounded-lg overflow-hidden document-card">
133
+ <div class="p-4 sm:p-6">
134
+ <div class="flex items-start justify-between">
135
+ <div class="flex-1 min-w-0">
136
+ <div class="flex items-center">
137
+ <i data-feather="file-text" class="h-5 w-5 text-primary mr-2"></i>
138
+ <h3 class="text-lg font-medium text-gray-900 truncate">Pump P-101 FAT Checklist</h3>
139
+ </div>
140
+ <div class="mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6">
141
+ <div class="mt-2 flex items-center text-sm text-gray-500">
142
+ <i data-feather="folder" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
143
+ Check Sheets
144
+ </div>
145
+ <div class="mt-2 flex items-center text-sm text-gray-500">
146
+ <i data-feather="tag" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
147
+ Mechanical Completion
148
+ </div>
149
+ <div class="mt-2 flex items-center text-sm text-gray-500">
150
+ <i data-feather="calendar" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
151
+ Updated 3 hours ago
152
+ </div>
153
+ <div class="mt-2 flex items-center text-sm text-gray-500">
154
+ <i data-feather="user" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
155
+ John Smith
156
+ </div>
157
+ </div>
158
+ </div>
159
+ <div class="ml-4 flex-shrink-0 flex document-actions">
160
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
161
+ <i data-feather="download" class="h-4 w-4"></i>
162
+ </button>
163
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
164
+ <i data-feather="share-2" class="h-4 w-4"></i>
165
+ </button>
166
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
167
+ <i data-feather="more-vertical" class="h-4 w-4"></i>
168
+ </button>
169
+ </div>
170
+ </div>
171
+ <div class="mt-4 flex items-center justify-between">
172
+ <div class="flex items-center">
173
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
174
+ <i data-feather="check-circle" class="mr-1 h-3 w-3"></i>
175
+ Approved
176
+ </span>
177
+ <span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
178
+ v1.2
179
+ </span>
180
+ </div>
181
+ <div class="flex items-center text-sm text-gray-500">
182
+ <i data-feather="hard-drive" class="mr-1 h-4 w-4"></i>
183
+ 2.4 MB PDF
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </div>
188
+
189
+ <!-- Document Card -->
190
+ <div class="bg-white shadow rounded-lg overflow-hidden document-card">
191
+ <div class="p-4 sm:p-6">
192
+ <div class="flex items-start justify-between">
193
+ <div class="flex-1 min-w-0">
194
+ <div class="flex items-center">
195
+ <i data-feather="file" class="h-5 w-5 text-yellow-500 mr-2"></i>
196
+ <h3 class="text-lg font-medium text-gray-900 truncate">Vessel V-203 Inspection Report</h3>
197
+ </div>
198
+ <div class="mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6">
199
+ <div class="mt-2 flex items-center text-sm text-gray-500">
200
+ <i data-feather="folder" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
201
+ Reports
202
+ </div>
203
+ <div class="mt-2 flex items-center text-sm text-gray-500">
204
+ <i data-feather="tag" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
205
+ Pre-Commissioning
206
+ </div>
207
+ <div class="mt-2 flex items-center text-sm text-gray-500">
208
+ <i data-feather="calendar" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
209
+ Updated 1 day ago
210
+ </div>
211
+ <div class="mt-2 flex items-center text-sm text-gray-500">
212
+ <i data-feather="user" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
213
+ Sarah Johnson
214
+ </div>
215
+ </div>
216
+ </div>
217
+ <div class="ml-4 flex-shrink-0 flex document-actions">
218
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
219
+ <i data-feather="download" class="h-4 w-4"></i>
220
+ </button>
221
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
222
+ <i data-feather="share-2" class="h-4 w-4"></i>
223
+ </button>
224
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
225
+ <i data-feather="more-vertical" class="h-4 w-4"></i>
226
+ </button>
227
+ </div>
228
+ </div>
229
+ <div class="mt-4 flex items-center justify-between">
230
+ <div class="flex items-center">
231
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
232
+ <i data-feather="alert-circle" class="mr-1 h-3 w-3"></i>
233
+ Pending Approval
234
+ </span>
235
+ <span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
236
+ v0.4
237
+ </span>
238
+ </div>
239
+ <div class="flex items-center text-sm text-gray-500">
240
+ <i data-feather="hard-drive" class="mr-1 h-4 w-4"></i>
241
+ 5.1 MB PDF
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+
247
+ <!-- Document Card -->
248
+ <div class="bg-white shadow rounded-lg overflow-hidden document-card">
249
+ <div class="p-4 sm:p-6">
250
+ <div class="flex items-start justify-between">
251
+ <div class="flex-1 min-w-0">
252
+ <div class="flex items-center">
253
+ <i data-feather="file-text" class="h-5 w-5 text-green-500 mr-2"></i>
254
+ <h3 class="text-lg font-medium text-gray-900 truncate">Compressor C-501 ITR 3.1</h3>
255
+ </div>
256
+ <div class="mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6">
257
+ <div class="mt-2 flex items-center text-sm text-gray-500">
258
+ <i data-feather="folder" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
259
+ ITRs
260
+ </div>
261
+ <div class="mt-2 flex items-center text-sm text-gray-500">
262
+ <i data-feather="tag" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
263
+ Commissioning
264
+ </div>
265
+ <div class="mt-2 flex items-center text-sm text-gray-500">
266
+ <i data-feather="calendar" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
267
+ Updated 2 days ago
268
+ </div>
269
+ <div class="mt-2 flex items-center text-sm text-gray-500">
270
+ <i data-feather="user" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>
271
+ Michael Chen
272
+ </div>
273
+ </div>
274
+ </div>
275
+ <div class="ml-4 flex-shrink-0 flex document-actions">
276
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
277
+ <i data-feather="download" class="h-4 w-4"></i>
278
+ </button>
279
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
280
+ <i data-feather="share-2" class="h-4 w-4"></i>
281
+ </button>
282
+ <button class="ml-1 bg-gray-100 p-2 rounded-full text-gray-500 hover:text-gray-700">
283
+ <i data-feather="more-vertical" class="h-4 w-4"></i>
284
+ </button>
285
+ </div>
286
+ </div>
287
+ <div class="mt-4 flex items-center justify-between">
288
+ <div class="flex items-center">
289
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
290
+ <i data-feather="check-circle" class="mr-1 h-3 w-3"></i>
291
+ Approved
292
+ </span>
293
+ <span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
294
+ v2.0
295
+ </span>
296
+ </div>
297
+ <div class="flex items-center text-sm text-gray-500">
298
+ <i data-feather="hard-drive" class="mr-1 h-4 w-4"></i>
299
+ 3.7 MB PDF
300
+ </div>
301
+ </div>
302
+ </div>
303
+ </div>
304
+ </div>
305
+
306
+ <!-- Pagination -->
307
+ <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6 mt-8 rounded-b-lg">
308
+ <div class="flex-1 flex justify-between sm:hidden">
309
+ <a href="#" class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
310
+ Previous
311
+ </a>
312
+ <a href="#" class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
313
+ Next
314
+ </a>
315
+ </div>
316
+ <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
317
+ <div>
318
+ <p class="text-sm text-gray-700">
319
+ Showing <span class="font-medium">1</span> to <span class="font-medium">3</span> of <span class="font-medium">24</span> documents
320
+ </p>
321
+ </div>
322
+ <div>
323
+ <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
324
+ <a href="#" class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
325
+ <span class="sr-only">Previous</span>
326
+ <i data-feather="chevron-left" class="h-5 w-5"></i>
327
+ </a>
328
+ <a href="#" aria-current="page" class="z-10 bg-primary-50 border-primary-500 text-primary-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
329
+ 1
330
+ </a>
331
+ <a href="#" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
332
+ 2
333
+ </a>
334
+ <a href="#" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
335
+ 3
336
+ </a>
337
+ <span class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700">
338
+ ...
339
+ </span>
340
+ <a href="#" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
341
+ 8
342
+ </a>
343
+ <a href="#" class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
344
+ <span class="sr-only">Next</span>
345
+ <i data-feather="chevron-right" class="h-5 w-5"></i>
346
+ </a>
347
+ </nav>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
352
+
353
+ <script>
354
+ feather.replace();
355
+ VANTA.NET({
356
+ el: "#vanta-bg",
357
+ mouseControls: true,
358
+ touchControls: true,
359
+ gyroControls: false,
360
+ minHeight: 200.00,
361
+ minWidth: 200.00,
362
+ scale: 1.00,
363
+ scaleMobile: 1.00,
364
+ color: 0x3b82f6,
365
+ backgroundColor: 0xf8fafc,
366
+ points: 12.00,
367
+ maxDistance: 25.00,
368
+ spacing: 20.00
369
+ });
370
+ </script>
371
+ </body>
372
+ </html>
index.html CHANGED
@@ -59,13 +59,15 @@
59
  <span class="ml-2 text-xl font-bold text-gray-800">CompletionFlow Pro</span>
60
  </div>
61
  <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
62
- <a href="#" class="active-tab inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Dashboard</a>
63
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Documents</a>
64
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Workflows</a>
65
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Checklists</a>
66
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Punch Lists</a>
67
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Assets</a>
68
- </div>
 
 
69
  </div>
70
  <div class="hidden sm:ml-6 sm:flex sm:items-center">
71
  <button class="bg-white p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
@@ -94,7 +96,6 @@
94
  <h1 class="text-3xl font-bold text-gray-800">Project Dashboard</h1>
95
  <p class="mt-2 text-gray-600">Monitor all engineering completion activities in real-time</p>
96
  </div>
97
-
98
  <!-- Stats Cards -->
99
  <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4 mb-8">
100
  <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
@@ -108,6 +109,7 @@
108
  <dt class="text-sm font-medium text-gray-500 truncate">Total Documents</dt>
109
  <dd>
110
  <div class="text-lg font-medium text-gray-900">1,248</div>
 
111
  </dd>
112
  </dl>
113
  </div>
@@ -125,6 +127,192 @@
125
  <dl>
126
  <dt class="text-sm font-medium text-gray-500 truncate">Completed Tasks</dt>
127
  <dd>
128
- <div class{"ok":false,"message":"terminated"}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
129
  </body>
130
  </html>
 
59
  <span class="ml-2 text-xl font-bold text-gray-800">CompletionFlow Pro</span>
60
  </div>
61
  <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
62
+ <a href="index.html" class="active-tab inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Dashboard</a>
63
+ <a href="documents.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Documents</a>
64
+ <a href="workflows.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Workflows</a>
65
+ <a href="checklists.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Checklists</a>
66
+ <a href="punchlists.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Punch Lists</a>
67
+ <a href="assets.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Assets</a>
68
+ <a href="reports.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Reports</a>
69
+ <a href="collaboration.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Collaboration</a>
70
+ </div>
71
  </div>
72
  <div class="hidden sm:ml-6 sm:flex sm:items-center">
73
  <button class="bg-white p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
 
96
  <h1 class="text-3xl font-bold text-gray-800">Project Dashboard</h1>
97
  <p class="mt-2 text-gray-600">Monitor all engineering completion activities in real-time</p>
98
  </div>
 
99
  <!-- Stats Cards -->
100
  <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4 mb-8">
101
  <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
 
109
  <dt class="text-sm font-medium text-gray-500 truncate">Total Documents</dt>
110
  <dd>
111
  <div class="text-lg font-medium text-gray-900">1,248</div>
112
+ <div class="text-xs text-green-500">+12% from last week</div>
113
  </dd>
114
  </dl>
115
  </div>
 
127
  <dl>
128
  <dt class="text-sm font-medium text-gray-500 truncate">Completed Tasks</dt>
129
  <dd>
130
+ <div class="text-lg font-medium text-gray-900">876</div>
131
+ <div class="text-xs text-green-500">78% completion rate</div>
132
+ </dd>
133
+ </dl>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ </div>
138
+
139
+ <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
140
+ <div class="px-4 py-5 sm:p-6">
141
+ <div class="flex items-center">
142
+ <div class="flex-shrink-0 bg-yellow-100 rounded-md p-3">
143
+ <i data-feather="alert-circle" class="h-6 w-6 text-yellow-500"></i>
144
+ </div>
145
+ <div class="ml-5 w-0 flex-1">
146
+ <dl>
147
+ <dt class="text-sm font-medium text-gray-500 truncate">Open Punch Items</dt>
148
+ <dd>
149
+ <div class="text-lg font-medium text-gray-900">124</div>
150
+ <div class="text-xs text-red-500">32 overdue</div>
151
+ </dd>
152
+ </dl>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </div>
157
+
158
+ <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
159
+ <div class="px-4 py-5 sm:p-6">
160
+ <div class="flex items-center">
161
+ <div class="flex-shrink-0 bg-purple-100 rounded-md p-3">
162
+ <i data-feather="users" class="h-6 w-6 text-purple-500"></i>
163
+ </div>
164
+ <div class="ml-5 w-0 flex-1">
165
+ <dl>
166
+ <dt class="text-sm font-medium text-gray-500 truncate">Active Team Members</dt>
167
+ <dd>
168
+ <div class="text-lg font-medium text-gray-900">48</div>
169
+ <div class="text-xs text-blue-500">12 in field today</div>
170
+ </dd>
171
+ </dl>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </div>
177
+
178
+ <!-- Recent Activity Section -->
179
+ <div class="bg-white shadow rounded-lg mb-8">
180
+ <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
181
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Recent Activity</h3>
182
+ <p class="mt-1 text-sm text-gray-500">Latest updates from your team</p>
183
+ </div>
184
+ <div class="px-4 py-5 sm:p-6">
185
+ <div class="flow-root">
186
+ <ul class="-mb-8">
187
+ <li>
188
+ <div class="relative pb-8">
189
+ <div class="relative flex items-start space-x-3">
190
+ <div class="relative">
191
+ <img class="h-10 w-10 rounded-full bg-gray-400 flex items-center justify-center ring-8 ring-white" src="http://static.photos/people/200x200/1" alt="">
192
+ </div>
193
+ <div class="min-w-0 flex-1">
194
+ <div>
195
+ <div class="text-sm">
196
+ <a href="#" class="font-medium text-gray-900">John Smith</a>
197
+ </div>
198
+ <p class="mt-0.5 text-sm text-gray-500">Uploaded FAT checklist for Pump P-101</p>
199
+ </div>
200
+ <div class="mt-2 text-sm text-gray-700">
201
+ <p>Completed all mechanical checks and signed off by QC team.</p>
202
+ </div>
203
+ <div class="mt-2 text-xs text-gray-500">2 hours ago</div>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </li>
208
+ <li>
209
+ <div class="relative pb-8">
210
+ <div class="relative flex items-start space-x-3">
211
+ <div class="relative">
212
+ <img class="h-10 w-10 rounded-full bg-gray-400 flex items-center justify-center ring-8 ring-white" src="http://static.photos/people/200x200/2" alt="">
213
+ </div>
214
+ <div class="min-w-0 flex-1">
215
+ <div>
216
+ <div class="text-sm">
217
+ <a href="#" class="font-medium text-gray-900">Sarah Johnson</a>
218
+ </div>
219
+ <p class="mt-0.5 text-sm text-gray-500">Resolved punch item #PL-2047</p>
220
+ </div>
221
+ <div class="mt-2 text-sm text-gray-700">
222
+ <p>Replaced faulty pressure gauge on vessel V-203, verified by inspection team.</p>
223
+ </div>
224
+ <div class="mt-2 text-xs text-gray-500">4 hours ago</div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </li>
229
+ <li>
230
+ <div class="relative pb-8">
231
+ <div class="relative flex items-start space-x-3">
232
+ <div class="relative">
233
+ <img class="h-10 w-10 rounded-full bg-gray-400 flex items-center justify-center ring-8 ring-white" src="http://static.photos/people/200x200/3" alt="">
234
+ </div>
235
+ <div class="min-w-0 flex-1">
236
+ <div>
237
+ <div class="text-sm">
238
+ <a href="#" class="font-medium text-gray-900">Michael Chen</a>
239
+ </div>
240
+ <p class="mt-0.5 text-sm text-gray-500">Started commissioning of Compressor C-501</p>
241
+ </div>
242
+ <div class="mt-2 text-sm text-gray-700">
243
+ <p>Completed pre-commissioning checks, moving to functional tests.</p>
244
+ </div>
245
+ <div class="mt-2 text-xs text-gray-500">1 day ago</div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </li>
250
+ </ul>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- Quick Actions Section -->
256
+ <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 mb-8">
257
+ <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
258
+ <div class="px-4 py-5 sm:p-6">
259
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Document Management</h3>
260
+ <div class="space-y-4">
261
+ <a href="documents.html" class="flex items-center text-primary hover:text-primary-700">
262
+ <i data-feather="upload" class="h-5 w-5 mr-2"></i>
263
+ <span>Upload New Document</span>
264
+ </a>
265
+ <a href="documents.html" class="flex items-center text-primary hover:text-primary-700">
266
+ <i data-feather="search" class="h-5 w-5 mr-2"></i>
267
+ <span>Search Documents</span>
268
+ </a>
269
+ <a href="documents.html" class="flex items-center text-primary hover:text-primary-700">
270
+ <i data-feather="folder" class="h-5 w-5 mr-2"></i>
271
+ <span>View Document Categories</span>
272
+ </a>
273
+ </div>
274
+ </div>
275
+ </div>
276
+
277
+ <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
278
+ <div class="px-4 py-5 sm:p-6">
279
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Workflows</h3>
280
+ <div class="space-y-4">
281
+ <a href="workflows.html" class="flex items-center text-primary hover:text-primary-700">
282
+ <i data-feather="activity" class="h-5 w-5 mr-2"></i>
283
+ <span>View Active Workflows</span>
284
+ </a>
285
+ <a href="workflows.html" class="flex items-center text-primary hover:text-primary-700">
286
+ <i data-feather="plus" class="h-5 w-5 mr-2"></i>
287
+ <span>Create New Workflow</span>
288
+ </a>
289
+ <a href="workflows.html" class="flex items-center text-primary hover:text-primary-700">
290
+ <i data-feather="bar-chart-2" class="h-5 w-5 mr-2"></i>
291
+ <span>Workflow Analytics</span>
292
+ </a>
293
+ </div>
294
+ </div>
295
+ </div>
296
+
297
+ <div class="bg-white overflow-hidden shadow rounded-lg card-hover">
298
+ <div class="px-4 py-5 sm:p-6">
299
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Quick Actions</h3>
300
+ <div class="space-y-4">
301
+ <a href="checklists.html" class="flex items-center text-primary hover:text-primary-700">
302
+ <i data-feather="list" class="h-5 w-5 mr-2"></i>
303
+ <span>Create Checklist</span>
304
+ </a>
305
+ <a href="punchlists.html" class="flex items-center text-primary hover:text-primary-700">
306
+ <i data-feather="alert-octagon" class="h-5 w-5 mr-2"></i>
307
+ <span>Add Punch Item</span>
308
+ </a>
309
+ <a href="collaboration.html" class="flex items-center text-primary hover:text-primary-700">
310
+ <i data-feather="message-square" class="h-5 w-5 mr-2"></i>
311
+ <span>Team Messages</span>
312
+ </a>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ </div>
317
  </body>
318
  </html>