Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-02 08:25:32 +04:00
Code Issues Projects Releases Wiki Activity

Merge branch 'dev' into dev-daterangepicker

Browse Source
This commit is contained in:
Dawid Harat
2019-12-21 23:26:47 +01:00
committed by GitHub
parent affd05a96a e453d61a78
commit 30661ca918
222 changed files with 41059 additions and 26443 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_data/charts.yml
+61 -74
View File
@@ -1,4 +1,5 @@
completion-tasks:
demo: true
type: bar
days-labels-count: 7
debug: true
@@ -6,6 +7,62 @@ completion-tasks:
- name: Tasks completion
data: [155, 65, 465, 265, 225, 325, 80]
completion-tasks2:
demo: true
extend: completion-tasks
type: line
completion-tasks3:
demo: true
extend: completion-tasks
type: area
completion-tasks4:
demo: true
extend: completion-tasks
stroke-curve: straight
type: line
completion-tasks5:
demo: true
extend: completion-tasks
stroke-curve: stepline
type: line
completion-tasks6:
demo: true
extend: completion-tasks
type: bar
horizontal: true
completion-tasks7:
demo: true
extend: completion-tasks
type: line
datalabels: true
completion-tasks8:
demo: true
series:
- data: [155, 65, 465, 265, 225, 325, 80]
- data: [113, 42, 65, 54, 76, 65, 35]
color: red
completion-tasks9:
demo: true
extend: completion-tasks8
stacked: true
completion-tasks10:
demo: true
extend: completion-tasks8
type: area
completion-tasks11:
demo: true
extend: completion-tasks8
type: area
stacked: true
tasks-overview:
type: bar
@@ -19,8 +76,6 @@ total-sales:
type: donut
demo: true
sparkline: true
hide-legend: true
name: Total sales
series:
- name: Direct
color: blue
@@ -36,11 +91,8 @@ total-sales:
data: 12
campaigns:
name: Campaigns
demo: true
type: radialBar
sparkline: true
hide-legend: true
series:
- name: Total Sent
color: blue
@@ -53,7 +105,6 @@ campaigns:
data: 18
tasks:
name: Tasks
demo: true
type: line
categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W']
@@ -75,8 +126,6 @@ tasks:
data: [0, 0, 1, 0, 2, 0, 1, 0, 2, 3, 0, 2, 3, 2, 1, 0, 0]
development-activity:
name: Development Activity
title: Development Activity
type: area
groups: [1, 2, 3]
hide-points: true
@@ -90,8 +139,6 @@ development-activity:
data: [3, 5, 4, 6, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 8, 4, 14, 30, 17, 19, 15, 14, 25, 32, 40, 55, 60, 48, 52, 70]
line:
name: Employment Growth
demo: true
type: line
show-grid: true
categories: ['2013', '2014', '2015', '2016', '2017', '2018']
@@ -107,11 +154,9 @@ line:
data: [17, 18, 21, 20, 30, 29]
line-stroke:
name: Line chart
demo: true
type: line
stroke-curve: straight
hide-legend: true
show-grid: true
categories: ['2013', '2014', '2015', '2016', '2017', '2018', '2019']
series:
@@ -126,10 +171,8 @@ line-stroke:
data: [7, 10, 11, 18, 18, 18, 24]
stepline:
name: Stepline
demo: true
type: line
hide-legend: true
stroke-curve: stepline
show-grid: true
series:
@@ -138,13 +181,11 @@ stepline:
data: [34, 44, 54, 21, 12, 43, 33, 23, 66, 66, 58]
temperature:
name: Monthly Average Temperature
demo: true
type: line
show-labels: true
show-data-labels: true
show-markers: true
hide-legend: true
show-grid: true
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
series:
@@ -157,10 +198,8 @@ temperature:
area:
name: Lorem ipsum
demo: true
type: area
hide-legend: true
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
series:
- name: Maximum
@@ -172,11 +211,9 @@ area:
area-spline:
name: Lorem ipsum
demo: true
type: area
spline: true
hide-legend: true
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
series:
- name: Maximum
@@ -188,11 +225,9 @@ area-spline:
area-spline-stacked:
name: Lorem ipsum
demo: true
type: area
spline: true
hide-legend: true
stacked: true
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
series:
@@ -205,12 +240,10 @@ area-spline-stacked:
spline:
name: Wind speed during two days
demo: true
type: line
spline: true
show-labels: true
hide-legend: true
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
series:
- name: Hestavollane
@@ -220,14 +253,8 @@ spline:
color: green
data: [0, 0, 0.6, 0.9, 0.8, 0.2, 0, 0, 0, 0.1, 0.6, 0.7, 0.8, 0.6, 0.2, 0, 0.1, 0.3, 0.3, 0, 0.1, 0, 0, 0, 0.2, 0.1, 0, 0.3, 0, 0.1, 0.2, 0.1, 0.3, 0.3, 0, 3.1, 3.1, 2.5, 1.5, 1.9, 2.1, 1, 2.3, 1.9, 1.2, 0.7, 1.3, 0.4, 0.3]
pie:
name: Lorem ipsum
demo: true
type: pie
hide-legend: true
show-data-labels: true
sparkline: true
series:
@@ -245,11 +272,8 @@ pie:
data: 14
donut:
name: Lorem ipsum
demo: true
type: donut
sparkline: true
hide-legend: true
series:
- name: Maximum
color: green
@@ -260,10 +284,8 @@ donut:
scatter:
name: Lorem ipsum
demo: true
type: scatter
hide-legend: true
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
series:
- name: Maximum
@@ -275,14 +297,12 @@ scatter:
combination:
name: Combination chart
demo: true
type: bar
types:
2: 'line'
3: 'spline'
groups: [1, 4]
hide-legend: true
categories: ['2013', '2014', '2015', '2016', '2017', '2018']
series:
- name: Development
@@ -312,7 +332,6 @@ new-clients:
sparkline: true
stroke-width: [2, 1]
stroke-dash: [0, 3]
hide-legend: true
series:
- name: May
color: blue
@@ -329,52 +348,20 @@ active-users:
- name: Profits
data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
goals:
type: area
days-labels-count: 30
sparkline: true
series:
- name: Profits
data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
traffic-in:
type: bar
days-labels-count: 10
sparkline: true
color: green
series:
- name: Inbound
color: azure
data: [14, 3, 14, 9, 4, 6, 2, 7, 7, 14, 10, 9, 5, 1]
data: [14, -3, 14, 9, 4, 6, -2, 7, 7, 14, 10, 9, 5, -1]
traffic-out:
type: bar
days-labels-count: 10
sparkline: true
color: red
series:
- name: Outbound
color: red
data: [3, 9, 7, 14, 4, 5, 9, 1, 7, 10, 14, 14, 2, 6]
data: [-3, 7, 9, 14, 4, 5, 3, -1, 7, 10, 14, 14, -2, 6]
usd-eur:
type: line
days-labels-count: 30
stroke-curve: straight
series:
- name: USD/EUR
color: black
data: [1.1241, 1.0972, 1.0601, 1.0516, 1.2795, 1.0573, 1.065, 1.1892, 1.1243, 1.1421, 1.1835, 1.1917, 1.1811, 1.1649, 1.1888, 1.1995, 1.2412, 1.2193, 1.2325, 1.2077, 1.1692, 1.168, 1.1686, 1.1601, 1.1608, 1.1317, 1.0318, 1.1465, 1.1444]
devices:
type: donut
sparkline: true
hide-legend: true
series:
- name: a
color: blue-700
data: 23
- name: b
color: blue
data: 54
- name: c
color: blue-300
data: 34
pages/_data/colors.yml
+22
View File
@@ -9,6 +9,17 @@ blue-700: '#134076'
blue-800: '#0d2b4e'
blue-900: '#061527'
azure: '#45aaf2'
azure-100: '#daeefc'
azure-200: '#b5ddfa'
azure-300: '#8fccf7'
azure-400: '#6abbf5'
azure-500: '#45aaf2'
azure-600: '#3788c2'
azure-700: '#296691'
azure-800: '#1c4461'
azure-900: '#0e2230'
indigo: '#6574cd'
indigo-100: '#e0e3f5'
indigo-200: '#c1c7eb'
@@ -86,6 +97,17 @@ green-700: '#387000'
green-800: '#264a00'
green-900: '#132500'
lime: '#7bd235'
lime-100: '#e5f6d7'
lime-200: '#caedae'
lime-300: '#b0e486'
lime-400: '#95db5d'
lime-500: '#7bd235'
lime-600: '#62a82a'
lime-700: '#4a7e20'
lime-800: '#315415'
lime-900: '#192a0b'
teal: '#2bcbba'
teal-100: '#d5f5f1'
teal-200: '#aaeae3'
pages/_data/libs.json
+1 -1
View File
@@ -3,7 +3,7 @@
"jquery", "bootstrap"
],
"js": {
"jquery": "jquery/dist/jquery.min.js",
"jquery": "jquery/dist/jquery.slim.min.js",
"bootstrap": "bootstrap/dist/js/bootstrap.bundle.min.js",
"autosize": "autosize/dist/autosize.min.js",
"imask": "imask/dist/imask.min.js",
pages/_data/menu.yml
+10 -4
View File
@@ -42,6 +42,9 @@ base:
title: Base
icon: package
children:
blank:
title: Starter page
url: blank.html
buttons:
url: buttons.html
title: Buttons
@@ -51,8 +54,10 @@ base:
title: Cards
calendar:
title: Calendar
icon: calendar
url: calendar.html
carousel:
title: Carousel
url: carousel.html
users:
title: Users
icon: users
@@ -78,17 +83,18 @@ extra:
icon: star
children:
invoice:
icon: file
title: Invoice
url: invoice.html
blog:
title: Blog cards
url: blog.html
docs:
title: Documentation
icon: file-text
url: docs/index.html
children:
index:
title: index
title: Introduction
url: docs/index.html
alerts:
title: Alerts
pages/_docs/autosize.md
+5 -1
View File
@@ -9,5 +9,9 @@ done: true
{% example html %}
<label class="form-label">Autosize example</label>
<textarea class="form-control" data-toggle="autosize" placeholder="Typing something&hellip;"></textarea>
{% include ui/form/textarea-autosize.html %}
{% include ui/form/textarea-autosize.html %}
{% include ui/form/textarea-autosize.html %}
{% include ui/form/textarea-autosize.html %}
{% include ui/form/textarea-autosize.html %}
{% endexample %}
pages/_docs/typography.md
+4 -4
View File
@@ -133,10 +133,10 @@ Utilities for controlling the tracking (letter spacing) of an element.
Utilities for controlling the leading (line height) of an element.
{% example %}
<p class="leading-none">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="leading-tight">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="leading-normal">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="leading-loose">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="lh-1">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="lh-sm">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="lh-base">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
<p class="lh-lg">Lorem ipsum dolor sit amet.<br>Dolor sit amet.</p>
{% endexample %}
### Antialiasing
pages/_includes/cards/gallery.html
+22
View File
@@ -0,0 +1,22 @@
<div class="card card-sm">
<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" %}
<div class="lh-sm">
<div>{{ include.person.full_name }}</div>
<div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
</div>
<div class="ml-auto">
<a href="#" class="text-muted">
{% include_cached ui/icon.html icon="eye" %}
{{ forloop.index | random_number: 300, 600 }}
</a>
<a href="#" class="ml-3 text-muted">
{% include_cached ui/icon.html icon="heart" %}
{{ forloop.index | random_number: 20, 100 }}
</a>
</div>
</div>
</div>
</div>
pages/_includes/cards/order-statistics.html
+1 -1
View File
@@ -12,7 +12,7 @@
<ul class="list-unstyled">
{% for item in site.data.orders %}
<li class="row row-sm leading-tight align-items-center mb-2">
<li class="row row-sm lh-sm align-items-center mb-2">
<div class="col-auto"><span class="legend bg-{{ item.color }}"></span></div>
<div class="col">
{{ item.title }}
pages/_includes/cards/pricing-card.html
+1 -1
View File
@@ -9,7 +9,7 @@
<div class="text-uppercase text-muted">{{ include.category | default: 'Enterprise' }}</div>
<div class="h1 my-4">${{ include.price | default: '79' }}</div>
<ul class="list-unstyled leading-loose">
<ul class="list-unstyled lh-lg">
<li><strong>{{ include.users | default: 10 }}</strong> Users</li>
{% for feature in features %}
<li>
pages/_includes/cards/small-stats.html
+26 -32
View File
@@ -1,39 +1,33 @@
{% assign chart-type = include.chart-type | default: 'line' %}
{% assign chart-position = include.chart-position | default: 'right' %}
<div class="card">
<div class="card-body p-3 d-flex align-items-center">
{% 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" %}
{% endif %}
<div class="card-body p-3 d-flex align-items-center">
{% 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" %}
{% endif %}
{% if include.chart-data and chart-position=="left" %}
<div class="mr-3">
{% include ui/sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
</div>
{% endif %}
{% if include.chart-data and chart-position == "left" %}
<div class="mr-3">
{% include ui/sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
</div>
{% endif %}
<div class="mr-3">
<div>
<strong>{{ include.count | default: 1700 | format_number }}</strong> {{ include.subtitle }}
{% if include.small-icon %}
{% include_cached ui/icon.html icon=include.small-icon color=include.color class="icon-sm ml-1" %}
{% endif %}
</div>
<div class="text-muted text-h5">{{ include.description | default: "Users" }}</div>
</div>
<div class="mr-3 lh-sm">
<div class="strong">
{{ include.count | default: 1700 | format_number }} {{ include.subtitle }}
{% if include.small-icon %}
{% include_cached ui/icon.html icon=include.small-icon color=include.color class="icon-sm ml-1" %}
{% endif %}
</div>
<div class="text-muted">{{ include.description | default: "Users" }}</div>
</div>
{% if include.second-icon %}
<div class="ml-auto">
{% include_cached ui/icon.html icon=include.second-icon color=include.color class="icon-lg icon-thin" %}
</div>
{% endif %}
{% if include.chart-data and chart-position=="right" %}
<div class="ml-auto">
{% include ui/sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
</div>
{% endif %}
</div>
{% if include.chart-data and chart-position=="right" %}
<div class="ml-auto">
{% include ui/sparkline.html data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
</div>
{% endif %}
</div>
</div>
pages/_includes/cards/subscribe.html
+31 -31
View File
@@ -1,35 +1,35 @@
{% assign person-id = include.person-id | default: 0 %}
{% assign person = site.data.people[person-id] %}
<div class="card">
<div class="card-body">
<div class="row row-sm align-items-center">
<div class="col-auto">
{% include ui/avatar.html person=person size="lg" %}
</div>
<div class="col">
<h4 class="card-title m-0">
<a href="#">{{ person.full_name }}</a>
</h4>
<div class="text-muted">
Working in {{ person.company }}
</div>
<div class="small mt-1">
<span class="text-success">●</span> Online
</div>
</div>
<div class="col-auto">
<a href="#" class="btn btn-sm btn-secondary d-none d-md-inline-block">
Subscribe
</a>
</div>
<div class="col-auto">
<div class="dropdown">
<button class="btn-options" type="button" data-toggle="dropdown">
{% include_cached ui/icon.html icon="more-vertical" %}
</button>
{% include_cached ui/dropdown-menu.html right=true %}
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="row row-sm align-items-center">
<div class="col-auto">
{% include ui/avatar.html person=person size="lg" %}
</div>
<div class="col">
<h4 class="card-title m-0">
<a href="#">{{ person.full_name }}</a>
</h4>
<div class="text-muted">
Working in {{ person.company }}
</div>
<div class="small mt-1">
<span class="text-success">●</span> Online
</div>
</div>
<div class="col-auto">
<a href="#" class="btn btn-sm btn-secondary d-none d-md-inline-block">
Subscribe
</a>
</div>
<div class="col-auto">
<div class="dropdown">
<button class="btn-options" type="button" data-toggle="dropdown">
{% include_cached ui/icon.html icon="more-vertical" %}
</button>
{% include_cached ui/dropdown-menu.html right=true %}
</div>
</div>
</div>
</div>
</div>
pages/_includes/cards/user-card.html
+9 -7
View File
@@ -1,11 +1,13 @@
{% assign person-id = include.person-id | default: 0 %}
{% assign person = site.data.people[person-id] %}
<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 %}
</div>
<div class="card-title mb-1">{{ person.full_name }}</div>
<div class="text-muted">{{ person.job_title }}</div>
</div>
<div class="card-body">
<div class="float-{% if include.right %}right{% else %}left mr-3{% endif %}">
{% include ui/avatar.html person=person class="rounded" %}
</div>
<div class="lh-sm">
<div class="strong">{{ person.full_name }}</div>
<div class="text-muted">{{ person.job_title }}</div>
</div>
</div>
</a>
pages/_includes/forms/form-elements-5.html
+1 -1
View File
@@ -59,5 +59,5 @@
<div class="mb-3">
<label class="form-label">Autosize textarea</label>
<textarea class="form-control" data-toggle="autosize" placeholder="Typing something&hellip;"></textarea>
{% include ui/form/textarea-autosize.html %}
</div>
pages/_includes/layout/css.html
+2 -3
View File
@@ -8,8 +8,7 @@
{% endif %}
<!-- Tabler Core -->
<link href="{{ site.base }}/dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="{{ site.base }}/dist/css/tabler-flags{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
<link href="{{ site.base }}/dist/css/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler-flags{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
pages/_includes/layout/js-capture.html
+8 -1
View File
@@ -1,3 +1,10 @@
{% removeemptylines %}
{{ site.captured_global.scripts }}
{% for script in site.captured_global.scripts %}
{{ script }}
{% endfor %}
{% for script in site.captured_once.scripts %}
{{ script }}
{% endfor %}
{% endremoveemptylines %}
pages/_includes/layout/js.html
+1 -5
View File
@@ -1,4 +1,3 @@
{% if site.data.libs.js and site.captured_libs %}
<!-- Libs JS -->
{% for lib in site.data.libs.js %}
{% if site.captured_libs contains lib[0] or site.data.libs.global-libs contains lib[0] %}
@@ -7,10 +6,7 @@
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
<!-- Tabler Core -->
<script src="{{ site.base }}/dist/js/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
<!-- Tabler Plugins -->
<script src="{{ site.base }}/dist/js/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
<script src="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/js/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
pages/_includes/layout/menu-aside.html
+7 -7
View File
@@ -5,7 +5,7 @@
{% for level-1 in site.data.menu %}
<li class="sidebar-nav-item">
<a href="{{ site.base }}/{{ level-1[1].url }}" class="sidebar-nav-link{% if level-1[0] == current-page[0] and current-page.size == 1 %} active{% endif %}">
<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" %}
@@ -18,14 +18,14 @@
{% assign badge-color = level-1[1].badge-color | default: 'green' %}
{% include ui/badge.html text=badge color=badge-color %}
{% endif %}
{% if level-1[1].children %}
<span class="sidebar-nav-arrow"></span>
{% endif %}
</a>
{% comment %}
<div class="sidebar-nav-title">{{ level-1[1].title }}</div>
{% endcomment %}
{% if level-1[1].children %}
<ul class="sidebar-subnav">
<ul class="sidebar-subnav collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-menu-{{ level-1[0] }}">
{% for level-2 in level-1[1].children %}
<li class="sidebar-nav-item">
<a href="{{ site.base }}/{{ level-2[1].url }}" class="sidebar-nav-link{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}">
@@ -41,4 +41,4 @@
{% endif %}
</li>
{% endfor %}
</ul>
</ul>
pages/_includes/layout/navbar-search.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="navbar-search d-none d-lg-block">
<div class="navbar-search d-none d-xl-block">
<form action="." method="get">
{% include ui/form/input-icon.html prepend=true light=true %}
</form>
pages/_includes/layout/navbar.html
+2 -2
View File
@@ -15,8 +15,8 @@
<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 %}
<span class="ml-2 d-none d-lg-block leading-none">
{% include 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>
</span>
pages/_includes/layout/page-title-actions.html
+24 -17
View File
@@ -2,23 +2,30 @@
<!-- Page title actions -->
<div class="col-auto ml-auto d-print-none">
{% if actions == 'users' %}
<div class="d-flex">
<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;"/>
{% include_cached ui/button.html text="New user" color="primary" icon="plus" %}
</div>
{% elsif actions == 'calendar' %}
<div class="d-flex">
{% include_cached ui/button.html text="Add event" color="primary" icon="plus" %}
</div>
{% elsif actions == 'breadcrumb' %}
<div class="d-flex">
{% include_cached ui/breadcrumb.html class="breadcrumb-alternate" %}
</div>
{% elsif actions == 'buttons' %}
<span class="d-none d-sm-inline">
{% if actions == 'users' %}
<div class="d-flex">
<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;"/>
{% include_cached ui/button.html text="New user" color="primary" icon="plus" %}
</div>
{% elsif actions == 'calendar' %}
<div class="d-flex">
{% include_cached ui/button.html text="Add event" color="primary" icon="plus" %}
</div>
{% elsif actions == 'photos' %}
<div class="d-flex">
<div class="mr-3">
{% include ui/form/input-icon.html %}
</div>
{% include_cached ui/button.html text="Add event" color="primary" icon="plus" %}
</div>
{% elsif actions == 'breadcrumb' %}
<div class="d-flex">
{% include_cached ui/breadcrumb.html class="breadcrumb-alternate" %}
</div>
{% elsif actions == 'buttons' %}
<span class="d-none d-sm-inline">
{% include_cached ui/button.html text="New view" color="secondary" icon="plus" %}
</span>
{% include_cached ui/button.html text="Create new report" color="primary" class="ml-3" %}
{% endif %}
{% include_cached ui/button.html text="Create new report" color="primary" class="ml-3" %}
{% endif %}
</div>
pages/_includes/layout/page-title.html
+1 -1
View File
@@ -17,7 +17,7 @@
{% if page.page-title-description %}
<div class="col-auto">
<div class="text-muted text-h5">{{ page.page-title-description }}</div>
<div class="text-muted text-h5 mt-2">{{ page.page-title-description }}</div>
</div>
{% endif %}
pages/_includes/layout/topmenu.html
+6 -6
View File
@@ -1,9 +1,9 @@
<header class="topnav topbar">
<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
<div class="container{% if include.fluid %}-fluid{% endif %}">
{% include layout/menu.html top=true %}
<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
<div class="container{% if include.fluid %}-fluid{% endif %}">
{% include layout/menu.html top=true %}
{% include_cached layout/navbar-search.html %}
</div>
</div>
{% include_cached layout/navbar-search.html %}
</div>
</div>
</header>
pages/_includes/ui/avatar.html
+12 -12
View File
@@ -2,18 +2,18 @@
{% assign src = include.src %}
{% assign placeholder = include.placeholder %}
{% if include.person-id %}
{% assign person-id = include.person-id | minus: 1 %}
{% assign person = site.data.people[person-id] %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% elsif include.person %}
{% assign person = include.person %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% assign person-id = include.person-id | minus: 1 %}
{% assign person = site.data.people[person-id] %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% elsif include.person %}
{% assign person = include.person %}
{% assign src = person.photo %}
{% unless src %}
{% assign placeholder = person.full_name | first_letters %}
{% endunless %}
{% endif %}
{% assign link = include.link | default: false %}
{% assign el = 'span' %}
pages/_includes/ui/chart.html
+28 -12
View File
@@ -1,7 +1,7 @@
{% assign data = site.data.charts[include.chart-id] %}
{% assign id = include.id | default: include.chart-id %}
{% assign height = include.height | default: 10 %}
{% assign class = include.class | default: '' %}
{% assign class = include.class %}
{% if include['size'] == 'sm' %}
{% assign class = class | append: ' chart-sm' | strip %}
@@ -9,24 +9,25 @@
{% endif %}
{% if data %}
<div id="chart-{{ id }}" {% if class %} class="{{ class }}" {% endif %}{% if data.debug %}
style="outline: 1px solid red" {% endif %}></div>
{% if data.extend %}
{% assign data = site.data.charts[data.extend] | concat_objects: site.data.charts[include.chart-id] %}
{% endif %}
<div id="chart-{{ id }}" {% if class %} class="{{ class }}" {% endif %}{% if data.debug and jekyll.environment == 'development' %} style="outline: 1px solid red" {% endif %}></div>
{% append_lib apexcharts %}
{% capture script %}
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function (event) {
document.addEventListener("DOMContentLoaded", function () {
{% if jekyll.environment == 'development' %}
window.tabler_chart = window.tabler_chart || {};
{% endif %}
window.ApexCharts && ({% if jekyll.environment == 'development' %}
window.tabler_chart["chart-{{ include.chart-id }}"] = {% endif %}
new ApexCharts(document.getElementById('chart-{{ id }}'), {
window.ApexCharts && ({% if jekyll.environment == 'development' %}window.tabler_chart["chart-{{ include.chart-id }}"] = {% endif %}new ApexCharts(document.getElementById('chart-{{ id }}'), {
chart: {
type: "{{ data.type }}",
{% if data.title %}
type: "{{ data.type | default: 'bar' }}",
{% if data.title or data.type == "bar" or data.type == "line" %}
fontFamily: 'inherit',
{% endif %}
height: {{ height | times: 16 }},
@@ -36,6 +37,7 @@
enabled: true
},
{% else %}
parentHeightOffset: 0,
toolbar: {
show: false,
},
@@ -52,6 +54,20 @@
{% endif %}
},
{% if data.type == 'bar' and data.horizontal %}
plotOptions: {
bar: {
horizontal: true,
}
},
{% endif %}
{% if data.datalabels %}
dataLabels: {
enabled: true,
},
{% endif %}
fill: {
opacity: {% if data.type == 'area' %}.16{% else %}1{% endif %},
{% if data.type == 'area' %}type: 'solid'{% endif %}
@@ -114,18 +130,18 @@
{% endif %}
{% if data.days-labels-count %}
labels: [...Array({{ data.days-labels-count }}).keys()].map(n => `2019-09-${n + 1}`),
labels: [...Array({{ data.days-labels-count }}).keys()].map(n => '2019-09-' + (n + 1)),
{% endif %}
{% if data.series %}
colors: [{% for serie in data.series %}{% assign color = serie.color | default: data.color | default: 'blue' %}"{{ color | tabler_color }}"{% unless forloop.last %}, {% endunless %}{% endfor %}],
{% endif %}
{% if data.hide-legend %}
{% unless data.show-legend %}
legend: {
show: false,
},
{% endif %}
{% endunless %}
{% if data.hide-tooltip %}
tooltip: {
pages/_includes/ui/form/input-icon.html
+1 -1
View File
@@ -10,7 +10,7 @@
{{ addon }}
{% endif %}
<input type="text" class="form-control{% if include.light %} form-control-light{% endif %}" placeholder="{{ include.placeholder | default: 'Search for&hellip;' }}">
<input type="text" class="form-control{% if include.light %} form-control-light{% endif %}" placeholder="{{ include.placeholder | default: 'Search&hellip;' }}">
{% unless include.prepend %}
{{ addon }}
pages/_includes/ui/form/selectize.html
+1
View File
@@ -23,6 +23,7 @@
{% endif %}
</select>
{% append_lib selectize %}
{% capture_global scripts %}
<script>
$(document).ready(function(){
pages/_includes/ui/form/textarea-autosize.html
+19
View File
@@ -0,0 +1,19 @@
{% append_lib autosize %}
<textarea class="form-control" data-toggle="autosize" placeholder="{{ include.placeholder | default: 'Typing something&hellip;' }}"></textarea>
{% capture_once scripts %}
<script>
if (window.autosize) {
(function () {
const elements = document.querySelectorAll('[data-toggle="autosize"]');
if (elements.length) {
elements.forEach(function (element) {
autosize(element);
});
}
})();
}
</script>
{% endcapture_once %}
pages/_includes/ui/fullcalendar.html
+2
View File
@@ -2,6 +2,8 @@
<div id="calendar-{{ calendar-id }}" class="card-calendar"></div>
{% append_lib fullcalendar %}
{% capture_global scripts %}
<script>
document.addEventListener('DOMContentLoaded', function () {
pages/_includes/ui/progress-description.html
+1 -1
View File
@@ -2,7 +2,7 @@
{% assign color = include.color | default: 'blue' %}
<div{% if include.class %} class="{{ include.class }}"{% endif %}>
<div class="d-flex mb-1 align-items-center leading-none">
<div class="d-flex mb-1 align-items-center lh-1">
<div class="text-h5 font-weight-bolder m-0">{{ include.label | default: 'Label' }}</div>
{% if include.description %}
<div class="text-h6 text-muted ml-2">{{ include.description }}</div>
pages/_includes/ui/sparkline.html
+20 -16
View File
@@ -1,19 +1,23 @@
{% assign type = include.type %}
{% assign square = false %}
{% if type == "pie" or type == "donut" %}
{% assign square = true %}
{% endif %}
{% assign id = 0 | random_id %}
{% assign color = include.color | default: 'blue' %}
{% append_lib peity %}
<div class="sparkline{% if square %} sparkline-square{% endif %}{% if include.wide %} sparkline-wide{% endif %}" data-spark="{{ include.data }}" data-spark-type="{{ include.type }}" {% if include.color %}data-spark-color="{{ include.color | tabler_color }}" data-spark-color-bg="{{ include.color | tabler_color: '100' }}"{% endif %}>
{% if include.label %}
<div class="sparkline-label">
{{ include.label }}
</div>
{% endif %}
{% if include.label-icon %}
<div class="sparkline-label">
{% include_cached ui/icon.html icon=include.label-icon color=include.color %}
</div>
{% endif %}
</div>
<div class="chart-sparkline{% if type == 'pie' %} chart-sparkline-square{% endif %}{% if include.wide %} chart-sparkline-wide{% endif %}" id="sparkline-{{ id }}"></div>
{% capture_global scripts %}
<script>
document.addEventListener("DOMContentLoaded", function () {
$().peity && $('#sparkline-{{ id }}').text("{{ include.data }}").peity("{{ type | default: 'bar' }}", {
width: {% if type == 'pie' %}40{% else %}64{% endif %},
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 %},
padding: .2,
innerRadius: 16,
});
});
</script>
{% endcapture_global %}
pages/_includes/ui/trending.html
+1 -1
View File
@@ -10,6 +10,6 @@
{% assign icon = 'trending-down' %}
{% endif %}
<span class="text-{{ color }} d-inline-flex align-items-center leading-none{% if include.class %} {{ include.class }}{% endif %}">
<span class="text-{{ color }} d-inline-flex align-items-center lh-1{% if include.class %} {{ include.class }}{% endif %}">
{{ value }}% {% include_cached ui/icon.html icon=icon class="icon-thin" class="ml-1" %}
</span>
pages/_plugins/jekyll-capture.rb
+27 -2
View File
@@ -8,10 +8,10 @@ module Jekyll
def render(context)
if $captured_global[@text] === nil
$captured_global[@text] = '';
$captured_global[@text] = [];
end
$captured_global[@text] += super.strip + "\n\n"
$captured_global[@text].push(super.strip)
''
end
@@ -31,24 +31,49 @@ module Jekyll
''
end
end
class CaptureOnce < Liquid::Block
def initialize(tag_name, text, tokens)
super
@text = text.strip
end
def render(context)
if $captured_once[@text] === nil
$captured_once[@text] = [];
end
data = super.strip
unless $captured_once[@text].include?(data)
$captured_once[@text].push(data);
end
''
end
end
end
Jekyll::Hooks.register :site, :after_init do |page, jekyll|
$captured_global = {}
$captured_libs = []
$captured_once = {}
end
Jekyll::Hooks.register :pages, :pre_render do |page, jekyll|
jekyll.site['captured_global'] = $captured_global
jekyll.site['captured_once'] = $captured_once
jekyll.site['captured_libs'] = $captured_libs
end
Jekyll::Hooks.register :pages, :post_render do |page, jekyll|
$captured_global = {}
$captured_libs = []
$captured_once = {}
end
end
Liquid::Template.register_tag('capture_global', Jekyll::Tags::CaptureGlobal)
Liquid::Template.register_tag('capture_once', Jekyll::Tags::CaptureOnce)
Liquid::Template.register_tag('append_lib', Jekyll::Tags::CaptureScripts)
pages/_plugins/jekyll-filters.rb
+8
View File
@@ -80,6 +80,14 @@ module Jekyll
"rgb(#{r.hex}, #{g.hex}, #{b.hex})"
end
def concat_objects(object, object2)
if object and object2 and object.is_a?(Hash) and object2.is_a?(Hash)
return object.merge(object2)
end
object
end
def tabler_color(color, variation = false)
if variation
color = color + '-' + variation
pages/blank.html
+1
View File
@@ -2,6 +2,7 @@
title: Blank page
blank: true
done: true
menu: base.blank
---
{% include ui/empty.html button-text="Add your first client" button-icon="plus" illustration=true illustration-src="undraw_printing_invoices_5r4r.svg" %}
pages/blog.html
+1
View File
@@ -1,6 +1,7 @@
---
title: Blog
page-title: Blog
menu: extra.blog
---
<div class="row row-deck">
pages/buttons.html
+2
View File
@@ -1,6 +1,8 @@
---
title: Buttons
page-title: Buttons
done: true
menu: base.buttons
---
<div class="row">
pages/calendar.html
+4 -4
View File
@@ -2,11 +2,11 @@
title: Calendar
page-title: Calendar
page-title-actions: calendar
menu: calendar
menu: base.calendar
---
<div class="card">
<div class="card-body">
{% include ui/fullcalendar.html %}
</div>
<div class="card-body">
{% include ui/fullcalendar.html %}
</div>
</div>
pages/cards.html
+1 -1
View File
@@ -1,7 +1,7 @@
---
title: Cards
page-title: Cards
menu: cards
menu: base.cards
---
<div class="row">
pages/carousel.html
+1
View File
@@ -3,6 +3,7 @@ title: Carousel
page-title: Carousel
layout: default
done: true
menu: base.carousel
---
<div class="row">
pages/gallery.html
+2 -20
View File
@@ -2,6 +2,7 @@
title: Gallery
page-title: Gallery
page-title-description: 1-12 of 241 photos
page-title-actions: photos
done: true
menu: gallery
---
@@ -12,26 +13,7 @@ menu: gallery
{% if photo.horizontal %}
{% assign person = site.data.people[forloop.index0] %}
<div class="col-sm-6 col-lg-4">
<div class="card p-3">
<a href="#" class="mb-4"><img src="{{ site.base }}/img/photos/{{photo.file}}" class="rounded"></a>
<div class="d-flex align-items-center leading-none">
{% include ui/avatar.html person=person class="mr-3" %}
<div>
<div>{{ person.full_name }}</div>
<small class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</small>
</div>
<div class="ml-auto">
<a href="#" class="text-muted">
{% include_cached ui/icon.html icon="eye" %}
{{ forloop.index | random_number: 300, 600 }}
</a>
<a href="#" class="ml-3 text-muted">
{% include_cached ui/icon.html icon="heart" %}
{{ forloop.index | random_number: 20, 100 }}
</a>
</div>
</div>
</div>
{% include cards/gallery.html person=person %}
</div>
{% assign horizontal = horizontal | plus: 1 %}
{% endif %}
pages/snippets.html
+65 -47
View File
@@ -5,58 +5,76 @@ page-title-right: date
---
<div class="row">
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=5 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=6 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=7 right=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=8 right=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=5 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=6 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=7 right=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=8 right=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=15 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=16 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=17 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=18 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=15 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=16 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=17 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=18 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=25 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=26 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=27 blurred=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=28 blurred=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=25 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=26 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=27 blurred=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=28 blurred=true %}</div>
<div class="col-xl-6">
{% include cards/subscribe.html person-id=0 %}
</div>
<div class="col-xl-6">
{% include cards/subscribe.html person-id=2 %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="dollar-sign" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="shopping-bag" color="green" count=78 subtitle="Orders" description="32 shipped" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="users" color="red" count=1352 subtitle="Members" description="163 registered today" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="message-square" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}</div>
<div class="col-xl-6">
{% include cards/subscribe.html person-id=0 %}
</div>
<div class="col-xl-6">
{% include cards/subscribe.html person-id=2 %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="dollar-sign" color="blue" count=132
subtitle="Sales" description="12 waiting payments" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="shopping-bag" color="green" count=78
subtitle="Orders" description="32 shipped" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="users" color="red" count=1352
subtitle="Members" description="163 registered today" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="message-square" color="yellow" count=132
subtitle="Comments" description="16 waitings" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %}
</div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
</div>
<div class="col-md-6 col-lg-4">
{% include cards/small-stats.html chart-type="line" chart-data="20,40,30,40,60,80,100" color="yellow" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" icon="github" %}
{% include cards/small-stats.html chart-type="donut" chart-data="12/100" chart-label="12%" person-id=10 %}
{% include cards/small-stats.html chart-type="donut" chart-data="12/100" chart-label-icon="trending-up" person-id=11 chart-label-icon-color="green" %}
{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
{% include cards/small-stats.html second-icon="trending-up" color="green" person-id=4 %}
{% include cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
{% include cards/code.html %}
</div>
<div class="col-md-6 col-lg-4">
{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}
{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}
{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}
</div>
<div class="col-md-6 col-lg-4">
{% include cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0 due="72 days" %}
{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
{% include cards/user-info.html %}
</div>
<div class="col-md-6 col-lg-4">
{% include cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green"
icon="github" %}
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %}
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %}
{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
{% include cards/small-stats.html color="green" person-id=4 %}
{% include cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
{% include cards/code.html %}
</div>
<div class="col-md-6 col-lg-4">
{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}
{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}
{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}
</div>
<div class="col-md-6 col-lg-4">
{% include cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0
due="72 days" %}
{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
{% include cards/user-info.html %}
</div>
</div>
pages/tmp.html
+22 -7
View File
@@ -3,13 +3,28 @@ tmp: true
---
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-body">
{% include ui/chart.html chart-id="completion-tasks" height=15 %}
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
</div>
<div class="col-md-6 col-xl-4">
{% include cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %}
</div>
{% for chart in site.data.charts %}
{% if chart[1].demo %}
<div class="col-md-6 col-xl-4">
<div class="card">
<div class="card-body">
{% assign chart-id = chart[0] %}
<p>{{ chart-id }}</p>
{% include ui/chart.html chart-id=chart-id height=15 %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
<div class="col-12">
<div class="card">
<div class="card-body">
pages/tmp2.html
+1 -1
View File
@@ -13,7 +13,7 @@ page-title: Tabler licence
</div>
<div>
<small class="text-muted">tabler/tabler is licensed under the</small>
<h3 class="leading-none">MIT License</h3>
<h3 class="lh-1">MIT License</h3>
</div>
</div>
pages/users.html
+3 -3
View File
@@ -5,7 +5,7 @@ page-title: Users
page-title-actions: users
page-title-description: 1-18 of 413 people
done: true
menu: users
menu: base.users
---
<div class="row">
@@ -25,11 +25,11 @@ menu: users
</div>
{% if online_counter > 7 %}
<div class="col-auto leading-none align-self-start">
<div class="col-auto lh-1 align-self-start">
{% include ui/badge.html text="online" color="green-lt" %}
</div>
{% elsif online_counter > 5 %}
<div class="col-auto leading-none align-self-start">
<div class="col-auto lh-1 align-self-start">
{% include ui/badge.html text="offline" color="gray-lt" %}
</div>
{% endif %}