mirror of
https://github.com/tabler/tabler.git
synced 2026-07-27 13:34:37 +04:00
Merge branch 'dev' into dev-daterangepicker
This commit is contained in:
Dawid Harat
GitHub
@@ -12,7 +12,7 @@
|
||||
<div class="text-muted">{{ article.description | truncate: truncate }}</div>
|
||||
|
||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||
{% include ui/avatar.html person-id=avatar size="md" %}
|
||||
{% include_cached ui/avatar.html person-id=avatar size="md" %}
|
||||
<div class="ml-3">
|
||||
<a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
|
||||
<small class="d-block text-muted">3 days ago</small>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="card-group">
|
||||
{% include cards/card.html link=true class="text-center" body="This is first card" inactive=true %}
|
||||
{% include cards/card.html link=true class="text-center" body="This is second card" active=true %}
|
||||
{% include cards/card.html link=true class="text-center" body="This is third card" %}
|
||||
{% include_cached cards/card.html link=true class="text-center" body="This is first card" inactive=true %}
|
||||
{% include_cached cards/card.html link=true class="text-center" body="This is second card" active=true %}
|
||||
{% include_cached cards/card.html link=true class="text-center" body="This is third card" %}
|
||||
</div>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
{% for person in site.data.people limit: 3 %}
|
||||
<div class="d-flex{% unless forloop.last %} mb-5{% endunless %}">
|
||||
<div class="mr-4">
|
||||
{% include ui/avatar.html person=person status="green" %}
|
||||
{% include_cached ui/avatar.html person=person status="green" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div class="d-flex mt-n1">
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
|
||||
{% for person in site.data.people limit: 5 offset: 20 %}
|
||||
<tr>
|
||||
<td class="w-1p">{% include ui/avatar.html src=person.photo %}</td>
|
||||
<td class="w-1p">{% include_cached 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>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="w-1p">
|
||||
{% include ui/avatar.html person-id=10 %}
|
||||
{% include_cached ui/avatar.html person-id=10 %}
|
||||
</td>
|
||||
<td>{{ site.data.people[10].full_name }}</td>
|
||||
<td>Initial commit</td>
|
||||
@@ -21,7 +21,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1p">
|
||||
{% include ui/avatar.html person-id=17 %}
|
||||
{% include_cached ui/avatar.html person-id=17 %}
|
||||
</td>
|
||||
<td>{{ site.data.people[17].full_name }}</td>
|
||||
<td>Main structure</td>
|
||||
@@ -29,7 +29,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1p">
|
||||
{% include ui/avatar.html person-id=16 %}
|
||||
{% include_cached ui/avatar.html person-id=16 %}
|
||||
</td>
|
||||
<td>{{ site.data.people[16].full_name }}</td>
|
||||
<td>Left sidebar adjustments</td>
|
||||
@@ -37,7 +37,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1p">
|
||||
{% include ui/avatar.html person-id=12 %}
|
||||
{% include_cached ui/avatar.html person-id=12 %}
|
||||
</td>
|
||||
<td>{{ site.data.people[12].full_name }}</td>
|
||||
<td>Topbar dropdown style</td>
|
||||
@@ -45,7 +45,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1p">
|
||||
{% include ui/avatar.html person-id=19 %}
|
||||
{% include_cached ui/avatar.html person-id=19 %}
|
||||
</td>
|
||||
<td>{{ site.data.people[19].full_name }}</td>
|
||||
<td>Fixes #625</td>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="card">
|
||||
<div class="card-header d-flex">
|
||||
<a href="#">
|
||||
{% include ui/avatar.html person=person size="md" %}
|
||||
{% include_cached ui/avatar.html person=person size="md" %}
|
||||
</a>
|
||||
<div class="mx-3">
|
||||
<a href="#">{{ person.full_name }}</a>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="card-body">
|
||||
<a href="#" class="mb-3 d-block"><img src="{{ site.base }}/img/photos/{{ photo.file }}" class="rounded"></a>
|
||||
<div class="d-flex align-items-center">
|
||||
{% include ui/avatar.html person=include.person class="mr-3 rounded" %}
|
||||
{% include_cached ui/avatar.html person=include.person class="mr-3 rounded" %}
|
||||
<div class="lh-sm">
|
||||
<div>{{ include.person.full_name }}</div>
|
||||
<div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
|
||||
@@ -19,4 +19,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,53 +1,84 @@
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Invoices</h3>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table card-table table-vcenter text-nowrap datatable overflow-hidden">
|
||||
<thead>
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Invoices</h3>
|
||||
</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">
|
||||
<table class="table card-table table-vcenter text-nowrap datatable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></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 {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
|
||||
<th>Client {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
|
||||
<th>VAT No. {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
|
||||
<th>Created {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
|
||||
<th>Status {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
|
||||
<th>Price {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for invoice in site.data.invoices limit: 8 %}
|
||||
<tr>
|
||||
<th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
|
||||
<th class="w-1p">No.</th>
|
||||
<th>Invoice Subject</th>
|
||||
<th>Client</th>
|
||||
<th>VAT No.</th>
|
||||
<th>Created</th>
|
||||
<th>Status</th>
|
||||
<th>Price</th>
|
||||
<th></th>
|
||||
<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><a href="invoice.html" class="text-reset">{{ invoice.name }}</a></td>
|
||||
<td>
|
||||
{% include ui/flag.html flag=invoice.country %}
|
||||
{{ invoice.client }}
|
||||
</td>
|
||||
<td>
|
||||
{{ invoice.vat-no }}
|
||||
</td>
|
||||
<td>
|
||||
{{ invoice.date }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="status-icon bg-{{ invoice.status }}"></span> {{ invoice.status-name }}
|
||||
</td>
|
||||
<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-toggle="dropdown">Actions</button>
|
||||
{% include ui/dropdown-menu.html %}
|
||||
</span>
|
||||
</td>
|
||||
<td style="padding-right: 1rem;">
|
||||
{% include_cached ui/icon.html icon="edit" class="icon-sm float-right" %}
|
||||
</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for invoice in site.data.invoices limit: 5 %}
|
||||
<tr>
|
||||
<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><a href="invoice.html" class="text-reset">{{ invoice.name }}</a></td>
|
||||
<td>
|
||||
{% include ui/flag.html flag=invoice.country %}
|
||||
{{ invoice.client }}
|
||||
</td>
|
||||
<td>
|
||||
{{ invoice.vat-no }}
|
||||
</td>
|
||||
<td>
|
||||
{{ invoice.date }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="status-icon bg-{{ invoice.status }}"></span> {{ invoice.status-name }}
|
||||
</td>
|
||||
<td>{{ invoice.price }}</td>
|
||||
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">Actions</button>
|
||||
{% include_cached ui/dropdown-menu.html %}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</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>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
{% assign track-id = include.track-id | default: 5 %}
|
||||
{% assign track = site.data.tracks[track-id] %}
|
||||
<div class="card">
|
||||
<div class="row row-0">
|
||||
<div class="col-auto">
|
||||
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded-left" alt="{{ track.name | escape }}" width="88" height="88">
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
{{ track.name }}
|
||||
<div class="text-muted">
|
||||
{% for artist in track.artists %}
|
||||
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,33 @@
|
||||
<div class="card">
|
||||
<div class="list-group card-list-group">
|
||||
{% for track in site.data.tracks limit: 12 %}
|
||||
<div class="list-group-item">
|
||||
<div class="row row-sm align-items-center">
|
||||
<div class="col-auto text-h3">
|
||||
{{ forloop.index }}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="48" height="48">
|
||||
</div>
|
||||
<div class="col">
|
||||
{{ track.name }}
|
||||
<div class="text-muted">
|
||||
{% for artist in track.artists %}
|
||||
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto text-muted">
|
||||
{{ track.duration_ms | miliseconds_to_minutes }}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include_cached ui/icon.html icon="heart" %}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include_cached ui/icon.html icon="more-horizontal" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="media">
|
||||
{% include ui/avatar.html person-id=8 size="xl" %}
|
||||
{% include_cached ui/avatar.html person-id=8 size="xl" %}
|
||||
<div class="media-body ml-4">
|
||||
<h3>{{ site.data.people[20].first_name }} {{ site.data.people[20].last_name }}</h3>
|
||||
<p class="text-muted mb-0">{{ site.data.people[20].job_title }}</p>
|
||||
|
||||
@@ -3,20 +3,20 @@
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Message">
|
||||
<div class="input-group-append">
|
||||
<button type="button" class="btn btn-secondary">
|
||||
<i class="fe fe-camera"></i>
|
||||
</button>
|
||||
{% include_cached ui/button.html icon="camera" icon-only=true color="secondary" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-group card-list-group">
|
||||
<li class="list-group-item py-4">
|
||||
<div class="media">
|
||||
<div class="media-object avatar avatar-md mr-4" style="background-image: url({{ site.data.people[4].photo }})"></div>
|
||||
<div class="media-body">
|
||||
<div class="media-heading">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
{% include_cached ui/avatar.html person-id=5 class="mr-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div>
|
||||
<small class="float-right text-muted">4 min</small>
|
||||
<h4 class="font-semibold">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4 class="font-semibold">
|
||||
<h4>{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@@ -25,18 +25,22 @@
|
||||
nascetur ridiculus mus.
|
||||
</div>
|
||||
|
||||
<ul class="media-list">
|
||||
<li class="media mt-4">
|
||||
<div class="media-object avatar mr-4" style="background-image: url({{ site.data.people[7].photo }})"></div>
|
||||
<div class="media-body">
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex mt-4">
|
||||
<div>
|
||||
{% include_cached ui/avatar.html person-id=8 class="mr-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<strong>{{ site.data.people[7].first_name }} {{ site.data.people[7].last_name }}: </strong>
|
||||
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
|
||||
auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mt-4">
|
||||
<div class="media-object avatar mr-4" style="background-image: url({{ site.data.people[9].photo }})"></div>
|
||||
<div class="media-body">
|
||||
<li class="d-flex mt-4">
|
||||
<div>
|
||||
{% include_cached ui/avatar.html person-id=10 class="mr-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<strong>{{ site.data.people[9].first_name }} {{ site.data.people[9].last_name }}: </strong>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
|
||||
amet risus.
|
||||
@@ -47,12 +51,14 @@
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item py-4">
|
||||
<div class="media">
|
||||
<div class="media-object avatar avatar-md mr-4" style="background-image: url({{ site.data.people[4].photo }})"></div>
|
||||
<div class="media-body">
|
||||
<div class="media-heading">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
{% include_cached ui/avatar.html person-id=11 class="mr-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div>
|
||||
<small class="float-right text-muted">12 min</small>
|
||||
<h4 class="font-semibold">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4 class="font-semibold">
|
||||
<h4>{{ site.data.people[10].first_name }} {{ site.data.people[10].last_name }}</h4>
|
||||
</div>
|
||||
<div>
|
||||
Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis
|
||||
@@ -62,12 +68,14 @@
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item py-4">
|
||||
<div class="media">
|
||||
<div class="media-object avatar avatar-md mr-4" style="background-image: url({{ site.data.people[4].photo }})"></div>
|
||||
<div class="media-body">
|
||||
<div class="media-heading">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
{% include_cached ui/avatar.html person-id=15 class="mr-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div>
|
||||
<small class="float-right text-muted">34 min</small>
|
||||
<h4 class="font-semibold">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4 class="font-semibold">
|
||||
<h4>{{ site.data.people[14].first_name }} {{ site.data.people[14].last_name }}</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@@ -75,10 +83,12 @@
|
||||
venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
|
||||
</div>
|
||||
|
||||
<ul class="media-list">
|
||||
<li class="media mt-4">
|
||||
<div class="media-object avatar mr-4" style="background-image: url({{ site.data.people[5].photo }})"></div>
|
||||
<div class="media-body">
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex mt-4">
|
||||
<div>
|
||||
{% include_cached ui/avatar.html person-id=6 class="mr-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<strong>{{ site.data.people[5].first_name }} {{ site.data.people[5].last_name }}: </strong>
|
||||
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
|
||||
auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="card">
|
||||
<div class="card-body p-4 py-5 text-center">
|
||||
{% include ui/avatar.html size="xl" placeholder="W" class="mb-4" color=include.project-color %}
|
||||
{% include_cached ui/avatar.html size="xl" placeholder="W" class="mb-4" color=include.project-color %}
|
||||
<h3 class="mb-0">{{ include.title | default: "New website" }}</h3>
|
||||
<p class="text-muted">Due to: {{ include.date | default: '28 Aug 2019' }}</p>
|
||||
<p class="mb-3">
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
{% if include.icon %}
|
||||
<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} stamp mr-3">{% include_cached ui/icon.html icon=include.icon %}</span>
|
||||
{% elsif include.person-id %}
|
||||
{% include ui/avatar.html person-id=include.person-id class="mr-3 rounded" %}
|
||||
{% include_cached ui/avatar.html person-id=include.person-id class="mr-3 rounded" %}
|
||||
{% endif %}
|
||||
|
||||
{% if include.chart-data and chart-position == "left" %}
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="card-body">
|
||||
<div class="row row-sm align-items-center">
|
||||
<div class="col-auto">
|
||||
{% include ui/avatar.html person=person size="lg" %}
|
||||
{% include_cached ui/avatar.html person=person size="lg" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<h4 class="card-title m-0">
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
|
||||
<tr>
|
||||
<td class="text-center w-1p">
|
||||
{% include ui/avatar.html person-id=person.id %}
|
||||
{% include_cached ui/avatar.html person-id=person.id %}
|
||||
</td>
|
||||
<td>
|
||||
<div>{{ person.full_name }}</div>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
|
||||
</td>
|
||||
<td>
|
||||
{% include ui/avatar.html person-id=forloop.index size="sm" %}
|
||||
{% include_cached ui/avatar.html person-id=forloop.index size="sm" %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
<p class="list-timeline-title">+3 Friend Requests</p>
|
||||
<div class="avatar-list mt-3">
|
||||
{% for person in site.data.people limit: 3 %}
|
||||
{% include ui/avatar.html size="sm" person=person status="success" %}
|
||||
{% include_cached ui/avatar.html size="sm" person=person status="success" %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
{% assign person = site.data.people[person-id] %}
|
||||
<a class="card card-link" href="#">
|
||||
<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({% include ui/image.html id=person-id %})">
|
||||
{% include ui/avatar.html size="xl" person=person thumb=true %}
|
||||
{% include_cached ui/avatar.html size="xl" person=person thumb=true %}
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<div class="card-title mb-1">{{ person.full_name }}</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
{% include ui/avatar.html size="xl" person=person %}
|
||||
{% include_cached ui/avatar.html size="xl" person=person %}
|
||||
</div>
|
||||
<div class="card-title mb-1">{{ person.full_name }}</div>
|
||||
<div class="text-muted">{{ person.job_title }}</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<a class="card card-link" href="#">
|
||||
<div class="card-body">
|
||||
<div class="float-{% if include.right %}right{% else %}left mr-3{% endif %}">
|
||||
{% include ui/avatar.html person=person class="rounded" %}
|
||||
{% include_cached ui/avatar.html person=person class="rounded" %}
|
||||
</div>
|
||||
<div class="lh-sm">
|
||||
<div class="strong">{{ person.full_name }}</div>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
{% assign color = forloop.index | plus: 5 | random_item: colors %}
|
||||
<div class="col-6 row row-sm mb-3 align-items-center">
|
||||
<a href="#" class="col-auto">
|
||||
{% include ui/avatar.html person=person status=color %}
|
||||
{% include_cached ui/avatar.html person=person status=color %}
|
||||
</a>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-body d-block text-truncate">{{ person.full_name }}</a>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<div><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div>
|
||||
{% endif %}
|
||||
<a href="#">
|
||||
{% include ui/avatar.html person=person %}
|
||||
{% include_cached ui/avatar.html person=person %}
|
||||
</a>
|
||||
<div class="text-truncate">
|
||||
<a href="#" class="text-body d-block">{{ person.full_name }}</a>
|
||||
|
||||
@@ -1,74 +1,74 @@
|
||||
<div class="row row-deck">
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
{% include cards/charts/sales.html %}
|
||||
{% include_cached cards/charts/sales.html %}
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
{% include cards/charts/revenue.html %}
|
||||
{% include_cached cards/charts/revenue.html %}
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
{% include cards/charts/new-clients.html %}
|
||||
{% include_cached cards/charts/new-clients.html %}
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
{% include cards/charts/active-users.html %}
|
||||
{% include_cached cards/charts/active-users.html %}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
{% include cards/project-summary.html stage-color="red" %}
|
||||
{% include_cached cards/project-summary.html stage-color="red" %}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
{% include cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
|
||||
{% include_cached cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
|
||||
{% include_cached cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
|
||||
</div>
|
||||
<div class="col-6 col-sm-4">
|
||||
{% include cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
|
||||
{% include_cached cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
|
||||
</div>
|
||||
<div class="col-6 col-sm-4">
|
||||
{% include cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
|
||||
{% include_cached cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{% include cards/map.html title="Top users" %}
|
||||
{% include_cached cards/map.html title="Top users" %}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
{% include cards/development-activity.html %}
|
||||
{% include_cached cards/development-activity.html %}
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row row-deck">
|
||||
<div class="col-md-12">
|
||||
{% comment %}{% include cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
|
||||
{% comment %}{% include_cached cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
{% comment %}{% include cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
|
||||
{% comment %}{% include_cached cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
{% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
|
||||
{% include_cached cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
{% include cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
|
||||
{% include_cached cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" chart-label="56%" color="red" count="1352" subtitle="Members" description="163 registered today" %}
|
||||
{% include_cached cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" chart-label="56%" color="red" count="1352" subtitle="Members" description="163 registered today" %}
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
{% include cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
|
||||
{% include_cached 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-12">
|
||||
{% include cards/invoices.html %}
|
||||
{% include_cached cards/invoices.html %}
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
{% include cards/table-users.html %}
|
||||
{% include_cached cards/table-users.html %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<a {% unless level-1[1].children %}href="{{ site.base }}/{{ level-1[1].url }}"{% endunless %} class="sidebar-nav-link{% if level-1[0] == current-page[0] and current-page.size == 1 %} active{% endif %}" {% if level-1[1].children %}data-toggle="collapse" data-target="#sidebar-menu-{{ level-1[0] }}"{% if level-1[0] == current-page[0] %} aria-expanded="true"{% endif %}{% endif %}>
|
||||
{% if level-1[1].icon %}
|
||||
{% assign icon = level-1[1].icon %}
|
||||
{% include ui/icon.html icon=icon class="nav-icon" %}
|
||||
{% include_cached ui/icon.html icon=icon class="nav-icon" %}
|
||||
{% endif %}
|
||||
|
||||
<span class="nav-text">{{ level-1[1].title }}</span>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<li class="nav-item dropdown">
|
||||
<a href="#" data-toggle="dropdown"
|
||||
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
|
||||
{% include ui/avatar.html src=person.photo size="sm" %}
|
||||
{% include_cached ui/avatar.html src=person.photo size="sm" %}
|
||||
<span class="ml-2 d-none d-lg-block lh-1">
|
||||
{{ person.full_name }}
|
||||
<span class="text-muted d-block mt-1 text-h6">Administrator</span>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
|
||||
<div class="mt-auto">
|
||||
{% include ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
|
||||
{% include_cached ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</aside>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<input type="text" class="form-control" placeholder="Search for…">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include ui/button.html icon="search" icon-only=true color="secondary" %}
|
||||
{% include_cached ui/button.html icon="search" icon-only=true color="secondary" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{% assign person = include.person %}
|
||||
<div class="alert alert-{{ include.type | default: 'primary'}}{%if include.close %} alert-dismissible{% endif %}{% if include.avatar %} alert-avatar{% endif %}" role="alert">
|
||||
{% if include.avatar %}{% include ui/avatar.html person=person %}{% endif %}
|
||||
{% if include.avatar %}{% include_cached ui/avatar.html person=person %}{% endif %}
|
||||
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon class="mr-1" %}{% endif %} {{ include.text | default:
|
||||
"This is a custom alert box!" }}
|
||||
{% if include.buttons %}
|
||||
|
||||
@@ -3,9 +3,9 @@
|
||||
{% assign size = include['size'] %}
|
||||
<div class="avatar-list{% if include.stacked %} avatar-list-stacked{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
|
||||
{% for person in site.data.people limit: limit offset: offset %}
|
||||
{% include ui/avatar.html person=person size=size %}
|
||||
{% include_cached ui/avatar.html person=person size=size %}
|
||||
{% endfor %}
|
||||
{% if include.text %}
|
||||
{% include ui/avatar.html placeholder=include.text size=size %}
|
||||
{% include_cached ui/avatar.html placeholder=include.text size=size %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
{% removeemptylines %}
|
||||
{% assign spinner-class = false %}
|
||||
{% assign color = include.color | default: 'secondary' %}
|
||||
{% assign provider = include.provider | default: 'fe' %}
|
||||
{% if include.text %}{% assign spinner-class="mr-2" %}{% endif %}
|
||||
{% assign e = include.element | default: 'a' %}
|
||||
<{{ e }}{% if e == 'a' %} href="{% if include.href %}{{ site.base }}/{{ include.href }}{% else %}#{% endif %}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if include.color %} btn-{% if include.outline %}outline-{% endif %}{{ include.color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}">
|
||||
<{{ e }}{% if e == 'a' %} href="{% if include.href %}{{ site.base }}/{{ include.href }}{% else %}#{% endif %}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}">
|
||||
{% if include.spinner %}
|
||||
{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
|
||||
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon use-svg=true %}{% endif %}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
{% assign person = site.data.people[person-id] %}
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
|
||||
<div class="toast-header">
|
||||
{% include ui/avatar.html person=person class="mr-2" size="sm" %}
|
||||
{% include_cached ui/avatar.html person=person class="mr-2" size="sm" %}
|
||||
<strong class="mr-auto">{{ person.full_name }}</strong>
|
||||
<small>{{ include.date | default: '11 mins ago' }}</small>
|
||||
<button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">
|
||||
|
||||
Reference in New Issue
Block a user