add new url scraping data and create tab data lists
This commit is contained in:
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Notification -->
|
||||
<div class="dropdown topbar-item">
|
||||
{{-- <div class="dropdown topbar-item">
|
||||
<button type="button" class="topbar-button position-relative"
|
||||
id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
@@ -147,7 +147,7 @@
|
||||
class="bx bx-right-arrow-alt ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<!-- User -->
|
||||
<div class="dropdown topbar-item">
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
@section('css')
|
||||
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
|
||||
@vite(['resources/scss/pages/pbg-task/show.scss'])
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@@ -127,6 +128,11 @@
|
||||
<span class="d-none d-sm-block">Data Bangunan</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#pbgTaskDataLists" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
|
||||
<span class="d-none d-sm-block">Data Lists</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@@ -398,6 +404,99 @@
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="tab-pane" id="pbgTaskDataLists">
|
||||
@if($dataListsByType && $dataListsByType->count() > 0)
|
||||
@foreach($dataListsByType as $dataType => $dataLists)
|
||||
@php
|
||||
$dataTypeName = $dataLists->first()->data_type_name ?? "Data Type {$dataType}";
|
||||
@endphp
|
||||
<div class="data-list-section mb-4">
|
||||
<div class="section-header mb-3">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fas fa-folder-open section-icon me-2"></i>
|
||||
<h5 class="section-title mb-0">{{ $dataTypeName }}</h5>
|
||||
</div>
|
||||
<span class="badge bg-info section-count">{{ $dataLists->count() }} items</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="data-list-container">
|
||||
@foreach($dataLists as $index => $dataList)
|
||||
<div class="data-list-item">
|
||||
<div class="list-item-header">
|
||||
<div class="d-flex align-items-start justify-content-between">
|
||||
<div class="item-info flex-grow-1">
|
||||
<h6 class="item-title mb-1">
|
||||
<span class="item-number">{{ $index + 1 }}.</span>
|
||||
{{ $dataList->name }}
|
||||
</h6>
|
||||
@if($dataList->description)
|
||||
<p class="item-description text-muted small mb-1">
|
||||
{{ $dataList->description }}
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
@if($dataList->status !== null)
|
||||
<div class="item-status ms-3">
|
||||
@if($dataList->status == 1)
|
||||
<span class="badge bg-success">{{ $dataList->status_name ?? 'Sesuai' }}</span>
|
||||
@elseif($dataList->status == 0)
|
||||
<span class="badge bg-danger">{{ $dataList->status_name ?? 'Tidak Sesuai' }}</span>
|
||||
@else
|
||||
<span class="badge bg-secondary">{{ $dataList->status_name ?? 'Unknown' }}</span>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item-meta">
|
||||
<div class="row">
|
||||
@if($dataList->file)
|
||||
<div class="col-md-6">
|
||||
<small class="text-muted">
|
||||
<i class="fas fa-paperclip me-1"></i>
|
||||
File:
|
||||
<span class="text-dark">{{ $dataList->file_name }}</span>
|
||||
@if($dataList->file_extension)
|
||||
<span class="badge bg-light text-dark ms-1">{{ $dataList->file_extension }}</span>
|
||||
@endif
|
||||
</small>
|
||||
</div>
|
||||
@endif
|
||||
<div class="col-md-6">
|
||||
<small class="text-muted">
|
||||
<i class="fas fa-clock me-1"></i>
|
||||
{{ $dataList->formatted_created_at }}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
@if($dataList->note)
|
||||
<div class="row mt-1">
|
||||
<div class="col-12">
|
||||
<small class="text-muted">
|
||||
<i class="fas fa-sticky-note me-1"></i>
|
||||
Catatan:
|
||||
<span class="text-dark">{{ $dataList->note }}</span>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
<div class="empty-state">
|
||||
<i class="fas fa-folder-open empty-icon"></i>
|
||||
<h5 class="empty-title">No Data Lists Available</h5>
|
||||
<p class="empty-text">There are no data lists associated with this PBG task.</p>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user