mirror of
https://github.com/tabler/tabler.git
synced 2026-07-26 04:54:40 +04:00
Release 1.0.0-alpha.16
This commit is contained in:
Michal Wolny
+272
-75
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.15
|
||||
* @version 1.0.0-alpha.16
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -28,15 +28,17 @@
|
||||
<div class="page">
|
||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a href="." class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
||||
</a>
|
||||
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
|
||||
<a href=".">
|
||||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
||||
</a>
|
||||
</h1>
|
||||
<div class="navbar-nav flex-row order-md-last">
|
||||
<div class="nav-item dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
||||
<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="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
||||
<span class="badge bg-red"></span>
|
||||
</a>
|
||||
@@ -49,7 +51,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-toggle="dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<div>Paweł Kuna</div>
|
||||
@@ -83,7 +85,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
@@ -108,6 +110,9 @@
|
||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="./colors.html" >
|
||||
Colors
|
||||
</a>
|
||||
<a class="dropdown-item" href="./dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
@@ -129,11 +134,11 @@
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
@@ -165,7 +170,7 @@
|
||||
Markdown
|
||||
</a>
|
||||
<div class="dropright">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -177,7 +182,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropright">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -200,7 +205,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
@@ -241,7 +246,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item active dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><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"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
@@ -315,7 +320,7 @@
|
||||
<span class="input-icon-addon">
|
||||
<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="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Search…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -345,11 +350,11 @@
|
||||
New view
|
||||
</a>
|
||||
</span>
|
||||
<a href="#" class="btn btn-primary d-none d-sm-inline-block" data-toggle="modal" data-target="#modal-report">
|
||||
<a href="#" class="btn btn-primary d-none d-sm-inline-block" data-bs-toggle="modal" data-bs-target="#modal-report">
|
||||
<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"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
||||
Create new report
|
||||
</a>
|
||||
<a href="#" class="btn btn-primary d-sm-none btn-icon" data-toggle="modal" data-target="#modal-report" aria-label="Create new report">
|
||||
<a href="#" class="btn btn-primary d-sm-none btn-icon" data-bs-toggle="modal" data-bs-target="#modal-report" aria-label="Create new report">
|
||||
<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"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
@@ -364,7 +369,7 @@
|
||||
<div class="subheader">Sales</div>
|
||||
<div class="ml-auto lh-1">
|
||||
<div class="dropdown">
|
||||
<a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item active" href="#">Last 7 days</a>
|
||||
<a class="dropdown-item" href="#">Last 30 days</a>
|
||||
@@ -397,7 +402,7 @@
|
||||
<div class="subheader">Revenue</div>
|
||||
<div class="ml-auto lh-1">
|
||||
<div class="dropdown">
|
||||
<a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item active" href="#">Last 7 days</a>
|
||||
<a class="dropdown-item" href="#">Last 30 days</a>
|
||||
@@ -425,7 +430,7 @@
|
||||
<div class="subheader">New clients</div>
|
||||
<div class="ml-auto lh-1">
|
||||
<div class="dropdown">
|
||||
<a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item active" href="#">Last 7 days</a>
|
||||
<a class="dropdown-item" href="#">Last 30 days</a>
|
||||
@@ -453,7 +458,7 @@
|
||||
<div class="subheader">Active users</div>
|
||||
<div class="ml-auto lh-1">
|
||||
<div class="dropdown">
|
||||
<a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item active" href="#">Last 7 days</a>
|
||||
<a class="dropdown-item" href="#">Last 30 days</a>
|
||||
@@ -593,7 +598,7 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="h1 m-0">43</div>
|
||||
<div class="text-muted mb-4">New Tickets</div>
|
||||
<div class="text-muted mb-3">New Tickets</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -606,7 +611,7 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="h1 m-0">95</div>
|
||||
<div class="text-muted mb-4">Daily Earnings</div>
|
||||
<div class="text-muted mb-3">Daily Earnings</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -619,7 +624,7 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="h1 m-0">7</div>
|
||||
<div class="text-muted mb-4">New Replies</div>
|
||||
<div class="text-muted mb-3">New Replies</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1076,10 +1081,10 @@
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Most Visited Pages</h4>
|
||||
<h3 class="card-title">Most Visited Pages</h3>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table card-table table-vcenter">
|
||||
<div class="card-table table-responsive">
|
||||
<table class="table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Page name</th>
|
||||
@@ -1091,49 +1096,79 @@
|
||||
<tr>
|
||||
<td>
|
||||
/about.html
|
||||
<a href="#" class="ml-1"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
<a href="#" class="ml-1" aria-label="Open website"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-muted">4,896</td>
|
||||
<td class="text-muted">3,654</td>
|
||||
<td class="text-muted">82.54%</td>
|
||||
<td class="text-right w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-1"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
/special-promo.html
|
||||
<a href="#" class="ml-1"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
<a href="#" class="ml-1" aria-label="Open website"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-muted">3,652</td>
|
||||
<td class="text-muted">3,215</td>
|
||||
<td class="text-muted">76.29%</td>
|
||||
<td class="text-right w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-2"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
/news/1,new-ui-kit.html
|
||||
<a href="#" class="ml-1"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
<a href="#" class="ml-1" aria-label="Open website"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-muted">3,256</td>
|
||||
<td class="text-muted">2,865</td>
|
||||
<td class="text-muted">72.65%</td>
|
||||
<td class="text-right w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-3"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
/lorem-ipsum-dolor-sit-amet-very-long-url.html
|
||||
<a href="#" class="ml-1"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
<a href="#" class="ml-1" aria-label="Open website"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-muted">986</td>
|
||||
<td class="text-muted">865</td>
|
||||
<td class="text-muted">44.89%</td>
|
||||
<td class="text-right w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-4"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
/colors.html
|
||||
<a href="#" class="ml-1" aria-label="Open website"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-muted">912</td>
|
||||
<td class="text-muted">822</td>
|
||||
<td class="text-muted">41.12%</td>
|
||||
<td class="text-right w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-5"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
/docs/index.html
|
||||
<a href="#" class="ml-1" aria-label="Open website"><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="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" /><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" /></svg>
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-muted">855</td>
|
||||
<td class="text-muted">798</td>
|
||||
<td class="text-muted">32.65%</td>
|
||||
<td class="text-right w-1">
|
||||
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-6"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -1141,14 +1176,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<a href="https://github.com/sponsors/codecalm" class="card card-sponsor" target="_blank" rel="noopener" style="background-image: url(./static/sponsor-banner-homepage.svg)">
|
||||
<a href="https://github.com/sponsors/codecalm" class="card card-sponsor" target="_blank" rel="noopener" style="background-image: url(./static/sponsor-banner-homepage.svg)" aria-label="Sponsor Tabler!">
|
||||
<div class="card-body"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Social Media Traffic</h4>
|
||||
<h3 class="card-title">Social Media Traffic</h3>
|
||||
</div>
|
||||
<table class="table card-table table-vcenter">
|
||||
<thead>
|
||||
@@ -1228,16 +1263,13 @@
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Tasks</h4>
|
||||
<h3 class="card-title">Tasks</h3>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table card-table table-vcenter">
|
||||
<tr>
|
||||
<td class="w-1 pr-0">
|
||||
<label class="form-check m-0">
|
||||
<input type="checkbox" class="form-check-input" checked>
|
||||
<span class="form-check-label"></span>
|
||||
</label>
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">Extend the data model.</a>
|
||||
@@ -1263,10 +1295,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1 pr-0">
|
||||
<label class="form-check m-0">
|
||||
<input type="checkbox" class="form-check-input">
|
||||
<span class="form-check-label"></span>
|
||||
</label>
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">Verify the event flow.</a>
|
||||
@@ -1292,10 +1321,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1 pr-0">
|
||||
<label class="form-check m-0">
|
||||
<input type="checkbox" class="form-check-input">
|
||||
<span class="form-check-label"></span>
|
||||
</label>
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">Database backup and maintenance</a>
|
||||
@@ -1321,10 +1347,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1 pr-0">
|
||||
<label class="form-check m-0">
|
||||
<input type="checkbox" class="form-check-input" checked>
|
||||
<span class="form-check-label"></span>
|
||||
</label>
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">Identify the implementation team.</a>
|
||||
@@ -1350,10 +1373,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1 pr-0">
|
||||
<label class="form-check m-0">
|
||||
<input type="checkbox" class="form-check-input">
|
||||
<span class="form-check-label"></span>
|
||||
</label>
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">Define users and workflow</a>
|
||||
@@ -1379,10 +1399,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-1 pr-0">
|
||||
<label class="form-check m-0">
|
||||
<input type="checkbox" class="form-check-input" checked>
|
||||
<span class="form-check-label"></span>
|
||||
</label>
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">Check Pull Requests</a>
|
||||
@@ -1420,14 +1437,14 @@
|
||||
<div class="text-muted">
|
||||
Show
|
||||
<div class="mx-2 d-inline-block">
|
||||
<input type="text" class="form-control form-control-sm" value="8" size="3">
|
||||
<input type="text" class="form-control form-control-sm" value="8" size="3" aria-label="Invoices count">
|
||||
</div>
|
||||
entries
|
||||
</div>
|
||||
<div class="ml-auto text-muted">
|
||||
Search:
|
||||
<div class="ml-2 d-inline-block">
|
||||
<input type="text" class="form-control form-control-sm">
|
||||
<input type="text" class="form-control form-control-sm" aria-label="Search invoice">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1436,7 +1453,7 @@
|
||||
<table class="table card-table table-vcenter text-nowrap datatable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
|
||||
<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select all invoices"></th>
|
||||
<th class="w-1">No. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm text-dark icon-thick" 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"/><polyline points="6 15 12 9 18 15" /></svg>
|
||||
</th>
|
||||
<th>Invoice Subject</th>
|
||||
@@ -1469,7 +1486,7 @@
|
||||
<td>$887</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1501,7 +1518,7 @@
|
||||
<td>$1200</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1533,7 +1550,7 @@
|
||||
<td>$534</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1565,7 +1582,7 @@
|
||||
<td>$1500</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1597,7 +1614,7 @@
|
||||
<td>$648</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1629,7 +1646,7 @@
|
||||
<td>$300</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1661,7 +1678,7 @@
|
||||
<td>$2500</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1693,7 +1710,7 @@
|
||||
<td>$940</td>
|
||||
<td class="text-right">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-boundary="viewport" data-toggle="dropdown">Actions</button>
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
@@ -1712,7 +1729,7 @@
|
||||
<p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
|
||||
<ul class="pagination m-0 ml-auto">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">
|
||||
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
|
||||
<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"/><polyline points="15 6 9 12 15 18" /></svg>
|
||||
prev
|
||||
</a>
|
||||
@@ -1751,7 +1768,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.16</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1765,7 +1782,7 @@
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">New report</h5>
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
@@ -1850,10 +1867,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn btn-link link-secondary" data-dismiss="modal">
|
||||
<a href="#" class="btn btn-link link-secondary" data-bs-dismiss="modal">
|
||||
Cancel
|
||||
</a>
|
||||
<a href="#" class="btn btn-primary ml-auto" data-dismiss="modal">
|
||||
<a href="#" class="btn btn-primary ml-auto" data-bs-dismiss="modal">
|
||||
<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"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
|
||||
Create new report
|
||||
</a>
|
||||
@@ -2196,7 +2213,7 @@
|
||||
}
|
||||
},
|
||||
colors: ["#206bc4"],
|
||||
series: [],
|
||||
series: [35],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
@@ -2266,6 +2283,186 @@
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-1'), {
|
||||
chart: {
|
||||
type: "line",
|
||||
fontFamily: 'inherit',
|
||||
height: 24,
|
||||
animations: {
|
||||
enabled: false
|
||||
},
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: "#206bc4",
|
||||
data: [17, 24, 20, 10, 5, 1, 4, 18, 13]
|
||||
}],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-2'), {
|
||||
chart: {
|
||||
type: "line",
|
||||
fontFamily: 'inherit',
|
||||
height: 24,
|
||||
animations: {
|
||||
enabled: false
|
||||
},
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: "#206bc4",
|
||||
data: [13, 11, 19, 22, 12, 7, 14, 3, 21]
|
||||
}],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-3'), {
|
||||
chart: {
|
||||
type: "line",
|
||||
fontFamily: 'inherit',
|
||||
height: 24,
|
||||
animations: {
|
||||
enabled: false
|
||||
},
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: "#206bc4",
|
||||
data: [10, 13, 10, 4, 17, 3, 23, 22, 19]
|
||||
}],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-4'), {
|
||||
chart: {
|
||||
type: "line",
|
||||
fontFamily: 'inherit',
|
||||
height: 24,
|
||||
animations: {
|
||||
enabled: false
|
||||
},
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: "#206bc4",
|
||||
data: [6, 15, 13, 13, 5, 7, 17, 20, 19]
|
||||
}],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-5'), {
|
||||
chart: {
|
||||
type: "line",
|
||||
fontFamily: 'inherit',
|
||||
height: 24,
|
||||
animations: {
|
||||
enabled: false
|
||||
},
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: "#206bc4",
|
||||
data: [2, 11, 15, 14, 21, 20, 8, 23, 18, 14]
|
||||
}],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-6'), {
|
||||
chart: {
|
||||
type: "line",
|
||||
fontFamily: 'inherit',
|
||||
height: 24,
|
||||
animations: {
|
||||
enabled: false
|
||||
},
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
lineCap: "round",
|
||||
},
|
||||
series: [{
|
||||
color: "#206bc4",
|
||||
data: [22, 12, 7, 14, 3, 21, 8, 23, 18, 14]
|
||||
}],
|
||||
})).render();
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user