mirror of
https://github.com/tabler/tabler.git
synced 2026-06-17 12:50:03 +04:00
Bartek
31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<div class="card h-100">
|
|
{% assign funnel = crm-dashboard.pipeline_funnel %}
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between mb-4">
|
|
<div class="fw-medium">{{ funnel.title }}</div>
|
|
<div class="small text-secondary">{{ funnel.period }}</div>
|
|
</div>
|
|
|
|
<div class="d-flex flex-column gap-2">
|
|
{% for item in funnel.items %}
|
|
<div class="row g-2 align-items-center">
|
|
<div class="col-3 small text-secondary">{{ item.label }}</div>
|
|
<div class="col">
|
|
<div class="position-relative">
|
|
{% include "ui/progress.html" value=item.progress color=item.color class="h-4" %}
|
|
<div class="position-absolute top-50 start-0 translate-middle-y px-2 small fw-semibold text-white">
|
|
{{
|
|
item.count }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto small fw-medium text-body text-nowrap">{{ item.amount }}</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-between border-top mt-4 pt-3">
|
|
<div class="small text-secondary">{{ funnel.conversion_label }}</div>
|
|
<div class="small fw-semibold text-green">{{ funnel.conversion_value }}</div>
|
|
</div>
|
|
</div>
|
|
</div> |