Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-28 14:04:38 +04:00
Code Issues Projects Releases Wiki Activity

Started making tabler-payments plugin

Browse Source
This commit is contained in:
memorte03
2019-12-06 18:19:02 +01:00
parent 47f8ca1036
commit 3c50179666
2 changed files with 72 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/table-users.html
+68
View File
@@ -0,0 +1,68 @@
<div class="card">
<div class="table-responsive">
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
<thead>
<tr>
<th class="text-center w-1"><i class="icon-people"></i></th>
<th>User</th>
<th>Usage</th>
<th class="text-center">Payment</th>
<th>Activity</th>
<th class="text-center">Satisfaction</th>
<th class="text-center"><i class="icon-settings"></i></th>
</tr>
</thead>
<tbody>
{% for person in site.data.people limit: 8 offset: 50 %}
{% assign percentage = forloop.index | random_number %}
{% assign time_offset = forloop.index | random_number: 0, 800 %}
{% assign register_offset = forloop.index | random_number: 0, 8000000 %}
<tr>
<td class="text-center">
<div class="avatar d-block" style="background-image: url()">
<span class="avatar-status bg-green"></span>
</div>
</td>
<td>
<div>{{ person.name }} {{ person.surname }}</div>
<div class="small text-muted">
Registered: {{ site.time | date: "%s" | minus: register_offset | date: '%b %-d, %Y' }}
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>{{ percentage }}%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
{% include ui/progress.html value=percentage size="sm" %}
</td>
<td class="text-center">
<i class="payment payment-{% cycle 'visa', 'googlewallet', 'mastercard', 'shopify', 'ebay', 'paypal' %}"></i>
</td>
<td>
<div class="small text-muted">Last login</div>
<div>{{ site.time | date: "%s" | minus: time_offset | to_pretty_time }}</div>
</td>
<td class="text-center">
{% assign circle-percentage = forloop.index | random_number: 0, 100 %}
<div class="mx-auto chart-circle chart-circle-xs" data-value="{{ circle-percentage | divide: 100 }}" data-thickness="3" data-color="blue">
<div class="chart-circle-value">{{ circle-percentage }}%</div>
</div>
</td>
<td class="text-center">
{% comment %}
{% include dropdown-options.html %}
{% endcomment %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>