Hugging Face's logo

Spaces:
Davidals
/
reportcraft-studio
Running

App Files Community
Davidals commited on
Commit
f7c5ea1
·
verified ·
1 Parent(s): 194ccc3

Manual changes saved

Browse files
Files changed (1) hide show
  1. index.html +32 -64
index.html CHANGED
@@ -113,13 +113,28 @@
113
  </div>
114
  <div>
115
  <label class="block text-sm font-medium text-gray-700 mb-2">Execution Modules</label>
116
- <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
117
- <option>Project Plan</option>
118
- <option>Department</option>
119
- <option>Room</option>
120
- <option>Item</option>
121
- <option>Purchase Order</option>
122
- </select>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
123
  </div>
124
  </div>
125
  </div>
@@ -192,7 +207,7 @@
192
  </div>
193
  </div>
194
  </div>
195
- </div>
196
  <div>
197
  <label class="block text-sm font-medium text-gray-700 mb-2">Field Layout</label>
198
  <div class="border border-gray-300 rounded-lg overflow-hidden">
@@ -210,9 +225,9 @@
210
  </div>
211
  </div>
212
  </div>
213
- </div>
214
- </div>
215
  </div>
 
 
216
 
217
  <!-- Grouping & Index -->
218
  <div class="bg-white rounded-xl card-shadow p-6">
@@ -336,67 +351,19 @@
336
  <input type="checkbox" class="rounded text-indigo-600 focus:ring-indigo-500">
337
  </div>
338
  </div>
339
- </div>
340
  </div>
 
341
  <!-- Previews -->
342
  <div class="bg-white rounded-xl card-shadow p-6">
343
  <h2 class="text-xl font-semibold mb-4 flex items-center">
344
- <i data-feather="eye" class="mr-2 text-indigo-600"></i> Final Report Preview
345
  </h2>
346
  <p class="text-gray-600 text-sm mb-4">Final preview of your generated report:</p>
347
  <div class="border border-gray-300 rounded-lg p-4 bg-gray-50">
348
- <div class="bg-white rounded-lg shadow-sm p-4 mb-4">
349
- <div class="flex justify-between items-start mb-3">
350
- <div>
351
- <h3 class="font-bold text-lg text-gray-800">Q3 Project Performance Report</h3>
352
- <p class="text-sm text-gray-500">Generated on October 15, 2023</p>
353
- </div>
354
- <div class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded">Draft</div>
355
- </div>
356
-
357
- <div class="border-t border-b border-gray-200 py-3 my-3">
358
- <div class="flex justify-between text-sm">
359
- <div>
360
- <span class="text-gray-500">Department:</span>
361
- <span class="font-medium ml-1">Engineering</span>
362
- </div>
363
- <div>
364
- <span class="text-gray-500">Period:</span>
365
- <span class="font-medium ml-1">Q3 2023</span>
366
- </div>
367
- <div>
368
- <span class="text-gray-500">Status:</span>
369
- <span class="font-medium ml-1 text-green-600">On Track</span>
370
- </div>
371
- </div>
372
- </div>
373
-
374
- <div class="mb-3">
375
- <h4 class="font-medium text-gray-700 mb-2">Executive Summary</h4>
376
- <p class="text-sm text-gray-600">This report provides an overview of project performance for Q3 2023. Key metrics show overall completion at 72% with budget utilization at 68%.</p>
377
- </div>
378
-
379
- <div>
380
- <h4 class="font-medium text-gray-700 mb-2">Key Metrics</h4>
381
- <div class="grid grid-cols-3 gap-3">
382
- <div class="bg-blue-50 p-3 rounded-lg text-center">
383
- <div class="text-2xl font-bold text-blue-700">72%</div>
384
- <div class="text-xs text-gray-500">Completion</div>
385
- </div>
386
- <div class="bg-green-50 p-3 rounded-lg text-center">
387
- <div class="text-2xl font-bold text-green-700">$245K</div>
388
- <div class="text-xs text-gray-500">Budget Used</div>
389
- </div>
390
- <div class="bg-purple-50 p-3 rounded-lg text-center">
391
- <div class="text-2xl font-bold text-purple-700">18</div>
392
- <div class="text-xs text-gray-500">Projects</div>
393
- </div>
394
- </div>
395
- </div>
396
- </div>
397
 
398
  <button class="w-full bg-indigo-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-indigo-700 transition">
399
- Generate Full Report
400
  </button>
401
  </div>
402
  </div>
@@ -478,6 +445,7 @@
478
  this.innerHTML = `<div class="text-center">${data}</div>`;
479
  });
480
  });
 
481
  // Preview functionality
482
  function showPreview() {
483
  // Create preview content
@@ -582,6 +550,6 @@
582
  document.body.appendChild(modal);
583
  feather.replace();
584
  }
585
- </script>
586
  </body>
587
- </html>
 
113
  </div>
114
  <div>
115
  <label class="block text-sm font-medium text-gray-700 mb-2">Execution Modules</label>
116
+ <div class="space-y-2">
117
+ <div class="flex items-center">
118
+ <input type="checkbox" id="module1" class="rounded text-indigo-600 focus:ring-indigo-500">
119
+ <label for="module1" class="ml-2 text-gray-700">Project Plan</label>
120
+ </div>
121
+ <div class="flex items-center">
122
+ <input type="checkbox" id="module2" class="rounded text-indigo-600 focus:ring-indigo-500" checked>
123
+ <label for="module2" class="ml-2 text-gray-700">Department</label>
124
+ </div>
125
+ <div class="flex items-center">
126
+ <input type="checkbox" id="module3" class="rounded text-indigo-600 focus:ring-indigo-500">
127
+ <label for="module3" class="ml-2 text-gray-700">Room</label>
128
+ </div>
129
+ <div class="flex items-center">
130
+ <input type="checkbox" id="module4" class="rounded text-indigo-600 focus:ring-indigo-500">
131
+ <label for="module4" class="ml-2 text-gray-700">Item</label>
132
+ </div>
133
+ <div class="flex items-center">
134
+ <input type="checkbox" id="module5" class="rounded text-indigo-600 focus:ring-indigo-500">
135
+ <label for="module5" class="ml-2 text-gray-700">Purchase Order</label>
136
+ </div>
137
+ </div>
138
  </div>
139
  </div>
140
  </div>
 
207
  </div>
208
  </div>
209
  </div>
210
+ </div>
211
  <div>
212
  <label class="block text-sm font-medium text-gray-700 mb-2">Field Layout</label>
213
  <div class="border border-gray-300 rounded-lg overflow-hidden">
 
225
  </div>
226
  </div>
227
  </div>
 
 
228
  </div>
229
+ </div>
230
+ </div>
231
 
232
  <!-- Grouping & Index -->
233
  <div class="bg-white rounded-xl card-shadow p-6">
 
351
  <input type="checkbox" class="rounded text-indigo-600 focus:ring-indigo-500">
352
  </div>
353
  </div>
 
354
  </div>
355
+ </div>
356
  <!-- Previews -->
357
  <div class="bg-white rounded-xl card-shadow p-6">
358
  <h2 class="text-xl font-semibold mb-4 flex items-center">
359
+ <i data-feather="eye" class="mr-2 text-indigo-600"></i> Report Preview
360
  </h2>
361
  <p class="text-gray-600 text-sm mb-4">Final preview of your generated report:</p>
362
  <div class="border border-gray-300 rounded-lg p-4 bg-gray-50">
363
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
364
 
365
  <button class="w-full bg-indigo-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-indigo-700 transition">
366
+ See Preview
367
  </button>
368
  </div>
369
  </div>
 
445
  this.innerHTML = `<div class="text-center">${data}</div>`;
446
  });
447
  });
448
+
449
  // Preview functionality
450
  function showPreview() {
451
  // Create preview content
 
550
  document.body.appendChild(modal);
551
  feather.replace();
552
  }
553
+ </script>
554
  </body>
555
+ </html>