-
-
Notifications
You must be signed in to change notification settings - Fork 3.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'dev' of https://github.com/tabler/tabler into dev-marke…
…ting
- Loading branch information
Showing
803 changed files
with
54,629 additions
and
13,800 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
--- | ||
"@tabler/core": minor | ||
--- | ||
|
||
Add new `Tag` component |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
--- | ||
"@tabler/core": patch | ||
--- | ||
|
||
Update Tabler Icons to version 2.21 with 18 new icons added |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
--- | ||
"@tabler/core": patch | ||
--- | ||
|
||
Update Bootstrap to v5.3.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
--- | ||
"@tabler/core": patch | ||
--- | ||
|
||
Update Tabler Icons to version 2.22 with 18 new icons added |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,154 @@ | ||
<!doctype html> | ||
<!-- | ||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI. | ||
* @version 1.0.0-beta19 | ||
* @link https://tabler.io | ||
* Copyright 2018-2023 The Tabler Authors | ||
* Copyright 2018-2023 codecalm.net Paweł Kuna | ||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE) | ||
--> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"/> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> | ||
<title>2-Step Verification - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title> | ||
<script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script> | ||
<meta name="msapplication-TileColor" content=""/> | ||
<meta name="theme-color" content=""/> | ||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/> | ||
<meta name="apple-mobile-web-app-capable" content="yes"/> | ||
<meta name="mobile-web-app-capable" content="yes"/> | ||
<meta name="HandheldFriendly" content="True"/> | ||
<meta name="MobileOptimized" content="320"/> | ||
<link rel="icon" href="./favicon.ico" type="image/x-icon"/> | ||
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/> | ||
<meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/> | ||
<meta name="canonical" content="https://preview.tabler.io/2-step-verification-code.html"> | ||
<meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png"> | ||
<meta name="twitter:site" content="@tabler_ui"> | ||
<meta name="twitter:card" content="summary"> | ||
<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI."> | ||
<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"> | ||
<meta property="og:image" content="https://preview.tabler.io/static/og.png"> | ||
<meta property="og:image:width" content="1280"> | ||
<meta property="og:image:height" content="640"> | ||
<meta property="og:site_name" content="Tabler"> | ||
<meta property="og:type" content="object"> | ||
<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI."> | ||
<meta property="og:url" content="https://preview.tabler.io/static/og.png"> | ||
<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"> | ||
<!-- CSS files --> | ||
<link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/> | ||
<link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/> | ||
<link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/> | ||
<link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/> | ||
<link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/> | ||
<style> | ||
@import url('https://rsms.me/inter/inter.css'); | ||
:root { | ||
--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; | ||
} | ||
body { | ||
font-feature-settings: "cv03", "cv04", "cv11"; | ||
} | ||
</style> | ||
</head> | ||
<body class=" d-flex flex-column"> | ||
<script src="./dist/js/demo-theme.min.js?1685973381"></script> | ||
<div class="page page-center"> | ||
<div class="container container-tight py-4"> | ||
<div class="text-center mb-4"> | ||
<a href="." class="navbar-brand navbar-brand-autodark"> | ||
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image"> | ||
</a> | ||
</div> | ||
<form | ||
class="card card-md" | ||
action="./" | ||
method="get" | ||
autocomplete="off" | ||
novalidate | ||
> | ||
<div class="card-body"> | ||
<h2 class="card-title card-title-lg text-center mb-4">Authenticate Your Account</h2> | ||
<p class="my-4 text-center">Please confirm your account by entering the authorization code sent to <strong>+1 856-672-8552</strong>.</p> | ||
<div class="my-5"> | ||
<div class="row g-4"> | ||
<div class="col"> | ||
<div class="row g-2"> | ||
<div class="col"> | ||
<input type="text" class="form-control form-control-lg text-center py-3" maxlength="1" inputmode="numeric" pattern="[0-9]*" data-code-input /> | ||
</div> | ||
<div class="col"> | ||
<input type="text" class="form-control form-control-lg text-center py-3" maxlength="1" inputmode="numeric" pattern="[0-9]*" data-code-input /> | ||
</div> | ||
<div class="col"> | ||
<input type="text" class="form-control form-control-lg text-center py-3" maxlength="1" inputmode="numeric" pattern="[0-9]*" data-code-input /> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="col"> | ||
<div class="row g-2"> | ||
<div class="col"> | ||
<input type="text" class="form-control form-control-lg text-center py-3" maxlength="1" inputmode="numeric" pattern="[0-9]*" data-code-input /> | ||
</div> | ||
<div class="col"> | ||
<input type="text" class="form-control form-control-lg text-center py-3" maxlength="1" inputmode="numeric" pattern="[0-9]*" data-code-input /> | ||
</div> | ||
<div class="col"> | ||
<input type="text" class="form-control form-control-lg text-center py-3" maxlength="1" inputmode="numeric" pattern="[0-9]*" data-code-input /> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="my-4"> | ||
<label class="form-check"> | ||
<input type="checkbox" class="form-check-input" /> | ||
Dont't ask for codes again on this device | ||
</label> | ||
</div> | ||
<div class="form-footer"> | ||
<div class="btn-list flex-nowrap"> | ||
<a href="./2-step-verification.html" class="btn w-100"> | ||
Cancel | ||
</a> | ||
<a href="#" class="btn btn-primary w-100"> | ||
Verify | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</form> | ||
<div class="text-center text-secondary mt-3"> | ||
It may take a minute to receive your code. Haven't received it? <a href="./">Resend a new code.</a> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- Libs JS --> | ||
<!-- Tabler Core --> | ||
<script src="./dist/js/tabler.min.js?1685973381" defer></script> | ||
<script src="./dist/js/demo.min.js?1685973381" defer></script> | ||
<script> | ||
document.addEventListener("DOMContentLoaded", function() { | ||
var inputs = document.querySelectorAll('[data-code-input]'); | ||
// Attach an event listener to each input element | ||
for(let i = 0; i < inputs.length; i++) { | ||
inputs[i].addEventListener('input', function(e) { | ||
// If the input field has a character, and there is a next input field, focus it | ||
if(e.target.value.length === e.target.maxLength && i + 1 < inputs.length) { | ||
inputs[i + 1].focus(); | ||
} | ||
}); | ||
inputs[i].addEventListener('keydown', function(e) { | ||
// If the input field is empty and the keyCode for Backspace (8) is detected, and there is a previous input field, focus it | ||
if(e.target.value.length === 0 && e.keyCode === 8 && i > 0) { | ||
inputs[i - 1].focus(); | ||
} | ||
}); | ||
} | ||
}); | ||
</script> | ||
</body> | ||
</html> |
Oops, something went wrong.