Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-26 04:54:40 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-alpha.16

Browse Source
This commit is contained in:
Michal Wolny
2020-12-03 20:46:47 +01:00
parent c2558cc3f4
commit 1fe6bd311d
142 changed files with 8397 additions and 4693 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/layout-vertical.html
+271 -74
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.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">
<aside class="navbar navbar-vertical navbar-expand-lg navbar-dark">
<div class="container-fluid">
<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">
<img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
<h1 class="navbar-brand navbar-brand-autodark">
<a href=".">
<img src="./static/logo-white.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row d-lg-none">
<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>
@@ -78,7 +80,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">
@@ -103,6 +105,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>
@@ -124,11 +129,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>
@@ -160,7 +165,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">
@@ -172,7 +177,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">
@@ -195,7 +200,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">
@@ -236,7 +241,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="true" >
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="true" >
<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">
@@ -329,11 +334,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>
@@ -348,7 +353,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>
@@ -381,7 +386,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>
@@ -409,7 +414,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>
@@ -437,7 +442,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>
@@ -577,7 +582,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>
@@ -590,7 +595,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>
@@ -603,7 +608,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>
@@ -1060,10 +1065,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>
@@ -1075,49 +1080,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>
@@ -1125,14 +1160,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>
@@ -1212,16 +1247,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>
@@ -1247,10 +1279,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>
@@ -1276,10 +1305,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>
@@ -1305,10 +1331,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>
@@ -1334,10 +1357,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>
@@ -1363,10 +1383,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>
@@ -1404,14 +1421,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>
@@ -1420,7 +1437,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>
@@ -1453,7 +1470,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
@@ -1485,7 +1502,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
@@ -1517,7 +1534,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
@@ -1549,7 +1566,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
@@ -1581,7 +1598,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
@@ -1613,7 +1630,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
@@ -1645,7 +1662,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
@@ -1677,7 +1694,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
@@ -1696,7 +1713,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>
@@ -1735,7 +1752,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>
@@ -1749,7 +1766,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">
@@ -1834,10 +1851,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>
@@ -2180,7 +2197,7 @@
}
},
colors: ["#206bc4"],
series: [],
series: [35],
})).render();
});
// @formatter:on
@@ -2250,6 +2267,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>