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.17

Browse Source
This commit is contained in:
codecalm
2020-12-08 23:04:50 +01:00
parent 7ff3549c35
commit 62b0e8a6bf
125 changed files with 10531 additions and 3960 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/layout-horizontal.html
+95 -101
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.16
* @version 1.0.0-alpha.17
* @link https://tabler.io
* Copyright 2018-2020 The Tabler Authors
* Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -20,9 +20,6 @@
<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>
body { display: none; }
</style>
</head>
<body class="antialiased">
<div class="page">
@@ -31,18 +28,18 @@
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pr-0 pr-md-3">
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-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">
<div class="nav-item dropdown d-none d-md-flex me-3">
<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>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
@@ -53,12 +50,12 @@
<div class="nav-item 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 class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<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">Feedback</a>
@@ -169,7 +166,7 @@
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropright">
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
@@ -181,7 +178,7 @@
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropright">
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
@@ -343,7 +340,7 @@
</h2>
</div>
<!-- Page title actions -->
<div class="col-auto ml-auto d-print-none">
<div class="col-auto ms-auto d-print-none">
<div class="btn-list">
<span class="d-none d-sm-inline">
<a href="#" class="btn btn-white">
@@ -367,10 +364,10 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Sales</div>
<div class="ml-auto lh-1">
<div class="ms-auto lh-1">
<div class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item active" href="#">Last 7 days</a>
<a class="dropdown-item" href="#">Last 30 days</a>
<a class="dropdown-item" href="#">Last 3 months</a>
@@ -381,9 +378,9 @@
<div class="h1 mb-3">75%</div>
<div class="d-flex mb-2">
<div>Conversion rate</div>
<div class="ml-auto">
<div class="ms-auto">
<span class="text-green d-inline-flex align-items-center lh-1">
7% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
7% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
</span>
</div>
</div>
@@ -400,10 +397,10 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Revenue</div>
<div class="ml-auto lh-1">
<div class="ms-auto lh-1">
<div class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item active" href="#">Last 7 days</a>
<a class="dropdown-item" href="#">Last 30 days</a>
<a class="dropdown-item" href="#">Last 3 months</a>
@@ -412,10 +409,10 @@
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-0 mr-2">$4,300</div>
<div class="mr-auto">
<div class="h1 mb-0 me-2">$4,300</div>
<div class="me-auto">
<span class="text-green d-inline-flex align-items-center lh-1">
8% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
8% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
</span>
</div>
</div>
@@ -428,10 +425,10 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">New clients</div>
<div class="ml-auto lh-1">
<div class="ms-auto lh-1">
<div class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item active" href="#">Last 7 days</a>
<a class="dropdown-item" href="#">Last 30 days</a>
<a class="dropdown-item" href="#">Last 3 months</a>
@@ -440,10 +437,10 @@
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">6,782</div>
<div class="mr-auto">
<div class="h1 mb-3 me-2">6,782</div>
<div class="me-auto">
<span class="text-yellow d-inline-flex align-items-center lh-1">
0% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="5" y1="12" x2="19" y2="12" /></svg>
0% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="5" y1="12" x2="19" y2="12" /></svg>
</span>
</div>
</div>
@@ -456,10 +453,10 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Active users</div>
<div class="ml-auto lh-1">
<div class="ms-auto lh-1">
<div class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item active" href="#">Last 7 days</a>
<a class="dropdown-item" href="#">Last 30 days</a>
<a class="dropdown-item" href="#">Last 3 months</a>
@@ -468,10 +465,10 @@
</div>
</div>
<div class="d-flex align-items-baseline">
<div class="h1 mb-3 mr-2">2,986</div>
<div class="mr-auto">
<div class="h1 mb-3 me-2">2,986</div>
<div class="me-auto">
<span class="text-green d-inline-flex align-items-center lh-1">
4% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
4% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
</span>
</div>
</div>
@@ -499,25 +496,25 @@
<div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>
</div>
<div class="row">
<div class="col-auto d-flex align-items-center pr-2">
<span class="legend mr-2 bg-primary"></span>
<div class="col-auto d-flex align-items-center pe-2">
<span class="legend me-2 bg-primary"></span>
<span>Regular</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">915MB</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">915MB</span>
</div>
<div class="col-auto d-flex align-items-center px-2">
<span class="legend mr-2 bg-info"></span>
<span class="legend me-2 bg-info"></span>
<span>System</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">415MB</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">415MB</span>
</div>
<div class="col-auto d-flex align-items-center px-2">
<span class="legend mr-2 bg-success"></span>
<span class="legend me-2 bg-success"></span>
<span>Shared</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">201MB</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">201MB</span>
</div>
<div class="col-auto d-flex align-items-center pl-2">
<span class="legend mr-2"></span>
<div class="col-auto d-flex align-items-center ps-2">
<span class="legend me-2"></span>
<span>Free</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ml-2 text-muted">612MB</span>
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-muted">612MB</span>
</div>
</div>
</div>
@@ -592,9 +589,9 @@
<div class="col-sm-4">
<div class="card">
<div class="card-body p-2 text-center">
<div class="text-right text-green">
<div class="text-end text-green">
<span class="text-green d-inline-flex align-items-center lh-1">
6% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
6% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
</span>
</div>
<div class="h1 m-0">43</div>
@@ -605,9 +602,9 @@
<div class="col-sm-4">
<div class="card">
<div class="card-body p-2 text-center">
<div class="text-right text-red">
<div class="text-end text-red">
<span class="text-red d-inline-flex align-items-center lh-1">
-2% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
-2% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="3 7 9 13 13 9 21 17" /><polyline points="21 10 21 17 14 17" /></svg>
</span>
</div>
<div class="h1 m-0">95</div>
@@ -618,9 +615,9 @@
<div class="col-sm-4">
<div class="card">
<div class="card-body p-2 text-center">
<div class="text-right text-green">
<div class="text-end text-green">
<span class="text-green d-inline-flex align-items-center lh-1">
9% <svg xmlns="http://www.w3.org/2000/svg" class="icon ml-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
9% <svg xmlns="http://www.w3.org/2000/svg" class="icon ms-1" 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="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></svg>
</span>
</div>
<div class="h1 m-0">7</div>
@@ -1096,78 +1093,78 @@
<tr>
<td>
/about.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 href="#" class="ms-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">
<td class="text-end 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" 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 href="#" class="ms-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">
<td class="text-end 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" 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 href="#" class="ms-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">
<td class="text-end 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" 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 href="#" class="ms-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">
<td class="text-end 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 href="#" class="ms-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">
<td class="text-end 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 href="#" class="ms-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">
<td class="text-end w-1">
<div class="chart-sparkline chart-sparkline-sm" id="sparkline-bounce-rate-6"></div>
</td>
</tr>
@@ -1268,7 +1265,7 @@
<div class="table-responsive">
<table class="table card-table table-vcenter">
<tr>
<td class="w-1 pr-0">
<td class="w-1 pe-0">
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
</td>
<td class="w-100">
@@ -1294,7 +1291,7 @@
</td>
</tr>
<tr>
<td class="w-1 pr-0">
<td class="w-1 pe-0">
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
</td>
<td class="w-100">
@@ -1320,7 +1317,7 @@
</td>
</tr>
<tr>
<td class="w-1 pr-0">
<td class="w-1 pe-0">
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
</td>
<td class="w-100">
@@ -1346,7 +1343,7 @@
</td>
</tr>
<tr>
<td class="w-1 pr-0">
<td class="w-1 pe-0">
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
</td>
<td class="w-100">
@@ -1372,7 +1369,7 @@
</td>
</tr>
<tr>
<td class="w-1 pr-0">
<td class="w-1 pe-0">
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" >
</td>
<td class="w-100">
@@ -1398,7 +1395,7 @@
</td>
</tr>
<tr>
<td class="w-1 pr-0">
<td class="w-1 pe-0">
<input type="checkbox" class="form-check-input m-0 align-middle" aria-label="Select task" checked >
</td>
<td class="w-100">
@@ -1441,9 +1438,9 @@
</div>
entries
</div>
<div class="ml-auto text-muted">
<div class="ms-auto text-muted">
Search:
<div class="ml-2 d-inline-block">
<div class="ms-2 d-inline-block">
<input type="text" class="form-control form-control-sm" aria-label="Search invoice">
</div>
</div>
@@ -1481,13 +1478,13 @@
15 Dec 2017
</td>
<td>
<span class="badge bg-success mr-1"></span> Paid
<span class="badge bg-success me-1"></span> Paid
</td>
<td>$887</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1513,13 +1510,13 @@
12 Apr 2017
</td>
<td>
<span class="badge bg-warning mr-1"></span> Pending
<span class="badge bg-warning me-1"></span> Pending
</td>
<td>$1200</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1545,13 +1542,13 @@
23 Oct 2017
</td>
<td>
<span class="badge bg-warning mr-1"></span> Pending
<span class="badge bg-warning me-1"></span> Pending
</td>
<td>$534</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1577,13 +1574,13 @@
2 Sep 2017
</td>
<td>
<span class="badge bg-secondary mr-1"></span> Due in 2 Weeks
<span class="badge bg-secondary me-1"></span> Due in 2 Weeks
</td>
<td>$1500</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1609,13 +1606,13 @@
29 Jan 2018
</td>
<td>
<span class="badge bg-danger mr-1"></span> Paid Today
<span class="badge bg-danger me-1"></span> Paid Today
</td>
<td>$648</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1641,13 +1638,13 @@
4 Feb 2018
</td>
<td>
<span class="badge bg-secondary mr-1"></span> Due in 3 Weeks
<span class="badge bg-secondary me-1"></span> Due in 3 Weeks
</td>
<td>$300</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1673,13 +1670,13 @@
22 Mar 2018
</td>
<td>
<span class="badge bg-success mr-1"></span> Paid Today
<span class="badge bg-success me-1"></span> Paid Today
</td>
<td>$2500</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1705,13 +1702,13 @@
13 May 2018
</td>
<td>
<span class="badge bg-success mr-1"></span> Paid Today
<span class="badge bg-success me-1"></span> Paid Today
</td>
<td>$940</td>
<td class="text-right">
<td class="text-end">
<span class="dropdown">
<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">
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">
Action
</a>
@@ -1727,7 +1724,7 @@
</div>
<div class="card-footer d-flex align-items-center">
<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">
<ul class="pagination m-0 ms-auto">
<li class="page-item disabled">
<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>
@@ -1753,7 +1750,7 @@
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ml-lg-auto">
<div class="col-lg-auto ms-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="./license.html" class="link-secondary">License</a></li>
@@ -1768,7 +1765,7 @@
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.16</a>
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.17</a>
</li>
</ul>
</div>
@@ -1795,7 +1792,7 @@
<label class="form-selectgroup-item">
<input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
<span class="form-selectgroup-label d-flex align-items-center p-3">
<span class="mr-3">
<span class="me-3">
<span class="form-selectgroup-check"></span>
</span>
<span class="form-selectgroup-label-content">
@@ -1809,7 +1806,7 @@
<label class="form-selectgroup-item">
<input type="radio" name="report-type" value="1" class="form-selectgroup-input">
<span class="form-selectgroup-label d-flex align-items-center p-3">
<span class="mr-3">
<span class="me-3">
<span class="form-selectgroup-check"></span>
</span>
<span class="form-selectgroup-label-content">
@@ -1828,7 +1825,7 @@
<span class="input-group-text">
https://tabler.io/reports/
</span>
<input type="text" class="form-control pl-0" value="report-01" autocomplete="off">
<input type="text" class="form-control ps-0" value="report-01" autocomplete="off">
</div>
</div>
</div>
@@ -1870,7 +1867,7 @@
<a href="#" class="btn btn-link link-secondary" data-bs-dismiss="modal">
Cancel
</a>
<a href="#" class="btn btn-primary ml-auto" data-bs-dismiss="modal">
<a href="#" class="btn btn-primary ms-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>
@@ -2463,8 +2460,5 @@
});
// @formatter:on
</script>
<script>
document.body.style.display = "block"
</script>
</body>
</html>