12/20/25 V.5
This commit is contained in:
Flatlogic Bot
parent
3f56bde73a
commit
c0f33494bc
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 2.2 MiB After Width: | Height: | Size: 2.2 MiB |
@ -71,66 +71,127 @@
|
||||
<!-- Main content -->
|
||||
<main class="flex-1 p-6 lg:p-10">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<h1 class="text-2xl font-semibold text-gray-800">Dashboard</h1>
|
||||
<div class="flex justify-between items-center mb-6">
|
||||
<div>
|
||||
<h1 class="text-2xl font-semibold text-gray-800">Welcome, User!</h1>
|
||||
<p class="text-gray-500">Here is your compliance and project overview.</p>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<input type="search" placeholder="Search projects..." class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg w-64 focus:ring-blue-500 focus:border-blue-500">
|
||||
<svg class="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-6">
|
||||
<!-- Project Details -->
|
||||
<div class="lg:col-span-2">
|
||||
<div class="panel p-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<h2 class="text-lg font-semibold">Habiganj 9746tr — Ongoing</h2>
|
||||
<span class="chip px-3 py-1 text-xs">Kukatata wt46tr</span>
|
||||
</div>
|
||||
<div class="mt-4 grid grid-cols-2 gap-6 text-sm">
|
||||
<div>
|
||||
<div class="text-gray-500">Location</div>
|
||||
<div class="font-semibold">Dhaka, Bangladesh</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div class="panel p-6">
|
||||
<h3 class="text-lg font-semibold">Active Projects</h3>
|
||||
<p class="text-3xl font-bold mt-2">12</p>
|
||||
<p class="text-sm text-gray-500">+2 this week</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-gray-500">Planned</div>
|
||||
<div class="font-semibold">$2.5M</div>
|
||||
<div class="panel p-6">
|
||||
<h3 class="text-lg font-semibold">Pending Tasks</h3>
|
||||
<p class="text-3xl font-bold mt-2">48</p>
|
||||
<p class="text-sm text-gray-500">Due this week</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-gray-500">Actual</div>
|
||||
<div class="font-semibold">$2.0M (-12%)</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-gray-500">Progress</div>
|
||||
<div class="font-semibold">45%</div>
|
||||
<div class="panel p-6">
|
||||
<h3 class="text-lg font-semibold">Completed Milestones</h3>
|
||||
<p class="text-3xl font-bold mt-2">8</p>
|
||||
<p class="text-sm text-gray-500">This month</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6">
|
||||
<a href="#" class="bg-black text-white rounded-lg px-5 py-3 text-sm font-semibold hover:bg-gray-800 transition-colors">View details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- On-time Status -->
|
||||
<div class="panel p-6">
|
||||
<h2 class="text-lg font-semibold">On-time: 92%</h2>
|
||||
<div class="w-full bg-gray-200 rounded-full h-2.5 mt-2">
|
||||
<div class="bg-blue-600 h-2.5 rounded-full" style="width: 92%"></div>
|
||||
</div>
|
||||
<hr class="my-4"/>
|
||||
<div>
|
||||
<div class="text-gray-500">Docs Valid</div>
|
||||
<div class="font-semibold">Valid: 128 • Expiring: 7</div>
|
||||
<div class="mt-2">
|
||||
<span class="chip px-3 py-1 text-xs text-green-600 border-green-200">Valid</span>
|
||||
<span class="chip px-3 py-1 text-xs text-amber-600 border-amber-200">Expiring</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="my-4"/>
|
||||
<div>
|
||||
<div class="text-gray-500">Equipment</div>
|
||||
<div class="font-semibold">Maintenance due: 3</div>
|
||||
<div class="mt-3">
|
||||
<a href="#" class="w-full text-center border border-gray-300 rounded-lg px-4 py-2 text-sm font-semibold hover:bg-gray-50 transition-colors">Open equipment list</a>
|
||||
<div class="panel p-6 flex flex-col items-center justify-center">
|
||||
<h2 class="text-lg font-semibold">On-Time Completion</h2>
|
||||
<div class="relative mt-4" style="width: 120px; height: 120px;">
|
||||
<svg class="w-full h-full" viewBox="0 0 36 36">
|
||||
<path class="stroke-current text-gray-200" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke-width="3"></path>
|
||||
<path class="stroke-current text-blue-600" stroke-dasharray="92, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke-width="3" stroke-linecap="round"></path>
|
||||
</svg>
|
||||
<div class="absolute inset-0 flex items-center justify-center">
|
||||
<span class="text-2xl font-bold">92%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Status -->
|
||||
<div class="mt-8">
|
||||
<h2 class="text-xl font-semibold">Document Status</h2>
|
||||
<div class="mt-4 panel">
|
||||
<table class="w-full text-sm">
|
||||
<thead class="text-left text-gray-500">
|
||||
<tr>
|
||||
<th class="p-4">Document Name</th>
|
||||
<th class="p-4">Project</th>
|
||||
<th class="p-4">Status</th>
|
||||
<th class="p-4">Last Updated</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-t border-gray-200">
|
||||
<td class="p-4 font-semibold">Structural Drawings</td>
|
||||
<td class="p-4">Habiganj 9746tr</td>
|
||||
<td class="p-4"><span class="chip text-xs px-3 py-1 bg-green-100 text-green-700">Approved</span></td>
|
||||
<td class="p-4">2 days ago</td>
|
||||
</tr>
|
||||
<tr class="border-t border-gray-200">
|
||||
<td class="p-4 font-semibold">Electrical Plan</td>
|
||||
<td class="p-4">Kukatata wt46tr</td>
|
||||
<td class="p-4"><span class="chip text-xs px-3 py-1 bg-yellow-100 text-yellow-700">Pending Review</span></td>
|
||||
<td class="p-4">5 days ago</td>
|
||||
</tr>
|
||||
<tr class="border-t border-gray-200">
|
||||
<td class="p-4 font-semibold">Safety Compliance Report</td>
|
||||
<td class="p-4">Habiganj 9746tr</td>
|
||||
<td class="p-4"><span class="chip text-xs px-3 py-1 bg-red-100 text-red-700">Rejected</span></td>
|
||||
<td class="p-4">1 day ago</td>
|
||||
</tr>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Equipment Maintenance -->
|
||||
<div class="mt-8">
|
||||
<h2 class="text-xl font-semibold">Equipment Maintenance</h2>
|
||||
<div class="mt-4 panel">
|
||||
<table class="w-full text-sm">
|
||||
<thead class="text-left text-gray-500">
|
||||
<tr>
|
||||
<th class="p-4">Equipment</th>
|
||||
<th class="p-4">Project</th>
|
||||
<th class="p-4">Status</th>
|
||||
<th class="p-4">Next Service</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-t border-gray-200">
|
||||
<td class="p-4 font-semibold">Excavator</td>
|
||||
<td class="p-4">Habiganj 9746tr</td>
|
||||
<td class="p-4"><span class="chip text-xs px-3 py-1 bg-green-100 text-green-700">Operational</span></td>
|
||||
<td class="p-4">Dec 28, 2025</td>
|
||||
</tr>
|
||||
<tr class="border-t border-gray-200">
|
||||
<td class="p-4 font-semibold">Crane</td>
|
||||
<td class="p-4">Kukatata wt46tr</td>
|
||||
<td class="p-4"><span class="chip text-xs px-3 py-1 bg-yellow-100 text-yellow-700">Maintenance Due</span></td>
|
||||
<td class="p-4">Dec 22, 2025</td>
|
||||
</tr>
|
||||
<tr class="border-t border-gray-200">
|
||||
<td class="p-4 font-semibold">Concrete Mixer</td>
|
||||
<td class="p-4">Habiganj 9746tr</td>
|
||||
<td class="p-4"><span class="chip text-xs px-3 py-1 bg-red-100 text-red-700">Out of Service</span></td>
|
||||
<td class="p-4">-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Daily Activity Log -->
|
||||
<div class="mt-8">
|
||||
<div class="flex items-center justify-between">
|
||||
@ -140,44 +201,49 @@
|
||||
<button class="chip px-4 py-2 text-sm font-semibold">This week</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
|
||||
<div class="panel p-6">
|
||||
<div class="flex justify-between items-start">
|
||||
<div>
|
||||
<h3 class="font-semibold">Floor Slab</h3>
|
||||
<p class="text-sm text-gray-500">Project Manager — Eng. Rahim</p>
|
||||
</div>
|
||||
<span class="chip text-xs px-3 py-1">Habiganj 9746tr — Ongoing</span>
|
||||
<div class="mt-4 space-y-8">
|
||||
<!-- Timeline Item -->
|
||||
<div class="flex gap-4">
|
||||
<div class="w-12 text-right text-sm text-gray-500">08:10 AM</div>
|
||||
<div class="relative">
|
||||
<div class="absolute -left-1.5 top-1 h-3 w-3 rounded-full bg-blue-500"></div>
|
||||
<div class="absolute -left-px top-4 h-full w-px bg-gray-200"></div>
|
||||
</div>
|
||||
<p class="mt-4 font-semibold">Concrete pouring completed for 2nd floor slab</p>
|
||||
<ul class="mt-2 list-disc list-inside text-sm text-gray-600 space-y-1">
|
||||
<li>Ensure rebar spacing matches BOQ specification.</li>
|
||||
<li>Check curing process for foundation concrete.</li>
|
||||
<li>Verify column alignment before pouring.</li>
|
||||
</ul>
|
||||
<div class="flex justify-between items-center mt-4 text-sm text-gray-500">
|
||||
<span>Sep 17, 2025 — 06:45 PM</span>
|
||||
<span class="flex items-center gap-2"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l-1.586-1.586a2 2 0 00-2.828 0L6 14m6-6l.01.01"></path></svg> 2 photos</span>
|
||||
<div class="flex-1 panel p-6">
|
||||
<div class="flex justify-between items-start">
|
||||
<div>
|
||||
<h3 class="font-semibold">Safety Meeting</h3>
|
||||
<p class="text-sm text-gray-500">Supervisor — T. Coleman</p>
|
||||
</div>
|
||||
<span class="chip text-xs px-3 py-1">Kukatata wt46tr — Ongoing</span>
|
||||
</div>
|
||||
<p class="mt-4 font-semibold">Toolbox talk completed (PPE + ladder safety)</p>
|
||||
<div class="flex justify-between items-center mt-4 text-sm text-gray-500">
|
||||
<span>Sep 17, 2025</span>
|
||||
<span class="chip text-xs px-3 py-1 text-green-600 border-green-200 flex items-center gap-1"><svg class="h-4 w-4" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Completed</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel p-6">
|
||||
<div class="flex justify-between items-start">
|
||||
<div>
|
||||
<h3 class="font-semibold">Safety Meeting</h3>
|
||||
<p class="text-sm text-gray-500">Supervisor — T. Coleman</p>
|
||||
</div>
|
||||
<span class="chip text-xs px-3 py-1">Kukatata wt46tr — Ongoing</span>
|
||||
<!-- Timeline Item -->
|
||||
<div class="flex gap-4">
|
||||
<div class="w-12 text-right text-sm text-gray-500">06:45 PM</div>
|
||||
<div class="relative">
|
||||
<div class="absolute -left-1.5 top-1 h-3 w-3 rounded-full bg-blue-500"></div>
|
||||
<div class="absolute -left-px top-4 h-full w-px bg-gray-200"></div>
|
||||
</div>
|
||||
<p class="mt-4 font-semibold">Toolbox talk completed (PPE + ladder safety)</p>
|
||||
<ul class="mt-2 list-disc list-inside text-sm text-gray-600 space-y-1">
|
||||
<li>Attendance captured with GPS check-in.</li>
|
||||
<li>PPE checklist verified (helmets, vests).</li>
|
||||
<li>Hazards documented with photo proof.</li>
|
||||
</ul>
|
||||
<div class="flex justify-between items-center mt-4 text-sm text-gray-500">
|
||||
<span>Sep 17, 2025 — 08:10 AM</span>
|
||||
<span class="chip text-xs px-3 py-1 text-green-600 border-green-200 flex items-center gap-1"><svg class="h-4 w-4" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> Completed</span>
|
||||
<div class="flex-1 panel p-6">
|
||||
<div class="flex justify-between items-start">
|
||||
<div>
|
||||
<h3 class="font-semibold">Floor Slab</h3>
|
||||
<p class="text-sm text-gray-500">Project Manager — Eng. Rahim</p>
|
||||
</div>
|
||||
<span class="chip text-xs px-3 py-1">Habiganj 9746tr — Ongoing</span>
|
||||
</div>
|
||||
<p class="mt-4 font-semibold">Concrete pouring completed for 2nd floor slab</p>
|
||||
<div class="flex justify-between items-center mt-4 text-sm text-gray-500">
|
||||
<span>Sep 17, 2025</span>
|
||||
<span class="flex items-center gap-2"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l-1.586-1.586a2 2 0 00-2.828 0L6 14m6-6l.01.01"></path></svg> 2 photos</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user