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

version 1.0.0-alpha.4

Browse Source
This commit is contained in:
codecalm
2020-02-22 13:06:55 +01:00
parent ea4bba630e
commit 43e8415114
146 changed files with 5139 additions and 19900 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
demo/400.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -860,11 +861,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

35
demo/401.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -67,10 +68,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

35
demo/403.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -67,10 +68,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

35
demo/404.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -67,10 +68,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

35
demo/500.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -67,10 +68,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

35
demo/503.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -67,10 +68,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

78
demo/all.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -833,6 +844,11 @@
Users list
</a>
</li>
<li>
<a href="/maps-vector.html">
Vector Maps
</a>
</li>
</ul>
</div>
</div>
@@ -841,23 +857,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -929,10 +937,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/blank.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -523,23 +534,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -611,10 +614,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/blog.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -765,23 +776,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -853,10 +856,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/buttons.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -1355,23 +1366,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1443,10 +1446,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

83
demo/calendar.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -532,23 +543,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -725,15 +728,15 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/fullcalendar/core/main.min.js?1582145729"></script>
<script src="./dist/libs/fullcalendar/daygrid/main.min.js?1582145729"></script>
<script src="./dist/libs/fullcalendar/interaction/main.min.js?1582145729"></script>
<script src="./dist/libs/fullcalendar/timegrid/main.min.js?1582145729"></script>
<script src="./dist/libs/fullcalendar/list/main.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="./dist/libs/fullcalendar/core/main.min.js?1582373134"></script>
<script src="./dist/libs/fullcalendar/daygrid/main.min.js?1582373134"></script>
<script src="./dist/libs/fullcalendar/interaction/main.min.js?1582373134"></script>
<script src="./dist/libs/fullcalendar/timegrid/main.min.js?1582373134"></script>
<script src="./dist/libs/fullcalendar/list/main.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar-main'),

75
demo/cards.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -991,23 +1002,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1079,11 +1082,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/carousel.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -680,23 +691,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -768,10 +771,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

75
demo/changelog.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -520,7 +531,7 @@
<div class="mb-4">
<div class="mb-2">
<span class="badge bg-blue-lt">1.0.0</span> —
<span class="text-muted">February 19, 2020</span>
<span class="text-muted">February 22, 2020</span>
</div>
<div>
<p>Coming soon</p>
@@ -531,23 +542,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -619,10 +622,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/charts-heatmap.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -751,23 +762,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -839,10 +842,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

168
demo/charts.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -71,9 +72,9 @@
<span class="nav-link-title">Form elements</span>
</a>
</li>
<li class="nav-item">
<li class="nav-item active">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
aria-expanded="false" >
aria-expanded="true" >
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
</span>
<span class="nav-link-title">Base</span>
@@ -105,7 +106,17 @@
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item active" href="./charts.html" >
Charts
</a>
</li>
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -523,13 +534,6 @@
</div>
</div>
</div>
<div class="col-lg-6 col-xl-4">
<div class="card">
<div class="card-body">
<div id="chart-mentions" ></div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-4">
<div class="card">
<div class="card-body">
@@ -688,23 +692,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -776,11 +772,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
@@ -846,86 +842,6 @@
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('chart-mentions'), {
chart: {
type: "bar",
fontFamily: 'inherit',
height: 240,
parentHeightOffset: 0,
toolbar: {
show: false,
},
animations: {
enabled: false
},
stacked: true,
},
plotOptions: {
bar: {
columnWidth: '50%',
}
},
dataLabels: {
enabled: false,
},
fill: {
opacity: 1,
},
series: [{
name: "Web",
data: [1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 2, 12, 5, 8, 22, 6, 8, 6, 4, 1, 8, 24, 29, 51, 40, 47, 23, 26, 50, 26, 41, 22, 46, 47, 81, 46, 6]
},{
name: "Social",
data: [2, 5, 4, 3, 3, 1, 4, 7, 5, 1, 2, 5, 3, 2, 6, 7, 7, 1, 5, 5, 2, 12, 4, 6, 18, 3, 5, 2, 13, 15, 20, 47, 18, 15, 11, 10, 0]
},{
name: "Other",
data: [2, 9, 1, 7, 8, 3, 6, 5, 5, 4, 6, 4, 1, 9, 3, 6, 7, 5, 2, 8, 4, 9, 1, 2, 6, 7, 5, 1, 8, 3, 2, 3, 4, 9, 7, 1, 6]
}],
grid: {
padding: {
top: -20,
right: 0,
left: -4,
bottom: -8
},
strokeDashArray: 4,
xaxis: {
lines: {
show: true
}
},
},
xaxis: {
labels: {
padding: 0
},
tooltip: {
enabled: false
},
axisBorder: {
show: false,
},
type: 'datetime',
},
yaxis: {
labels: {
padding: 4
},
},
labels: [
'2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19', '2020-07-20', '2020-07-21', '2020-07-22', '2020-07-23', '2020-07-24', '2020-07-25', '2020-07-26'
],
colors: ["#206bc4", "#79a6dc", "#bfe399"],
legend: {
show: false,
},
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {

73
demo/components/card-buttons.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-buttons.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -622,23 +633,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -710,10 +713,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/card-comments.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-comments.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -826,23 +837,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -914,10 +917,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/card-ribbon.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-ribbon.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -608,23 +619,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -696,10 +699,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/card-tabs-bottom.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-tabs-bottom.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -724,23 +735,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -812,10 +815,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/card-with-image.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/card-with-image.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -624,23 +635,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -712,10 +715,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/empty.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/empty.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -627,23 +638,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -715,10 +718,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/input-colors.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/input-colors.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -750,23 +761,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -838,10 +841,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/input-image.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/input-image.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -758,23 +769,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -846,10 +849,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/progress.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/progress.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -710,23 +721,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -798,10 +801,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/simple-avatar.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/simple-avatar.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -586,23 +597,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -674,10 +677,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/simple-card.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/simple-card.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -600,23 +611,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -688,10 +691,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/widget-revenue.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/widget-revenue.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -660,23 +671,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -748,10 +751,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/components/widget-sales.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -38,21 +38,22 @@
<meta property="og:url" content="https://preview-dev.tabler.io/components/widget-sales.html">
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -117,6 +118,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -437,16 +448,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -466,7 +477,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -492,9 +503,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -674,23 +685,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -762,10 +765,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/crypto-currencies.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -1734,23 +1745,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1822,10 +1825,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/datatables.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -833,23 +844,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -921,10 +924,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

6
demo/dist/css/demo.css vendored
View File

@@ -1,3 +1,9 @@
/*!
* Tabler (v1.0.0-alpha.4)
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/**
Dark mode
*/

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

Binary file not shown.

7
demo/dist/css/demo.min.css vendored
View File

@@ -1,2 +1,7 @@
.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:.7333333em;background:#354052;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid rgba(134,140,151,.24);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.9375rem;flex:1;max-width:100%}.example-bg{background:#f5f7fb}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#354052;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid rgba(134,140,151,.24);border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid rgba(134,140,151,.24);border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.toc-entry a{color:#868c97}
/*!
* Tabler (v1.0.0-alpha.4)
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:.7333333em;background:#354052;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid rgba(134,140,151,.24);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.9375rem;flex:1;max-width:100%}.example-bg{background:#f5f7fb}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#354052;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid rgba(134,140,151,.24);border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid rgba(134,140,151,.24);border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.toc-entry a{color:#868c97}
/*# sourceMappingURL=demo.min.css.map */

BIN
demo/dist/css/demo.min.css.map vendored
View File

Binary file not shown.

6
demo/dist/css/tabler-buttons.css vendored
View File

@@ -1,3 +1,9 @@
/*!
* Tabler (v1.0.0-alpha.4)
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/**
Dark mode
*/

BIN
demo/dist/css/tabler-buttons.css.map vendored
View File

Binary file not shown.

7
demo/dist/css/tabler-buttons.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
demo/dist/css/tabler-buttons.min.css.map vendored
View File

Binary file not shown.

6
demo/dist/css/tabler-flags.css vendored
View File

@@ -1,7 +1,7 @@
/*!
* Tabler Flags (v0.9.0)
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm
* Tabler (v1.0.0-alpha.4)
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/**

BIN
demo/dist/css/tabler-flags.css.map vendored
View File

Binary file not shown.

6
demo/dist/css/tabler-flags.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
demo/dist/css/tabler-flags.min.css.map vendored
View File

Binary file not shown.

6
demo/dist/css/tabler-payments.css vendored
View File

@@ -1,7 +1,7 @@
/*!
* Tabler Payments (v0.1.0)
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm
* Tabler (v1.0.0-alpha.4)
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/**

BIN
demo/dist/css/tabler-payments.css.map vendored
View File

Binary file not shown.

6
demo/dist/css/tabler-payments.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
demo/dist/css/tabler-payments.min.css.map vendored
View File

Binary file not shown.

160
demo/dist/css/tabler.css vendored
View File

@@ -1,8 +1,8 @@
@charset "UTF-8";
/*!
* Tabler (v0.9.0)
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm
* Tabler (v1.0.0-alpha.4)
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/**
@@ -1418,14 +1418,14 @@ main {
box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
.form-check-input:checked {
background-color: #206bc4;
background-repeat: no-repeat;
background-repeat: repeat;
background-position: center center;
background-size: 0.75rem;
background-size: 1rem;
border-color: rgba(134, 140, 151, 0.24); }
.form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6' transform='scale%28.8%29' transform-origin='50% 50%'/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e"); }
.form-check-input[type="checkbox"]:indeterminate {
background-color: #206bc4;
background-repeat: no-repeat;
@@ -2842,8 +2842,8 @@ main {
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
padding-right: 0.75rem;
padding-left: 0.75rem; }
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; }
@@ -2859,8 +2859,8 @@ main {
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
padding-right: 0.75rem;
padding-left: 0.75rem; }
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; }
@@ -2876,8 +2876,8 @@ main {
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
padding-right: 0.75rem;
padding-left: 0.75rem; }
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; }
@@ -2893,8 +2893,8 @@ main {
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
padding-right: 0.75rem;
padding-left: 0.75rem; }
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
@@ -2909,8 +2909,8 @@ main {
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
padding-right: 0.75rem;
padding-left: 0.75rem; }
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto; }
@@ -2918,14 +2918,14 @@ main {
display: none; }
.navbar-light .navbar-brand {
color: #206bc4; }
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: #206bc4; }
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
color: rgba(53, 64, 82, 0.64); }
color: rgba(0, 0, 0, 0.55); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: #354052; }
color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3); }
@@ -2933,21 +2933,21 @@ main {
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: #206bc4; }
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
color: rgba(53, 64, 82, 0.64);
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2853, 64, 82, 0.64%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text {
color: rgba(53, 64, 82, 0.64); }
color: rgba(0, 0, 0, 0.55); }
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: #206bc4; }
color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand {
color: #ffffff; }
@@ -2955,9 +2955,9 @@ main {
color: #ffffff; }
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.64); }
color: rgba(255, 255, 255, 0.55); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: #ffffff; }
color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25); }
@@ -2968,14 +2968,14 @@ main {
color: #ffffff; }
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.64);
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.64%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.64); }
color: rgba(255, 255, 255, 0.55); }
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
@@ -4118,17 +4118,17 @@ button.close {
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
width: 1.5rem;
height: 1.5rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%; }
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); }
.carousel-indicators {
position: absolute;
@@ -4287,6 +4287,18 @@ button.close {
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.8571429%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.embed-responsive-2by1::before {
padding-top: 50%; }
@@ -7890,73 +7902,33 @@ All navbars
line-height: .99; }
.navbar-expand-xs .navbar-nav {
margin-left: -0.5rem; }
margin-left: -0.75rem; }
.navbar-expand-xs .navbar-nav .nav-item {
position: relative; }
.navbar-expand-xs .navbar-nav .nav-item.active > .nav-link:before {
content: '';
position: absolute;
bottom: -1px;
left: 0.5rem;
right: 0.5rem;
height: 1px;
background: #206bc4; }
@media (min-width: 33rem) {
.navbar-expand-sm .navbar-nav {
margin-left: -0.5rem; }
margin-left: -0.75rem; }
.navbar-expand-sm .navbar-nav .nav-item {
position: relative; }
.navbar-expand-sm .navbar-nav .nav-item.active > .nav-link:before {
content: '';
position: absolute;
bottom: -1px;
left: 0.5rem;
right: 0.5rem;
height: 1px;
background: #206bc4; } }
position: relative; } }
@media (min-width: 48rem) {
.navbar-expand-md .navbar-nav {
margin-left: -0.5rem; }
margin-left: -0.75rem; }
.navbar-expand-md .navbar-nav .nav-item {
position: relative; }
.navbar-expand-md .navbar-nav .nav-item.active > .nav-link:before {
content: '';
position: absolute;
bottom: -1px;
left: 0.5rem;
right: 0.5rem;
height: 1px;
background: #206bc4; } }
position: relative; } }
@media (min-width: 64rem) {
.navbar-expand-lg .navbar-nav {
margin-left: -0.5rem; }
margin-left: -0.75rem; }
.navbar-expand-lg .navbar-nav .nav-item {
position: relative; }
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:before {
content: '';
position: absolute;
bottom: -1px;
left: 0.5rem;
right: 0.5rem;
height: 1px;
background: #206bc4; } }
position: relative; } }
@media (min-width: 75.25rem) {
.navbar-expand-xl .navbar-nav {
margin-left: -0.5rem; }
margin-left: -0.75rem; }
.navbar-expand-xl .navbar-nav .nav-item {
position: relative; }
.navbar-expand-xl .navbar-nav .nav-item.active > .nav-link:before {
content: '';
position: absolute;
bottom: -1px;
left: 0.5rem;
right: 0.5rem;
height: 1px;
background: #206bc4; } }
position: relative; } }
.navbar-side {
margin-left: auto;
@@ -10143,8 +10115,8 @@ Color Input
width: 100%;
height: 100%;
content: "";
background: no-repeat center center/0.75rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
background: no-repeat center center/1rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6' transform='scale%28.8%29' transform-origin='50% 50%'/%3e%3c/svg%3e");
opacity: 0;
transition: .3s opacity; }
.form-colorinput-input:checked ~ .form-colorinput-color:before {
@@ -10153,7 +10125,7 @@ Color Input
border-color: #206bc4;
box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
.form-colorinput-light .form-colorinput-color:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23354052' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6' transform='scale%28.8%29' transform-origin='50% 50%'/%3e%3c/svg%3e"); }
/**
Image check
@@ -10204,10 +10176,10 @@ Image check
transition: .3s opacity; }
.form-imagecheck-input:checked ~ .form-imagecheck-figure:before {
background-color: #206bc4;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6' transform='scale%28.8%29' transform-origin='50% 50%'/%3e%3c/svg%3e");
background-repeat: repeat;
background-position: center center;
background-size: 0.75rem;
background-size: 1rem;
border-color: rgba(134, 140, 151, 0.24); }
.form-imagecheck-image {
@@ -10296,14 +10268,14 @@ Select group
border-radius: 50%; }
.form-selectgroup-input:checked + .form-selectgroup-box .form-selectgroup-check {
background-color: #206bc4;
background-repeat: no-repeat;
background-repeat: repeat;
background-position: center center;
background-size: 0.75rem;
background-size: 1rem;
border-color: rgba(134, 140, 151, 0.24); }
.form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-box .form-selectgroup-check {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6' transform='scale%28.8%29' transform-origin='50% 50%'/%3e%3c/svg%3e"); }
.form-selectgroup-input[type="radio"]:checked + .form-selectgroup-box .form-selectgroup-check {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); }
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e"); }
.form-selectgroup-input:checked + .form-selectgroup-box {
z-index: 1;

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

Binary file not shown.

8
demo/dist/css/tabler.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

Binary file not shown.

2
demo/dist/js/tabler.min.js vendored
View File

File diff suppressed because one or more lines are too long

7917
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.js vendored
View File

File diff suppressed because it is too large Load Diff

7
demo/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

73
demo/docs/alerts.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Bootstrap provides an easy way to create predefined alert messages."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -775,23 +786,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -863,10 +866,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

75
demo/docs/autosize.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="A small, stand-alone script to automatically adjust textarea height."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -560,23 +571,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -648,11 +651,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/autosize/dist/autosize.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="../dist/libs/autosize/dist/autosize.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/avatars.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Create and group avatars of various shapes and sizes with one component."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -771,23 +782,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -859,10 +862,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/badges.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="A small count and labeling component."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -825,23 +836,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -913,10 +916,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/breadcrumb.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -650,23 +661,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -738,10 +741,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

136
demo/docs/buttons.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -24,23 +24,24 @@
<meta name="robots" content="noindex,nofollow,noarchive"/>
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more."/>
<meta name="description" content="Use button styles that best suit your designs and encourage users to take the desired actions. You can customise the button&#39;s properties to improve the user experience of your website or system, changing the size, shape, colour and many more."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -531,18 +542,18 @@
<li class="toc-entry toc-h2"><a href="#button-variations">Button variations</a></li>
<li class="toc-entry toc-h2"><a href="#disabled-buttons">Disabled buttons</a></li>
<li class="toc-entry toc-h2"><a href="#color-variations">Color variations</a></li>
<li class="toc-entry toc-h2"><a href="#ghost-buttons">Ghost Buttons</a></li>
<li class="toc-entry toc-h2"><a href="#ghost-buttons">Ghost buttons</a></li>
<li class="toc-entry toc-h2"><a href="#square-buttons">Square buttons</a></li>
<li class="toc-entry toc-h2"><a href="#pill-buttons">Pill buttons</a></li>
<li class="toc-entry toc-h2"><a href="#outline-buttons">Outline buttons</a></li>
<li class="toc-entry toc-h2"><a href="#button-size">Button size</a></li>
<li class="toc-entry toc-h2"><a href="#button-with-icon">Button with icon</a></li>
<li class="toc-entry toc-h2"><a href="#buttons-with-icons">Buttons with icons</a></li>
<li class="toc-entry toc-h2"><a href="#social-buttons">Social buttons</a></li>
<li class="toc-entry toc-h2"><a href="#icon-buttons">Icon buttons</a></li>
<li class="toc-entry toc-h2"><a href="#button-dropdown">Button dropdown</a></li>
<li class="toc-entry toc-h2"><a href="#loading-button">Loading button</a></li>
<li class="toc-entry toc-h2"><a href="#dropdown-buttons">Dropdown buttons</a></li>
<li class="toc-entry toc-h2"><a href="#loading-buttons">Loading buttons</a></li>
<li class="toc-entry toc-h2"><a href="#list-of-buttons">List of buttons</a></li>
<li class="toc-entry toc-h2"><a href="#button-with-avatar">Button with avatar</a></li>
<li class="toc-entry toc-h2"><a href="#buttons-with-avatars">Buttons with avatars</a></li>
</ul>
</div>
</div>
@@ -559,9 +570,9 @@
</a>
</p>
</div>
<p>Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.</p>
<p>Use button styles that best suit your designs and encourage users to take the desired actions. You can customise the button's properties to improve the user experience of your website or system, changing the size, shape, colour and many more.</p>
<h2 id="button-tag">Button tag</h2>
<p>The <code class="highlighter-rouge">.btn</code> classes are designed to be used with the <code class="highlighter-rouge">&lt;button&gt;</code> element. However, you can also use these classes on <code class="highlighter-rouge">&lt;a&gt;</code> or <code class="highlighter-rouge">&lt;input&gt;</code> elements (though some browsers may apply a slightly different rendering).</p>
<p>As one of the most common elements of UI design, buttons have a very important function of engaging users with your website or system and guiding them in their actions. Use the <code class="highlighter-rouge">.btn</code> classes with the <code class="highlighter-rouge">&lt;button&gt;</code> element and add additional styling that will make your buttons serve their purpose and draw users’ attention.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -583,7 +594,7 @@
</figure>
</div>
<h2 id="button-variations">Button variations</h2>
<p>Use any of the available button classes to quickly create a styled button . We provide a variety of colors for you to express different emotions.</p>
<p>Use the button classes that correspond to the function of your button. The big range of available colours will help you show your buttons’ purpose and make them easy to spot.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -649,7 +660,7 @@
</figure>
</div>
<h2 id="disabled-buttons">Disabled buttons</h2>
<p>Make buttons look inactive by adding the disabled boolean attribute to any <code class="highlighter-rouge">.btn</code> element. <code class="highlighter-rouge">&lt;a&gt;</code>s don’t support the disabled attribute, so you must add the <code class="highlighter-rouge">.disabled</code> class to make it visually appear disabled.</p>
<p>Make buttons look inactive to show that an action is possible once the user meets certain criteria, such as completing the required fields to submit a form.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -715,7 +726,7 @@
</figure>
</div>
<h2 id="color-variations">Color variations</h2>
<p>The classic button, in different colors.</p>
<p>Choose the right colour for your button to make it go well with your design and draw users’ attention. Button colours can have a big influence on users’ decisions, which is why it’s important to choose them based on the intended purpose.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -752,8 +763,8 @@
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-gray"</span><span class="nt">&gt;</span>Gray<span class="nt">&lt;/a&gt;</span></code></pre>
</figure>
</div>
<h2 id="ghost-buttons">Ghost Buttons</h2>
<p>Use <code class="highlighter-rouge">.btn-ghost-*</code> class for ghost buttons.</p>
<h2 id="ghost-buttons">Ghost buttons</h2>
<p>Use the <code class="highlighter-rouge">.btn-ghost-*</code> class to make your button look simple yet aesthetically appealing. Ghost buttons help focus users’ attention on the website’s primary design, at the same time encouraging them to take action.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -783,7 +794,7 @@
</figure>
</div>
<h2 id="square-buttons">Square buttons</h2>
<p>Add <code class="highlighter-rouge">.btn-square</code> to button to remove border-radius.</p>
<p>Use the <code class="highlighter-rouge">.btn-square</code> class to remove border-radius, if you want the corners of your button to be square, not rounded.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -849,7 +860,7 @@
</figure>
</div>
<h2 id="pill-buttons">Pill buttons</h2>
<p>Add <code class="highlighter-rouge">.btn-pill</code> class to any button to make them more rounded.</p>
<p>Add the <code class="highlighter-rouge">.btn-pill</code> class to your button to make it rounded and give it a modern and attractive look.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -915,7 +926,7 @@
</figure>
</div>
<h2 id="outline-buttons">Outline buttons</h2>
<p>In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the <code class="highlighter-rouge">.btn-outline-*</code> ones to remove all background images and colors on any button.</p>
<p>Replace the default modifier class with the <code class="highlighter-rouge">.btn-outline-*</code> class, if you want to remove the colour and background of your button and give it a more subtle look. Outline buttons are perfect to use as secondary buttons, as they don’t distract users from the main action.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -981,7 +992,7 @@
</figure>
</div>
<h2 id="button-size">Button size</h2>
<p>Add <code class="highlighter-rouge">.btn-lg</code> or <code class="highlighter-rouge">.btn-sm</code> for additional sizes.</p>
<p>Add <code class="highlighter-rouge">.btn-lg</code> or <code class="highlighter-rouge">.btn-sm</code> to change the size of your button and differentiate those which should have primary focus from those of secondary importance. Adapt the button size to your design and encourage users to take actions.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1010,7 +1021,7 @@
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-sm"</span><span class="nt">&gt;</span>Small button<span class="nt">&lt;/button&gt;</span></code></pre>
</figure>
</div>
<p>Create block level buttons—those that span the full width of a parent—by adding <code class="highlighter-rouge">.btn-block</code>.</p>
<p>You can also add the <code class="highlighter-rouge">.btn-block</code> class to create block level buttons which span the full width of a parent.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1025,8 +1036,8 @@
<span class="nt">&lt;button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-block"</span><span class="nt">&gt;</span>Block level button<span class="nt">&lt;/button&gt;</span></code></pre>
</figure>
</div>
<h2 id="button-with-icon">Button with icon</h2>
<p>Basic buttons are traditional buttons with borders and background with an extra commponent like an icon. You can place it either on the left or the right which ever you want with different color opitons.</p>
<h2 id="buttons-with-icons">Buttons with icons</h2>
<p>Label your button with text and add an icon to communiacate the action and make it easy to identify for users. Icons are easily recognised and improve the aesthetics of your button design, giving it a modern and atractive look.</p>
<p>Icons can be found <a href="/docs/icons.html#icons"><strong>here</strong></a></p>
<div class="example no_toc_section example-centered">
<div class="example-content">
@@ -1087,7 +1098,7 @@
</figure>
</div>
<h2 id="social-buttons">Social buttons</h2>
<p>A button can be formatted to link to a social website</p>
<p>You can use the icons of popular social networking sites, which users are familiar with. Thanks to buttons with social media icons users can share content or follow a website with just one click, without leaving the website.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1238,7 +1249,7 @@
<span class="nt">&lt;/a&gt;</span></code></pre>
</figure>
</div>
<p>You can use only icons.</p>
<p>You can also add an icon without the name of a social networking site, if you want to display more buttons on a small space.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1362,7 +1373,7 @@
</figure>
</div>
<h2 id="icon-buttons">Icon buttons</h2>
<p>Icon only button. Add <code class="highlighter-rouge">.btn-icon</code> class to remove unnecessary padding from button.</p>
<p>Add the <code class="highlighter-rouge">.btn-icon</code> class to remove unnecessary padding from your button and use an icon without any additional label. Thanks to that, you can save space and make the action easy to recognise for international users.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1415,8 +1426,8 @@
<span class="nt">&lt;/a&gt;</span></code></pre>
</figure>
</div>
<h2 id="button-dropdown">Button dropdown</h2>
<p>Wrap the dropdown’s toggle (your button or link) and the dropdown menu within <code class="highlighter-rouge">.dropdown</code>, or another element that declares <code class="highlighter-rouge">position: relative;</code>. Dropdowns can be triggered from <code class="highlighter-rouge">&lt;a&gt;</code> or <code class="highlighter-rouge">&lt;button&gt;</code> elements to better fit your potential needs.</p>
<h2 id="dropdown-buttons">Dropdown buttons</h2>
<p>Create a dropdown button that will encourage users to click for more options. You can add a label with an icon or remove the label and add an icon on its own if you want to save space. Choose the option that will best suit your design and improve the user experience.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1507,8 +1518,8 @@
<span class="nt">&lt;/div&gt;</span></code></pre>
</figure>
</div>
<h2 id="loading-button">Loading button</h2>
<p>Add <code class="highlighter-rouge">.btn-loading</code> to use a loading state on a button. The width of the button depends on the length of the text inside.</p>
<h2 id="loading-buttons">Loading buttons</h2>
<p>Add the <code class="highlighter-rouge">.btn-loading</code> class to show a button’s loading state, which can be useful in the case of operations that take longer to process. Thanks to that, users will be aware of the current state of their action and won’t give it up before it’s finished.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1548,7 +1559,7 @@
</figure>
</div>
<h2 id="list-of-buttons">List of buttons</h2>
<p>You can now create a list of buttons with the <code class="highlighter-rouge">.btn-list</code> container.</p>
<p>Create a list of buttons using the <code class="highlighter-rouge">.btn-list</code> container to display different actions a user can take. If you add aditional styling, such as colours, you will be able to focus users’ attention on a particular action or suggest the result.</p>
<div class="example no_toc_section">
<div class="example-content">
<div class="btn-list">
@@ -1567,7 +1578,7 @@
<span class="nt">&lt;/div&gt;</span></code></pre>
</figure>
</div>
<p>If the list is very long, it will automatically wrap on multiple lines, while keeping all buttons evenly spaced.</p>
<p>If the list is long, it will be wrapped and some buttons will be moved to the next line, keeping them all evenly spaced.</p>
<div class="example no_toc_section">
<div class="example-content">
<div class="btn-list">
@@ -1618,7 +1629,7 @@
<span class="nt">&lt;/div&gt;</span></code></pre>
</figure>
</div>
<p>Use the <code class="highlighter-rouge">.text-center</code> or the <code class="highlighter-rouge">.text-right</code> modifiers to alter the alignment.</p>
<p>Use the <code class="highlighter-rouge">.text-center</code> or the <code class="highlighter-rouge">.text-right</code> modifiers to change the buttons’ alignment and place them where they suit best.</p>
<div class="example no_toc_section">
<div class="example-content">
<div class="btn-list justify-content-center">
@@ -1669,7 +1680,8 @@
<span class="nt">&lt;/div&gt;</span></code></pre>
</figure>
</div>
<h2 id="button-with-avatar">Button with avatar</h2>
<h2 id="buttons-with-avatars">Buttons with avatars</h2>
<p>Use buttons with avatars to simplify the process of interaction and make your design more personalised. Buttons can contain avatars and labels or only avatars, if displayed on a smaller space.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list">
@@ -1712,23 +1724,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1800,10 +1804,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/cards.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -1059,23 +1070,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1147,10 +1150,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/carousel.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="The Carousel is a slideshow for cycling through elements."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -632,23 +643,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -720,10 +723,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/charts.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -546,23 +557,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -634,10 +637,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/colors.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -796,23 +807,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -884,10 +887,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/countup.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -725,23 +736,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -813,10 +816,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

88
demo/docs/cursors.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -24,22 +24,24 @@
<meta name="robots" content="noindex,nofollow,noarchive"/>
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -537,14 +549,16 @@
<div class="d-flex">
<h2 class="h1 mt-0 mb-3">Cursors</h2>
</div>
<p>You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.</p>
<h2 id="cursor-utilities">Cursor utilities</h2>
<p>Use one of the available cursor utilities depending on the action you want to indicate.</p>
<ul>
<li><code class="highlighter-rouge">.cursor-auto</code>- cursor style depends on what’s inside element</li>
<li><code class="highlighter-rouge">.cursor-pointer</code> - pointing cursor</li>
<li><code class="highlighter-rouge">.cursor-move</code> - cursor showing that user can move something</li>
<li><code class="highlighter-rouge">.cursor-not-allowed</code> - cursor showing that user is not allowed to do something</li>
<li><code class="highlighter-rouge">.cursor-zoom-in</code> - cursor showing that user can zoom in</li>
<li><code class="highlighter-rouge">.cursor-zoom-out</code> - cursor showing that user can zoom out</li>
<li><code class="highlighter-rouge">.cursor-auto</code>- the cursor style depends on what’s inside a given element</li>
<li><code class="highlighter-rouge">.cursor-pointer</code> - a pointing cursor, used to show that an element is clickable</li>
<li><code class="highlighter-rouge">.cursor-move</code> - a cursor which shows that a given element can be moved</li>
<li><code class="highlighter-rouge">.cursor-not-allowed</code> - a cursor which shows that a user is not allowed to perform an action on an element</li>
<li><code class="highlighter-rouge">.cursor-zoom-in</code> - a cursor which shows that a user can zoom in</li>
<li><code class="highlighter-rouge">.cursor-zoom-out</code> - a cursor which shows that a user can zoom out</li>
</ul>
<div class="example no_toc_section">
<div class="example-content">
@@ -602,23 +616,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -690,10 +696,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/divider.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="A divider visually segments content into groups"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -649,23 +660,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -737,10 +740,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

91
demo/docs/dropdowns.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -24,23 +24,24 @@
<meta name="robots" content="noindex,nofollow,noarchive"/>
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin."/>
<meta name="description" content="Use dropdowns to display lists of options or include more positions in a menu without overwhelming users with too many buttons and long lists. Dropdowns facilitate users&#39; interaction with your website or software and make your design look clear."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -554,9 +565,9 @@
</a>
</p>
</div>
<p>Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.</p>
<p>Use dropdowns to display lists of options or include more positions in a menu without overwhelming users with too many buttons and long lists. Dropdowns facilitate users' interaction with your website or software and make your design look clear.</p>
<h2 id="default-dropdown">Default dropdown</h2>
<p>Any single <code class="highlighter-rouge">.btn</code> can be turned into a dropdown toggle with some markup changes. Here’s how you can do this:</p>
<p>With small markup changes, you can turn any <code class="highlighter-rouge">.btn</code> into a dropdown toggle and use it to display more options for users to choose from. Start with the default dropdown and then use additional classes to make your dropdown more user-friendly.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -582,7 +593,7 @@
</figure>
</div>
<h2 id="dropdown-divider">Dropdown divider</h2>
<p>Separate groups of related menu items with a divider.</p>
<p>Use dropdown dividers to separate groups of dropdown items for greater clarity.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -612,6 +623,7 @@
</figure>
</div>
<h2 id="active-state">Active state</h2>
<p>Make a dropdown item look active, so that it highlights when a user hovers over a given option.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -639,6 +651,7 @@
</figure>
</div>
<h2 id="disabled-state">Disabled state</h2>
<p>Make a dropdown item look disabled to display options which are currently not available but can activate once certain conditions are met.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -666,7 +679,7 @@
</figure>
</div>
<h2 id="dropdown-header">Dropdown header</h2>
<p>Add a header to label sections of actions in any dropdown menu.</p>
<p>Add a dropdown header to group dropdown items into sections and name them accordingly.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -694,6 +707,7 @@
</figure>
</div>
<h2 id="dropdown-with-icons">Dropdown with icons</h2>
<p>Use icons in your dropdowns to add more visual content and make the options easy to identify for users.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -725,6 +739,7 @@
</figure>
</div>
<h2 id="dropdown-with-arrow">Dropdown with arrow</h2>
<p>Add an arrow that points at the dropdown button.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block dropdown-menu-arrow">
@@ -750,6 +765,7 @@
</figure>
</div>
<h2 id="dropdown-with-badge">Dropdown with badge</h2>
<p>Add a badge to your dropdown items to show additional information related to an item or distinguish it from other elements.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -779,6 +795,7 @@
</figure>
</div>
<h2 id="dropdown-with-checkboxes">Dropdown with checkboxes</h2>
<p>Use dropdowns with checkboxes to allow users to select options from a predefined list. Dropdowns with checkboxes are particularly useful for filtering.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block">
@@ -816,6 +833,7 @@
</figure>
</div>
<h2 id="dark-dropdown">Dark dropdown</h2>
<p>Make your dropdown suit the dark mode of your website or software.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="dropdown-menu position-relative d-inline-block dropdown-menu-arrow bg-dark text-white">
@@ -847,6 +865,7 @@
</figure>
</div>
<h2 id="dropdown-with-card-content">Dropdown with card content</h2>
<p>Use a dropdown with card content to make it easy for users to get more information on a given subject and avoid ovewhelming them with too much content at once.</p>
<div class="example no_toc_section example-centered">
<div class="example-content">
<div class="btn-list align-items-start">
@@ -923,23 +942,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1011,10 +1022,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/empty.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Empty states/blanks are commonly used as placeholders for first time use, empty data or error screens."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -626,23 +637,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -714,10 +717,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/flags.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -2093,23 +2104,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -2181,10 +2184,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

75
demo/docs/form-elements.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -2209,23 +2220,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -2297,11 +2300,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/nouislider/distribute/nouislider.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="../dist/libs/nouislider/distribute/nouislider.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
// @formatter:off
noUiSlider.create(document.getElementById('range-simple'), {

73
demo/docs/form-helpers.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -558,23 +569,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -646,10 +649,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/index.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -580,23 +591,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -668,10 +671,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

75
demo/docs/input-mask.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -558,23 +569,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -646,11 +649,11 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/imask/dist/imask.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="../dist/libs/imask/dist/imask.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/modals.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -843,23 +854,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -931,10 +934,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/payments.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -1058,23 +1069,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1146,10 +1149,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/progress.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="A progress bar can be used to show a user how far along he is in a process."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -696,23 +707,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -784,10 +787,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/range-slider.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -755,23 +766,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -843,10 +846,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/ribbons.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -665,23 +676,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -753,10 +756,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/spinners.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -708,23 +719,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -796,10 +799,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/steps.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -733,23 +744,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -821,10 +824,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/tables.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -689,23 +700,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -777,10 +780,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/tabs.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -956,23 +967,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1044,10 +1047,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/timelines.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -940,23 +951,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1028,10 +1031,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/toasts.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.)."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -688,23 +699,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -776,10 +779,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

79
demo/docs/tooltips.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -24,23 +24,24 @@
<meta name="robots" content="noindex,nofollow,noarchive"/>
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element."/>
<meta name="description" content="Tooltips are text labels which appear when a user hovers over an interface element. They explain the interface elements that may be unclear for users and guide them when they need help. If used properly, tooltips can significantly enhance user experience and add value to your website or software."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -545,8 +556,9 @@
</a>
</p>
</div>
<p>The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element.</p>
<p>Tooltips are text labels which appear when a user hovers over an interface element. They explain the interface elements that may be unclear for users and guide them when they need help. If used properly, tooltips can significantly enhance user experience and add value to your website or software.</p>
<h2 id="default-markup">Default markup</h2>
<p>Use the default markup to create tooltips that will help users understand particular elements of your interface. You can decide where the text label is to be displayed - at the top, bottom or on either side of the element.</p>
<div class="example no_toc_section">
<div class="example-content">
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
@@ -580,6 +592,7 @@
</figure>
</div>
<h2 id="tooltip-with-html">Tooltip with HTML</h2>
<p>If the default tooltip is not enough, you can add the option to use HTML code in the text to highlight particular bits of information and make the content more attractive.</p>
<div class="example no_toc_section">
<div class="example-content">
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;">
@@ -602,23 +615,15 @@ Tooltip with HTML
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -690,10 +695,10 @@ Tooltip with HTML
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/docs/typography.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -26,21 +26,22 @@
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
<meta name="description" content="Documentation and examples for common text utilities to control alignment, wrapping, weight, and more."/>
<!-- Libs CSS -->
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="../dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="../dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="../dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -105,6 +106,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="../maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="../maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="../charts.html" >
Charts
@@ -425,16 +436,16 @@
<img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -454,7 +465,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -480,9 +491,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -859,23 +870,15 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="../faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href=".." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -947,10 +950,10 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
</div>
</div>
<!-- Libs JS -->
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="../dist/js/tabler.min.js?1582145729"></script>
<script src="../dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/dropdowns.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -648,23 +659,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -736,10 +739,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/email.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -590,23 +601,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -678,10 +681,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/empty.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -508,23 +519,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -596,10 +599,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/flags.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -1775,23 +1786,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1863,10 +1866,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

35
demo/forgot-password.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -71,10 +72,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

85
demo/form-elements.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -1730,23 +1741,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1818,16 +1821,16 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/autosize/dist/autosize.min.js?1582145729"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1582145729"></script>
<script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1582145729"></script>
<script src="./dist/libs/flatpickr/dist/flatpickr.min.js?1582145729"></script>
<script src="./dist/libs/flatpickr/dist/plugins/rangePlugin.js?1582145729"></script>
<script src="./dist/libs/nouislider/distribute/nouislider.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="./dist/libs/autosize/dist/autosize.min.js?1582373134"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1582373134"></script>
<script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1582373134"></script>
<script src="./dist/libs/flatpickr/dist/flatpickr.min.js?1582373134"></script>
<script src="./dist/libs/flatpickr/dist/plugins/rangePlugin.js?1582373134"></script>
<script src="./dist/libs/nouislider/distribute/nouislider.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
// @formatter:off
noUiSlider.create(document.getElementById('range-simple'), {

73
demo/gallery.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -848,23 +859,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1041,10 +1044,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/icons.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -3639,23 +3650,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -3727,10 +3730,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

95
demo/index.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -672,7 +683,11 @@
<div class="card">
<div class="card-body">
<h3 class="card-title">Top countries</h3>
<div id="map-world" style="height: 15rem"></div>
<div class="embed-responsive embed-responsive-16by9">
<div class="embed-responsive-item">
<div id="map-world" class="w-100 h-100"></div>
</div>
</div>
</div>
</div>
</div>
@@ -1227,23 +1242,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -1420,16 +1427,16 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1582145729"></script>
<script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1582145729"></script>
<script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1582145729"></script>
<script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1582145729"></script>
<script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1582145729"></script>
<script src="./dist/libs/peity/jquery.peity.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1582373134"></script>
<script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1582373134"></script>
<script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1582373134"></script>
<script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1582373134"></script>
<script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1582373134"></script>
<script src="./dist/libs/peity/jquery.peity.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
@@ -1689,7 +1696,7 @@
show: true,
position: 'bottom',
height: 32,
offsetY: -12,
offsetY: 8,
markers: {
width: 8,
height: 8,
@@ -1704,6 +1711,7 @@
// @formatter:on
</script>
<script>
// @formatter:on
document.addEventListener("DOMContentLoaded", function() {
$('#map-world').vectorMap({
map: 'world_en',
@@ -1720,6 +1728,7 @@
},
});
});
// @formatter:off
</script>
<script>
// @formatter:off

73
demo/invoice.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -610,23 +621,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -698,10 +701,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/lists.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -822,23 +833,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -910,10 +913,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

73
demo/lookup.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -104,6 +105,16 @@
Modals
</a>
</li>
<li >
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
</li>
<li >
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</li>
<li >
<a class="dropdown-item" href="./charts.html" >
Charts
@@ -424,16 +435,16 @@
<img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-small">
</a>
<form class="form-inline w-50 mr-4 d-none d-md-flex">
<div class="input-icon w100">
<div class="input-icon w-100">
<span class="input-icon-addon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</span>
<input type="text" class="form-control form-control-flush w100" placeholder="Search…">
<input type="text" class="form-control form-control-flush w-100" placeholder="Search…">
</div>
</form>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link px-0" data-toggle="dropdown">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
@@ -453,7 +464,7 @@
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="flag flag-country-us mr-1"></span>
English
<span class="d-none d-lg-inline">English</span>
</a>
<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
<a href="#" class="dropdown-item"><span class="flag flag-country-de mr-1"></span>
@@ -479,9 +490,9 @@
</div>
</li>
<li class="nav-item dropdown pl-2">
<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
<a href="#" class="nav-link d-flex lh-1 text-inherit p-0 text-left" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-md-block pl-2">
<div class="d-none d-lg-block pl-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">Founder</div>
</div>
@@ -724,23 +735,15 @@
</div>
<footer class="footer footer-transparent">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html" class="link-secondary">FAQ</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary">Source code</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-secondary btn-sm" target="_blank" rel="noreferrer">
Source code
</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
Copyright © 2020
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
@@ -812,10 +815,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
(function() {
var navbarPrimary = document.getElementById('navbar-primary'),

35
demo/maintenance.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-alpha.3
* @version 1.0.0-alpha.4
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -25,21 +25,22 @@
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582145729" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
<style>
body {
display: none;
@@ -67,10 +68,10 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.js?1582145729"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582145729"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1582145729"></script>
<script src="./dist/js/tabler.min.js?1582373134"></script>
<script>
document.body.style.display = "block"
</script>

Some files were not shown because too many files have changed in this diff Show More