mirror of
https://github.com/tabler/tabler.git
synced 2026-06-17 12:50:03 +04:00
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<div class="card h-100">
|
|
{% assign leaderboard = crm-dashboard.leaderboard %}
|
|
<div class="card-header">
|
|
<div>
|
|
<h3 class="card-title mb-0">{{ leaderboard.title }}</h3>
|
|
<div class="small text-secondary mt-1">{{ leaderboard.period }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="list-group list-group-flush">
|
|
{% for item in leaderboard.items %}
|
|
<div class="list-group-item">
|
|
<div class="row align-items-center g-2">
|
|
<div class="col-auto fw-bold {% if forloop.first %}text-yellow{% else %}text-secondary{% endif %} w-1 px-3">{{ forloop.index }}</div>
|
|
<div class="col-auto">{% include "ui/avatar.html" placeholder=item.initials color=item.avatar_color size="sm" %}</div>
|
|
<div class="col">
|
|
<div class="fw-medium">{{ item.name }}</div>
|
|
{% include "ui/progress.html" size="sm" value=item.progress color=item.avatar_color class="mt-2" %}
|
|
</div>
|
|
<div class="col-auto text-end">
|
|
<div class="fw-semibold">{{ item.amount }}</div>
|
|
<div class="small text-secondary">{{ item.deals }} deals - {{ item.score }}%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div> |