mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 09:24:24 +04:00
31 lines
985 B
HTML
31 lines
985 B
HTML
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title">Company Employees</h4>
|
|
</div>
|
|
<table class="table card-table table-vcenter">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">Name</th>
|
|
<th>Department</th>
|
|
<th colspan="2" class="w-25">Progress</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
{% for person in site.data.people limit: 5 offset: 20 %}
|
|
<tr>
|
|
<td class="w-1">{% include ui/avatar.html src=person.photo %}</td>
|
|
<td><a href="#" class="text-reset">{{ person.full_name }}</a></td>
|
|
<td>{{ person.department }}</td>
|
|
<td class="w-1 pr-0">{{ forloop.index | random_number: 30, 90 }}%</td>
|
|
<td>
|
|
<div class="progress progress-xs">
|
|
<div class="progress-bar bg-{{ forloop.index | random_number: 30, 90 | number_color }}" role="progressbar" style="width: {{ forloop.index | random_number: 30, 90 }}%"></div>
|
|
</div>
|
|
</td>
|
|
<td><a href="" class="text-muted">{% include ui/icon.html icon="dots" %}</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|