66 lines
2.3 KiB
PHP
66 lines
2.3 KiB
PHP
<style>
|
|
.pp-kanban-board {
|
|
display: flex;
|
|
gap: 12px;
|
|
overflow-x: auto;
|
|
padding-bottom: 4px;
|
|
}
|
|
.pp-project-column {
|
|
min-width: 280px;
|
|
max-width: 280px;
|
|
background: #f8fafc;
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 10px;
|
|
}
|
|
.pp-project-column .box-header {
|
|
background: #eef5ff;
|
|
border-bottom: 1px solid #d9e7ff;
|
|
}
|
|
.pp-project-card {
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 8px;
|
|
background: #fff;
|
|
padding: 10px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.pp-project-card .pp-project-title {
|
|
font-weight: 700;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
}
|
|
.pp-project-card .progress {
|
|
margin: 8px 0 4px;
|
|
height: 8px;
|
|
border-radius: 10px;
|
|
}
|
|
</style>
|
|
|
|
<div class="pp-kanban-board">
|
|
@foreach($statuses as $status_key => $status_label)
|
|
<div class="pp-project-column box box-solid">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ $status_label }}</h3>
|
|
<span class="badge bg-blue pull-right">{{ isset($sorted[$status_key]) ? count($sorted[$status_key]) : 0 }}</span>
|
|
</div>
|
|
<div class="box-body" style="min-height:220px; max-height:520px; overflow-y:auto;">
|
|
@if(isset($sorted[$status_key]))
|
|
@foreach($sorted[$status_key] as $project)
|
|
<div class="pp-project-card">
|
|
<a class="pp-project-title" href="{{ action([\Modules\ProfessionalProject\Http\Controllers\ProjectController::class, 'show'], $project->id) }}">
|
|
{{ $project->name }}
|
|
</a>
|
|
<div class="text-muted" style="margin-top:4px;">
|
|
<small><i class="fa fa-user"></i> {{ $project->lead->user_full_name ?? '-' }}</small>
|
|
</div>
|
|
<div class="progress progress-xs">
|
|
<div class="progress-bar progress-bar-success" style="width:{{ $project->progress }}%"></div>
|
|
</div>
|
|
<small>{{ number_format((float) $project->progress, 0) }}%</small>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|