1
0
mirror of https://github.com/tabler/tabler.git synced 2026-07-25 20:44:38 +04:00

Release 1.0.0-alpha.14

This commit is contained in:
codecalm
2020-11-21 16:26:10 +01:00
parent b0b70bcda3
commit 0410d39ba9
119 changed files with 4859 additions and 7388 deletions
+2 -360
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.13
* @version 1.0.0-alpha.14
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -716,7 +716,6 @@
<div class="card card-sm">
<div class="card-body d-flex align-items-center">
<div class="mr-3">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-83"></div>
</div>
<div class="mr-3">
<div class="font-weight-medium">
@@ -731,7 +730,6 @@
<div class="card card-sm">
<div class="card-body d-flex align-items-center">
<div class="mr-3">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-84"></div>
</div>
<div class="mr-3">
<div class="font-weight-medium">
@@ -746,7 +744,6 @@
<div class="card card-sm">
<div class="card-body d-flex align-items-center">
<div class="mr-3">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-85"></div>
</div>
<div class="mr-3">
<div class="font-weight-medium">
@@ -761,7 +758,6 @@
<div class="card card-sm">
<div class="card-body d-flex align-items-center">
<div class="mr-3">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-86"></div>
</div>
<div class="mr-3">
<div class="font-weight-medium">
@@ -784,7 +780,6 @@
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="chart-sparkline" id="sparkline-87"></div>
</div>
</div>
</div>
@@ -801,7 +796,6 @@
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="chart-sparkline" id="sparkline-88"></div>
</div>
</div>
</div>
@@ -818,7 +812,6 @@
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="chart-sparkline" id="sparkline-89"></div>
</div>
</div>
</div>
@@ -834,7 +827,6 @@
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-90"></div>
</div>
</div>
</div>
@@ -850,7 +842,6 @@
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-91"></div>
</div>
</div>
</div>
@@ -866,7 +857,6 @@
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="chart-sparkline chart-sparkline-square" id="sparkline-92"></div>
</div>
</div>
</div>
@@ -1118,7 +1108,7 @@
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.13</a>
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.14</a>
</li>
</ul>
</div>
@@ -1133,354 +1123,6 @@
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-83'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#206bc4"],
series: [56],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-84'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#5eba00"],
series: [56],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-85'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#cd201f"],
series: [56],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-86'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#fab005"],
series: [56],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-87'), {
chart: {
type: "line",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
stroke: {
width: 2,
lineCap: "round",
},
series: [{
color: "#206bc4",
data: [20,0,40,30,40,30,80,60]
}],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-88'), {
chart: {
type: "bar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
series: [{
color: "#cd201f",
data: [20,40,30,10,40,60,80,70]
}],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-89'), {
chart: {
type: "bar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
series: [{
color: "#5eba00",
data: [20,40,20,-10,-30,10,40,60,80,70]
}],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-90'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#206bc4"],
series: [12],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-91'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#206bc4"],
series: [12],
})).render();
});
// @formatter:on
</script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-92'), {
chart: {
type: "radialBar",
fontFamily: 'inherit',
height: 40,
animations: {
enabled: false
},
sparkline: {
enabled: true
},
},
tooltip: {
enabled: false,
},
plotOptions: {
radialBar: {
hollow: {
margin: 0,
size: '75%'
},
track: {
margin: 0
},
dataLabels: {
show: false
}
}
},
colors: ["#206bc4"],
series: [56],
})).render();
});
// @formatter:on
</script>
<script>
document.body.style.display = "block"
</script>