Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 01:44:25 +04:00
Code Issues Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev' into dev

Browse Source
This commit is contained in:
codecalm
2019-12-27 15:47:31 +01:00
parent 43bba4c66e 94519737f4
commit 04100dbc47
4 changed files with 88 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/css/tabler.css.map vendored
View File

Binary file not shown.

3
pages/_data/menu.yml
View File

@@ -52,6 +52,9 @@ base:
cards: cards:
url: cards.html url: cards.html
title: Cards title: Cards
datatables:
url: datatables.html
title: Data Tables
calendar: calendar:
title: Calendar title: Calendar
url: calendar.html url: calendar.html

55
pages/_includes/cards/invoices.html
View File

@@ -2,24 +2,43 @@
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Invoices</h3> <h3 class="card-title">Invoices</h3>
</div> </div>
<div class="card-body d-flex justify-content-between flex-nowrap table-responsive border-bottom text-nowrap overflow-hidden">
<div class="mb-0">
Show
<div class="mx-2 d-inline-block" style="width: 4rem;">
<input type="text" class="form-control" value="8">
</div>
entries
</div>
<div class="mb-0 ml-4">
Serach:
<div class="ml-2 d-inline-block" style="width: 10rem;">
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table card-table table-vcenter text-nowrap datatable overflow-hidden"> <table class="table card-table table-vcenter text-nowrap datatable">
<thead> <thead>
<tr> <tr>
<th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></th> <th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
<th class="w-1p">No.</th> <th class="w-1p">No. {% include_cached ui/icon.html icon="chevron-up" class="icon-sm text-dark icon-thick" %}</th>
<th>Invoice Subject</th> <th>Invoice Subject {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Client</th> <th>Client {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>VAT No.</th> <th>VAT No. {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Created</th> <th>Created {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Status</th> <th>Status {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Price</th> <th>Price {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th></th>
<th></th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for invoice in site.data.invoices limit: 5 %} {% for invoice in site.data.invoices limit: 8 %}
<tr> <tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"></td> <td><input class="form-check-input m-0 align-middle" type="checkbox"></td>
<td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td> <td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td>
@@ -40,14 +59,26 @@
<td>{{ invoice.price }}</td> <td>{{ invoice.price }}</td>
<td class="text-right"> <td class="text-right">
<span class="dropdown"> <button class="btn btn-secondary btn-sm align-text-top">Manage</button>
<button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">Actions</button> <span class="dropdown ml-1">
{% include_cached ui/dropdown-menu.html %} <button class="btn btn-secondary btn-sm dropdown-toggle align-text-top" data-toggle="dropdown">Actions</button>
{% include ui/dropdown-menu.html %}
</span> </span>
</td> </td>
<td style="padding-right: 1rem;">
{% include_cached ui/icon.html icon="edit" class="icon-sm float-right" %}
</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="card-body d-flex justify-content-between flex-nowrap table-responsive border-bottom text-nowrap">
<div class="mb-0 d-flex align-items-center">
<p class="mb-0 align-middle">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
</div>
<div class="mb-0 ml-4">
<a href="#" class="btn btn-secondary disabled">Previous</a><a href="#" class="btn btn-primary ml-2">1</a><a href="#" class="btn btn-secondary ml-2">2</a><a href="#" class="btn btn-secondary ml-2 font-weight-bold text-secondary">Next</a>
</div>
</div>
</div> </div>

5
pages/datatables.html Normal file
View File

@@ -0,0 +1,5 @@
---
title: Data Tables
---
{% include cards/invoices.html %}