mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
27 lines
1001 B
HTML
27 lines
1001 B
HTML
{% assign limit = include.limit | default: 10 %}
|
|
{% assign offset = include.offset | default: 0 %}
|
|
<div class="card{% if include.class %} {{ include.class }}{% endif %}">
|
|
<div class="card-header">
|
|
<h3 class="card-title">{{ include.title | default: 'Top users' }}</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row g-3">
|
|
{% assign colors = 'green,red,yellow,x,x' | split: ',' %}
|
|
{% for person in people limit: limit offset: offset %}
|
|
{% assign color = forloop.index | plus: 5 | random_item: colors %}
|
|
<div class="col-6">
|
|
<div class="row g-3 align-items-center">
|
|
<a href="#" class="col-auto">
|
|
{% include "ui/avatar.html" person=person status=color %}
|
|
</a>
|
|
<div class="col text-truncate">
|
|
<a href="#" class="text-reset d-block text-truncate">{{ person.full_name }}</a>
|
|
<div class="text-secondary text-truncate mt-n1">{{ forloop.index | random_date_ago: 6 | timeago }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|