From 3c5017966653e302b43efb959de82c30560c01ff Mon Sep 17 00:00:00 2001
From: memorte03 <morte@Patryks-Air.fritz.box>
Date: Fri, 6 Dec 2019 18:19:02 +0100
Subject: [PATCH] Started making tabler-payments plugin

---
 pages/_includes/cards/table-users.html | 68 ++++++++++++++++++++++++++
 pages/_includes/layout/homepage.html   |  4 ++
 2 files changed, 72 insertions(+)
 create mode 100644 pages/_includes/cards/table-users.html

diff --git a/pages/_includes/cards/table-users.html b/pages/_includes/cards/table-users.html
new file mode 100644
index 00000000..fdd14a0f
--- /dev/null
+++ b/pages/_includes/cards/table-users.html
@@ -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>
\ No newline at end of file
diff --git a/pages/_includes/layout/homepage.html b/pages/_includes/layout/homepage.html
index 64d3e084..fd90abc1 100644
--- a/pages/_includes/layout/homepage.html
+++ b/pages/_includes/layout/homepage.html
@@ -75,4 +75,8 @@
    <div class="col-12">
       {% include cards/invoices.html %}
    </div>
+
+   <div class="col-12">
+      {% include cards/table-users.html %}
+   </div>
 </div>
-- 
GitLab