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

homepage fixes

Browse Source
This commit is contained in:
codecalm
2020-02-08 00:04:46 +01:00
parent 5c738dc5a9
commit 019037c65a
8 changed files with 84 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/invoices.html
+1 -2
View File
@@ -60,7 +60,6 @@
<td>{{ invoice.price }}</td>
<td class="text-right">
<button class="btn btn-secondary btn-sm align-text-top">Manage</button>
<span class="dropdown ml-1">
<button class="btn btn-secondary btn-sm dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
{% include ui/dropdown-menu.html right=true %}
@@ -71,7 +70,7 @@
</tbody>
</table>
</div>
<div class="card-footer d-flex align-items-center border-top-0">
<div class="card-footer d-flex align-items-center">
<p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
{% include ui/pagination.html class="m-0 ml-auto" %}
</div>
pages/_includes/cards/most-visited-pages.html
+2 -1
View File
@@ -15,6 +15,7 @@
</thead>
{% for page in site.data.pages %}
{% assign data = page.data | join: ',' %}
<tr>
<td>
{{ page.uri }}
@@ -24,7 +25,7 @@
<td class="text-muted">{{ page.unique | format_number }}</td>
<td class="text-muted">{{ page.bounce-rate }}</td>
<td class="text-right">
{% include ui/sparkline.html type="line" data="4,3,6,5,4,5,4,6,7,6,5,7,8,7,8,9,8,9,10" %}
{% include ui/sparkline.html type="line" data=data %}
</td>
</tr>
{% endfor %}
pages/_includes/cards/social-traffic.html
+29
View File
@@ -3,10 +3,12 @@
<h4 class="card-title">Social Media Traffic</h4>
</div>
<table class="table card-table table-vcenter">
<thead>
<tr>
<th>Network</th>
<th colspan="2">Visitors</th>
</tr>
</thead>
<tr>
<td>Instagram</td>
<td>3,550</td>
@@ -34,6 +36,33 @@
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>854</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 26%"></div>
</div>
</td>
</tr>
<tr>
<td>VK</td>
<td>650</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 20%"></div>
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>95</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 6%"></div>
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>95</td>
pages/_includes/layout/homepage.html
+8
View File
@@ -66,6 +66,14 @@
{% include cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
</div>
<div class="col-lg-9">
{% include cards/most-visited-pages.html %}
</div>
<div class="col-lg-3">
{% include cards/social-traffic.html %}
</div>
</div>
{% include layout/page-header.html title="Invoices" %}
pages/_includes/ui/pagination.html
+4 -4
View File
@@ -4,10 +4,10 @@
<li class="page-item{% if include.prev-description %} page-prev{% endif %} disabled">
<a class="page-link" href="#" tabindex="-1">
{% if include.prev-description %}
<div class="page-item-subtitle">Previous</div>
<div class="page-item-subtitle">previous</div>
<div class="page-item-title">{{ include.prev-description }}</div>
{% else %}
{% if include.icons %}{% include ui/icon.html icon="chevron-left" %}{% else %}{% include ui/icon.html icon="chevron-left" %} Prev{% endif %}
{% if include.icons %}{% include ui/icon.html icon="chevron-left" %}{% else %}{% include ui/icon.html icon="chevron-left" %} prev{% endif %}
{% endif %}
</a>
</li>
@@ -20,10 +20,10 @@
<a class="page-link" href="#">
{% if include.next-description %}
<div class="page-item-subtitle">Next</div>
<div class="page-item-subtitle">next</div>
<div class="page-item-title">{{ include.next-description }}</div>
{% else %}
{% if include.icons %}{% include ui/icon.html icon="chevron-right" %}{% else %}Next {% include ui/icon.html icon="chevron-right" %}{% endif %}
{% if include.icons %}{% include ui/icon.html icon="chevron-right" %}{% else %}next {% include ui/icon.html icon="chevron-right" %}{% endif %}
{% endif %}
</a>
</li>
pages/_includes/ui/sparkline.html
+2 -2
View File
@@ -19,9 +19,9 @@
height: 40,
stroke: "{{ color | tabler_color }}",
strokeWidth: 2,
fill: {% if type == 'pie' %}["{{ color | default: 'blue' | tabler_color }}", "{{ 'border-color' | tabler_color }}"]{% elsif type == 'bar' %}["{{ color | tabler_color }}"]{% else %}"transparent"{% endif %},
fill: {% if type == 'pie' %}["{{ color | default: 'blue' | tabler_color }}", "{{ 'border-color' | tabler_color }}"]{% elsif type == 'line' %}["{{ color | append: '-100' | tabler_color }}"]{% else %}"transparent"{% endif %},
padding: .2,
innerRadius: 17,
{% if type == 'pie' %}innerRadius: 17,{% endif %}
});
});
</script>