mirror of
https://github.com/tabler/tabler.git
synced 2026-07-12 16:44:21 +04:00
Bartosz-Do
34 lines
1.0 KiB
HTML
34 lines
1.0 KiB
HTML
<div class="card h-100">
|
|
{% assign tasks = crm-dashboard.tasks_due %}
|
|
<div class="card-header">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<h3 class="card-title mb-0">{{ tasks.title }}</h3>
|
|
<span class="badge bg-red text-white">{{ tasks.badge }}</span>
|
|
</div>
|
|
<div class="card-actions">
|
|
<button type="button" class="btn btn-primary btn-sm">
|
|
{% include "ui/icon.html" icon="plus" class="me-1" %}
|
|
{{ tasks.button_text }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="list-group list-group-flush list-group-hoverable">
|
|
{% for item in tasks.items %}
|
|
<label class="list-group-item">
|
|
<div class="row align-items-center g-2">
|
|
<div class="col-auto">
|
|
<input type="checkbox" class="form-check-input m-0">
|
|
</div>
|
|
<div class="col">
|
|
<div>{{ item.text }}</div>
|
|
</div>
|
|
<div class="col-auto d-flex align-items-center gap-2">
|
|
<span class="legend bg-{{ item.color }}"></span>
|
|
<span class="small text-secondary">{{ item.due }}</span>
|
|
</div>
|
|
</div>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
</div> |