mirror of
https://github.com/tabler/tabler.git
synced 2026-08-13 23:02:23 +04:00
Release 1.0.0-beta12
This commit is contained in:
codecalm
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-beta11
|
||||
* @version 1.0.0-beta12
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2022 The Tabler Authors
|
||||
* Copyright 2018-2022 codecalm.net Paweł Kuna
|
||||
@@ -13,21 +13,23 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<style>
|
||||
@import url('https://rsms.me/inter/inter.css');
|
||||
:root {
|
||||
--tblr-font-sans-serif: Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif !important;
|
||||
}
|
||||
</style>
|
||||
<!-- CSS files -->
|
||||
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
|
||||
<style>
|
||||
@import url('https://rsms.me/inter/inter.css');
|
||||
:root {
|
||||
--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<script src="./dist/js/demo-theme.min.js"></script>
|
||||
<div class="page">
|
||||
<!-- Navbar -->
|
||||
<header class="navbar navbar-expand-md navbar-dark d-print-none">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||
@@ -54,11 +56,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-md-flex">
|
||||
<a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
|
||||
<a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/moon -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
|
||||
</a>
|
||||
<a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
|
||||
<a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/sun -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
|
||||
</a>
|
||||
@@ -156,12 +160,12 @@
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||
<a href="#" class="dropdown-item">Set status</a>
|
||||
<a href="#" class="dropdown-item">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Status</a>
|
||||
<a href="#" class="dropdown-item">Profile</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">Settings</a>
|
||||
<a href="#" class="dropdown-item">Logout</a>
|
||||
<a href="./settings.html" class="dropdown-item">Settings</a>
|
||||
<a href="./sign-in.html" class="dropdown-item">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -312,6 +316,12 @@
|
||||
<a href="./sign-in.html" class="dropdown-item">
|
||||
Sign in
|
||||
</a>
|
||||
<a href="./sign-in-illustration.html" class="dropdown-item">
|
||||
Sign in with illustration
|
||||
</a>
|
||||
<a href="./sign-in-cover.html" class="dropdown-item">
|
||||
Sign in with cover
|
||||
</a>
|
||||
<a href="./sign-up.html" class="dropdown-item">
|
||||
Sign up
|
||||
</a>
|
||||
@@ -395,11 +405,11 @@
|
||||
<a class="dropdown-item" href="./users.html">
|
||||
Users
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./license.html">
|
||||
License
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./logs.html">
|
||||
Logs
|
||||
<span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
|
||||
@@ -424,6 +434,10 @@
|
||||
Settings
|
||||
<span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
|
||||
</a>
|
||||
<a class="dropdown-item" href="./job-listing.html">
|
||||
Job listing
|
||||
<span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -492,7 +506,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
2320 icons
|
||||
2681 icons
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -524,7 +538,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
||||
<form action="." method="get">
|
||||
<form action="./" method="get" autocomplete="off" novalidate>
|
||||
<div class="input-icon">
|
||||
<span class="input-icon-addon">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
|
||||
@@ -539,9 +553,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-wrapper">
|
||||
<div class="container-xl">
|
||||
<!-- Page title -->
|
||||
<div class="page-header d-print-none">
|
||||
<!-- Page header -->
|
||||
<div class="page-header d-print-none">
|
||||
<div class="container-xl">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col">
|
||||
<!-- Page pre-title -->
|
||||
@@ -574,6 +588,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page body -->
|
||||
<div class="page-body">
|
||||
<div class="container-xl">
|
||||
<div class="row row-deck row-cards">
|
||||
@@ -1215,7 +1230,7 @@
|
||||
<div class="markdown text-muted">
|
||||
All icons come from the Tabler Icons set and are MIT-licensed. Visit
|
||||
<a href="https://tabler-icons.io" target="_blank" rel="noopener">tabler-icons.io</a>,
|
||||
download any of the 2320 icons in SVG, PNG or React and use them in your favourite design tools.
|
||||
download any of the 2681 icons in SVG, PNG or React and use them in your favourite design tools.
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="https://tabler-icons.io" class="btn btn-primary" target="_blank" rel="noopener">Download icons</a>
|
||||
@@ -1249,7 +1264,7 @@
|
||||
</td>
|
||||
<td class="text-muted">4,896</td>
|
||||
<td class="text-muted">3,654</td>
|
||||
<td class="text-muted"></td>
|
||||
<td class="text-muted">82.54%</td>
|
||||
<td class="text-end w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-1"></div>
|
||||
</td>
|
||||
@@ -1263,7 +1278,7 @@
|
||||
</td>
|
||||
<td class="text-muted">3,652</td>
|
||||
<td class="text-muted">3,215</td>
|
||||
<td class="text-muted"></td>
|
||||
<td class="text-muted">76.29%</td>
|
||||
<td class="text-end w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-2"></div>
|
||||
</td>
|
||||
@@ -1277,7 +1292,7 @@
|
||||
</td>
|
||||
<td class="text-muted">3,256</td>
|
||||
<td class="text-muted">2,865</td>
|
||||
<td class="text-muted"></td>
|
||||
<td class="text-muted">72.65%</td>
|
||||
<td class="text-end w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-3"></div>
|
||||
</td>
|
||||
@@ -1291,7 +1306,7 @@
|
||||
</td>
|
||||
<td class="text-muted">986</td>
|
||||
<td class="text-muted">865</td>
|
||||
<td class="text-muted"></td>
|
||||
<td class="text-muted">44.89%</td>
|
||||
<td class="text-end w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-4"></div>
|
||||
</td>
|
||||
@@ -1305,7 +1320,7 @@
|
||||
</td>
|
||||
<td class="text-muted">912</td>
|
||||
<td class="text-muted">822</td>
|
||||
<td class="text-muted"></td>
|
||||
<td class="text-muted">41.12%</td>
|
||||
<td class="text-end w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-5"></div>
|
||||
</td>
|
||||
@@ -1319,7 +1334,7 @@
|
||||
</td>
|
||||
<td class="text-muted">855</td>
|
||||
<td class="text-muted">798</td>
|
||||
<td class="text-muted"></td>
|
||||
<td class="text-muted">32.65%</td>
|
||||
<td class="text-end w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-6"></div>
|
||||
</td>
|
||||
@@ -1951,7 +1966,7 @@
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">
|
||||
v1.0.0-beta11
|
||||
v1.0.0-beta12
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -2342,7 +2357,7 @@
|
||||
backgroundColor: 'transparent',
|
||||
regionStyle: {
|
||||
initial: {
|
||||
fill: '#F8FAFC',
|
||||
fill: tabler.getColor('body-bg'),
|
||||
stroke: 'rgba(98, 105, 118, .16)',
|
||||
strokeWidth: 1,
|
||||
}
|
||||
@@ -2351,7 +2366,7 @@
|
||||
zoomButtons: false,
|
||||
// -------- Series --------
|
||||
visualizeData: {
|
||||
scale: ['#F8FAFC', tabler.getColor('primary')],
|
||||
scale: [tabler.getColor('bg-surface'), tabler.getColor('primary')],
|
||||
values: { "AF": 16, "AL": 11, "DZ": 158, "AO": 85, "AG": 1, "AR": 351, "AM": 8, "AU": 1219, "AT": 366, "AZ": 52, "BS": 7, "BH": 21, "BD": 105, "BB": 3, "BY": 52, "BE": 461, "BZ": 1, "BJ": 6, "BT": 1, "BO": 19, "BA": 16, "BW": 12, "BR": 2023, "BN": 11, "BG": 44, "BF": 8, "BI": 1, "KH": 11, "CM": 21, "CA": 1563, "CV": 1, "CF": 2, "TD": 7, "CL": 199, "CN": 5745, "CO": 283, "KM": 0, "CD": 12, "CG": 11, "CR": 35, "CI": 22, "HR": 59, "CY": 22, "CZ": 195, "DK": 304, "DJ": 1, "DM": 0, "DO": 50, "EC": 61, "EG": 216, "SV": 21, "GQ": 14, "ER": 2, "EE": 19, "ET": 30, "FJ": 3, "FI": 231, "FR": 2555, "GA": 12, "GM": 1, "GE": 11, "DE": 3305, "GH": 18, "GR": 305, "GD": 0, "GT": 40, "GN": 4, "GW": 0, "GY": 2, "HT": 6, "HN": 15, "HK": 226, "HU": 132, "IS": 12, "IN": 1430, "ID": 695, "IR": 337, "IQ": 84, "IE": 204, "IL": 201, "IT": 2036, "JM": 13, "JP": 5390, "JO": 27, "KZ": 129, "KE": 32, "KI": 0, "KR": 986, "KW": 117, "KG": 4, "LA": 6, "LV": 23, "LB": 39, "LS": 1, "LR": 0, "LY": 77, "LT": 35, "LU": 52, "MK": 9, "MG": 8, "MW": 5, "MY": 218, "MV": 1, "ML": 9, "MT": 7, "MR": 3, "MU": 9, "MX": 1004, "MD": 5, "MN": 5, "ME": 3, "MA": 91, "MZ": 10, "MM": 35, "NA": 11, "NP": 15, "NL": 770, "NZ": 138, "NI": 6, "NE": 5, "NG": 206, "NO": 413, "OM": 53, "PK": 174, "PA": 27, "PG": 8, "PY": 17, "PE": 153, "PH": 189, "PL": 438, "PT": 223, "QA": 126, "RO": 158, "RU": 1476, "RW": 5, "WS": 0, "ST": 0, "SA": 434, "SN": 12, "RS": 38, "SC": 0, "SL": 1, "SG": 217, "SK": 86, "SI": 46, "SB": 0, "ZA": 354, "ES": 1374, "LK": 48, "KN": 0, "LC": 1, "VC": 0, "SD": 65, "SR": 3, "SZ": 3, "SE": 444, "CH": 522, "SY": 59, "TW": 426, "TJ": 5, "TZ": 22, "TH": 312, "TL": 0, "TG": 3, "TO": 0, "TT": 21, "TN": 43, "TR": 729, "TM": 0, "UG": 17, "UA": 136, "AE": 239, "GB": 2258, "US": 4624, "UY": 40, "UZ": 37, "VU": 0, "VE": 285, "VN": 101, "YE": 30, "ZM": 15, "ZW": 5 },
|
||||
},
|
||||
});
|
||||
@@ -2488,7 +2503,7 @@
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: tabler.getColor("blue"),
|
||||
color: tabler.getColor("primary"),
|
||||
data: [17, 24, 20, 10, 5, 1, 4, 18, 13]
|
||||
}],
|
||||
})).render();
|
||||
@@ -2518,7 +2533,7 @@
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: tabler.getColor("blue"),
|
||||
color: tabler.getColor("primary"),
|
||||
data: [13, 11, 19, 22, 12, 7, 14, 3, 21]
|
||||
}],
|
||||
})).render();
|
||||
@@ -2548,7 +2563,7 @@
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: tabler.getColor("blue"),
|
||||
color: tabler.getColor("primary"),
|
||||
data: [10, 13, 10, 4, 17, 3, 23, 22, 19]
|
||||
}],
|
||||
})).render();
|
||||
@@ -2578,7 +2593,7 @@
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: tabler.getColor("blue"),
|
||||
color: tabler.getColor("primary"),
|
||||
data: [6, 15, 13, 13, 5, 7, 17, 20, 19]
|
||||
}],
|
||||
})).render();
|
||||
@@ -2608,7 +2623,7 @@
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: tabler.getColor("blue"),
|
||||
color: tabler.getColor("primary"),
|
||||
data: [2, 11, 15, 14, 21, 20, 8, 23, 18, 14]
|
||||
}],
|
||||
})).render();
|
||||
@@ -2638,7 +2653,7 @@
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: tabler.getColor("blue"),
|
||||
color: tabler.getColor("primary"),
|
||||
data: [22, 12, 7, 14, 3, 21, 8, 23, 18, 14]
|
||||
}],
|
||||
})).render();
|
||||
|
||||
Reference in New Issue
Block a user