javier/construprogress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add tabs to project map right column with element selector, inspection history and media viewer

Browse Source
This commit is contained in:
Javier Braña
2026-05-27 11:56:44 +02:00
parent 971420ebaa
commit 2da0eb817e
3 changed files with 334 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/projects/project-map-inspections-tab.blade.php
+90
View File
@@ -0,0 +1,90 @@
<div class="space-y-4">
<!-- Selector de feature -->
<div class="mb-4">
<label class="label-text">{{ __("Select Element") }}</label>
<div class="flex space-x-2">
<input
type="text"
wire:model="searchFeatures"
placeholder="{{ __("Search by name, layer or phase...") }}"
class="input input-bordered input-sm flex-1"
/>
<button
wire:click="searchFeatures = ''"
class="btn btn-sm btn-outline"
>
{{ __("Clear") }}
</button>
</div>
</div>
<!-- Lista de features filtrados -->
<div class="max-h-96 overflow-y-auto border rounded border-base-200">
@if($filteredFeatures->isEmpty())
<div class="text-center text-gray-400 py-4">
<p>{{ __("No elements found") }}</p>
</div>
@else
<div class="space-y-1">
@foreach($filteredFeatures as $feature)
<div
wire:click="selectFeatureFromList({{ $feature->id }})"
class="cursor-pointer px-3 py-2 border-b border-base-100 hover:bg-base-50"
:class="{'bg-base-200': selectedFeature && selectedFeature->id == {{$feature->id}}}"
>
<div class="flex justify-between">
<div>
<strong class="text-sm">{{ $feature->name }}</strong><br>
<span class="text-xs text-gray-500">
{{ optional(optional($feature->layer)->phase)->name ?? '—' }} >
{{ optional($feature->layer)->name ?? '—' }}
</span>
</div>
<div class="text-xs text-right">
<span class="badge badge-sm {{ $feature->progress >= 100 ? 'badge-success' : 'badge-ghost' }}">
{{ $feature->progress }}%
</span>
</div>
</div>
</div>
@endforeach
</div>
@endif
</div>
</div>
{{-- Historial de inspecciones --}}
@if($selectedFeature)
<div class="mt-6">
<h3 class="font-semibold text-lg mb-3">{{ __("Inspection History") }}</h3>
@if($inspectionHistory->isEmpty())
<div class="text-center text-gray-400 py-4">
<p>{{ __("No inspections yet for this element") }}</p>
</div>
@else
<div class="space-y-2 max-h-96 overflow-y-auto">
@foreach($inspectionHistory as $inspection)
<div
wire:click="openInspectionViewer({{ $inspection->id }})"
class="cursor-pointer border rounded p-3 hover:shadow-md transition-shadow"
>
<div class="flex justify-between items-start mb-2">
<div class="flex-1">
<strong>{{ $inspection->template->name ?? 'Inspection' }}</strong><br>
<span class="text-xs text-gray-500">
{{ $inspection->created_at->diffForHumans() }} {{ __("ago") }}
</span>
@if($inspection->user)
<span class="text-xs text-gray-400">{{ __("by") }} {{ $inspection->user->name }}</span>
@endif
</div>
<div class="text-center">
<span class="badge badge-sm">{{ __("View") }}</span>
</div>
</div>
</div>
@endforeach
</div>
@endif
</div>
@endif