67 lines
2.8 KiB
PHP
67 lines
2.8 KiB
PHP
<style>
|
|
.pp-kanban-wrapper {
|
|
display: flex;
|
|
gap: 12px;
|
|
overflow-x: auto;
|
|
padding-bottom: 4px;
|
|
}
|
|
.pp-task-column {
|
|
min-width: 290px;
|
|
max-width: 290px;
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 10px;
|
|
background: #f8fafc;
|
|
}
|
|
.pp-task-card {
|
|
border: 1px solid #e2e8f0;
|
|
border-right-width: 4px;
|
|
border-radius: 8px;
|
|
background: #fff;
|
|
padding: 10px;
|
|
margin-bottom: 8px;
|
|
cursor: move;
|
|
}
|
|
.pp-task-title {
|
|
font-weight: 700;
|
|
display: block;
|
|
margin-bottom: 4px;
|
|
line-height: 1.5;
|
|
}
|
|
</style>
|
|
|
|
<div class="pp-kanban-wrapper">
|
|
@foreach($statuses as $status)
|
|
<div class="pp-task-column box box-solid">
|
|
<div class="box-header with-border" style="border-top: 3px solid {{ $status->color }}">
|
|
<h3 class="box-title">{{ $status->title }}</h3>
|
|
<span class="badge pull-right">{{ isset($boards[$status->id]) ? count($boards[$status->id]) : 0 }}</span>
|
|
</div>
|
|
<div class="box-body pp-kanban-column-body" data-status-id="{{ $status->id }}" style="min-height:320px; max-height:620px; overflow-y:auto; padding:8px;">
|
|
@if(isset($boards[$status->id]))
|
|
@foreach($boards[$status->id] as $task)
|
|
@php $pc = \Modules\ProfessionalProject\Entities\PpTask::priorityColors(); @endphp
|
|
<div class="pp-kanban-task pp-task-card" data-task-id="{{ $task->id }}" style="border-right-color: {{ $status->color }};">
|
|
<span class="pp-task-title">{{ $task->title }}</span>
|
|
<small class="text-muted"><i class="fa fa-folder-open"></i> {{ $task->project->name ?? '' }}</small>
|
|
<div style="margin-top: 6px;">
|
|
<span class="label {{ $pc[$task->priority] ?? '' }}">{{ \Modules\ProfessionalProject\Entities\PpTask::priorityDropdown()[$task->priority] ?? '' }}</span>
|
|
</div>
|
|
@if($task->due_date)
|
|
<div style="margin-top: 6px;">
|
|
<small><i class="fa fa-calendar"></i> {{ format_date($task->due_date) }}</small>
|
|
</div>
|
|
@endif
|
|
<div class="pull-right" style="margin-top: 4px;">
|
|
@can('professionalproject.edit_task')
|
|
<a href="{{ action([\Modules\ProfessionalProject\Http\Controllers\TaskController::class, 'edit'], $task->id) }}" class="btn btn-xs btn-default"><i class="fa fa-edit"></i></a>
|
|
@endcan
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|