【Datum_UImodel】后台组件模板
This commit is contained in:
戒酒的李白
@@ -0,0 +1,87 @@
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container-fluid h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-12 text-center">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal darkmode-logo" width="80" alt="logo">
|
||||
<img src="static/picture/logo-dark.png" class="img-fluid rounded-normal light-logo" width="80" alt="logo">
|
||||
<h2 class="mt-3 mb-0">Success !</h2>
|
||||
<p class="mb-1">A email has been send to <a href="javascript:;" class="__cf_email__" data-cfemail="2e57415b5c4b434f47426e4a41434f4740004d414300">[email protected]</a> Please check for an
|
||||
email from company and click
|
||||
on the included link to reset your password.</p>
|
||||
<div class="d-inline-block w-100">
|
||||
<a href="index.html" class="btn btn-primary mt-3">
|
||||
<svg width="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
|
||||
</svg>
|
||||
<span>Back to Home</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script data-cfasync="false" src="https://www.17sucai.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,93 @@
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="auth-logo">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal darkmode-logo" alt="logo">
|
||||
<img src="static/picture/logo-dark.png" alt="user-icon" class="img-fluid rounded-normal light-logo">
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<h2 class="mb-2">Hi ! Barry Tech</h2>
|
||||
<p>Enter your password to access the admin.</p>
|
||||
</div>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input class="form-control" type="password" placeholder="********">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card p-3">
|
||||
<div class="card-body">
|
||||
<div class="auth-logo">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal darkmode-logo" alt="logo">
|
||||
<img src="static/picture/logo-dark.png" class="img-fluid rounded-normal light-logo" alt="logo">
|
||||
</div>
|
||||
<h3 class="mb-3 font-weight-bold text-center">Sign In</h3>
|
||||
<p class="text-center text-secondary mb-4">Log in to your account to continue</p>
|
||||
<div class="social-btn d-flex justify-content-around align-items-center mb-4">
|
||||
<button class="btn btn-outline-light">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="88.428 12.828 107.543 207.085">
|
||||
<path d="M158.232 219.912v-94.461h31.707l4.747-36.813h-36.454V65.134c0-10.658 2.96-17.922 18.245-17.922l19.494-.009V14.278c-3.373-.447-14.944-1.449-28.406-1.449-28.106 0-47.348 17.155-47.348 48.661v27.149H88.428v36.813h31.788v94.461l38.016-.001z" fill="#3c5a9a"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="btn btn-outline-light">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 256 262" preserveaspectratio="xMidYMid">
|
||||
<path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" fill="#4285F4"></path>
|
||||
<path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" fill="#34A853"></path>
|
||||
<path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" fill="#FBBC05"></path>
|
||||
<path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" fill="#EB4335"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="btn btn-outline-light">
|
||||
<svg width="20" height="20" viewbox="328 355 335 276" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M 630, 425 A 195, 195 0 0 1 331, 600 A 142, 142 0 0 0 428, 570A 70, 70 0 0 1 370, 523A 70, 70 0 0 0 401, 521A 70, 70 0 0 1 344, 455A 70, 70 0 0 0 372, 460A 70, 70 0 0 1 354, 370A 195, 195 0 0 0 495, 442A 67, 67 0 0 1 611, 380A 117, 117 0 0 0 654, 363A 65, 65 0 0 1 623, 401A 117, 117 0 0 0 662, 390A 65, 65 0 0 1 630, 425Z" style="fill:#3BA9EE;"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<p class="line-around text-secondary mb-0"><span class="line-around-1">or login with email</span></p>
|
||||
</div>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label class="text-secondary">Email</label>
|
||||
<input class="form-control" type="email" placeholder="Enter Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 mt-2">
|
||||
<div class="form-group">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<label class="text-secondary">Password</label>
|
||||
<label><a href="auth-recover-pwd.html">Forgot Password?</a></label>
|
||||
</div>
|
||||
<input class="form-control" type="password" placeholder="Enter Password">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block mt-2">Log In</button>
|
||||
<div class="col-lg-12 mt-3">
|
||||
<p class="mb-0 text-center">Don't have an account? <a href="auth-sign-up.html">Sign Up</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,86 @@
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card p-5">
|
||||
<div class="card-body">
|
||||
<div class="auth-logo">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal darkmode-logo" alt="logo">
|
||||
<img src="static/picture/logo-dark.png" class="img-fluid rounded-normal light-logo" alt="logo">
|
||||
</div>
|
||||
<h3 class="mb-3 text-center">Reset Password</h3>
|
||||
<p class="text-center small text-secondary mb-3">You can reset your password here</p>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label class="text-secondary">Email</label>
|
||||
<input class="form-control" type="email" placeholder="Enter Email">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block">Reset Password</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,87 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="auth-logo">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal" alt="logo">
|
||||
</div>
|
||||
<h2 class="mb-2 text-center">Reset Password</h2>
|
||||
<p>Enter your email address and we'll send you an email with instructions to reset your password.</p>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
<input class="form-control" type="email" placeholder=" ">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block">Reset</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,104 @@
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="auth-logo">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal" alt="logo">
|
||||
</div>
|
||||
<h2 class="mb-2 text-center">Sign In</h2>
|
||||
<p class="text-center">To Keep connected with us please login with your personal info.</p>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
<input class="form-control" type="email" placeholder="admin@example.com">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input class="form-control" type="password" placeholder="********">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="custom-control custom-checkbox mb-3">
|
||||
<input type="checkbox" class="custom-control-input" id="customCheck1">
|
||||
<label class="custom-control-label" for="customCheck1">Remember Me</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<a href="auth-recoverpw.html" class="text-primary float-right">Forgot Password?</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span>Create an Account <a href="auth-sign-up.html" class="text-primary">Sign Up</a></span>
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,126 @@
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<section class="login-content">
|
||||
<div class="container h-100">
|
||||
<div class="row align-items-center justify-content-center h-100">
|
||||
<div class="col-md-5">
|
||||
<div class="card p-3">
|
||||
<div class="card-body">
|
||||
<div class="auth-logo">
|
||||
<img src="static/picture/logo.png" class="img-fluid rounded-normal darkmode-logo" alt="logo">
|
||||
<img src="static/picture/logo-dark.png" class="img-fluid rounded-normal light-logo" alt="logo">
|
||||
</div>
|
||||
<h3 class="mb-3 font-weight-bold text-center">Getting Started</h3>
|
||||
<p class="text-center text-secondary mb-4">Choose your social media to create account</p>
|
||||
<div class="social-btn d-flex justify-content-around align-items-center mb-4">
|
||||
<button class="btn btn-outline-light">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="88.428 12.828 107.543 207.085">
|
||||
<path d="M158.232 219.912v-94.461h31.707l4.747-36.813h-36.454V65.134c0-10.658 2.96-17.922 18.245-17.922l19.494-.009V14.278c-3.373-.447-14.944-1.449-28.406-1.449-28.106 0-47.348 17.155-47.348 48.661v27.149H88.428v36.813h31.788v94.461l38.016-.001z" fill="#3c5a9a"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="btn btn-outline-light">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 256 262" preserveaspectratio="xMidYMid">
|
||||
<path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" fill="#4285F4"></path>
|
||||
<path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" fill="#34A853"></path>
|
||||
<path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" fill="#FBBC05"></path>
|
||||
<path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" fill="#EB4335"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="btn btn-outline-light">
|
||||
<svg width="20" height="20" viewbox="328 355 335 276" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M 630, 425 A 195, 195 0 0 1 331, 600 A 142, 142 0 0 0 428, 570A 70, 70 0 0 1 370, 523A 70, 70 0 0 0 401, 521A 70, 70 0 0 1 344, 455A 70, 70 0 0 0 372, 460A 70, 70 0 0 1 354, 370A 195, 195 0 0 0 495, 442A 67, 67 0 0 1 611, 380A 117, 117 0 0 0 654, 363A 65, 65 0 0 1 623, 401A 117, 117 0 0 0 662, 390A 65, 65 0 0 1 630, 425Z" style="fill:#3BA9EE;"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<p class="line-around text-secondary mb-0"><span class="line-around-1">or register with email</span></p>
|
||||
</div>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label class="text-secondary">Email</label>
|
||||
<input class="form-control" type="email" placeholder="Enter Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 mt-2">
|
||||
<div class="form-group">
|
||||
<label class="text-secondary">Password</label>
|
||||
<input class="form-control" type="password" placeholder="Enter Password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 mt-2">
|
||||
<div class="form-check form-check-inline">
|
||||
<div class="custom-control custom-checkbox custom-control-inline mb-3">
|
||||
<input type="checkbox" class="custom-control-input m-0" id="inlineCheckbox1">
|
||||
<label class="custom-control-label pl-2" for="inlineCheckbox1">I agree to the <a href="terms-of-service.html">Terms of Service </a> and <a href="privacy-policy.html">Privacy Policy</a></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-block mt-2">Create Account</button>
|
||||
<div class="col-lg-12 mt-3">
|
||||
<p class="mb-0 text-center">Do you have an account? <a href="auth-login.html">Sign In</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,116 @@
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="iq-comingsoon pt-5">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-8 col-md-9 text-center">
|
||||
<div class="iq-comingsoon-info">
|
||||
<a href="index.html">
|
||||
<img src="static/picture/logo.png" class="img-fluid w-25 rounded-normal darkmode-logo" alt="logo">
|
||||
<img src="static/picture/logo-dark.png" class="img-fluid w-25 rounded-normal light-logo" alt="logo">
|
||||
</a>
|
||||
<h2 class="mt-4 mb-1">Stay tunned, we're launching very soon</h2>
|
||||
<p>We are working very hard to give you the best experience possible!</p>
|
||||
<ul class="countdown d-flex align-items-center list-inline row" data-date="Feb 02 2022 20:20:22">
|
||||
<li class="col-md-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<span data-days="">0</span>Days
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="col-md-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<span data-hours="">0</span>Hours
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="col-md-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<span data-minutes="">0</span>Minutes
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="col-md-6 col-lg-3">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<span data-seconds="">0</span>Seconds
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6 col-xl-4 col-md-7">
|
||||
<form class="iq-comingsoon-form mt-5">
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control comming mb-0" id="exampleInputEmail1" placeholder="Enter email address">
|
||||
<button type="submit" class="btn btn-primary">Subscribe</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
<script src="static/js/countdown.js"></script>
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> <script src="static/js/countdown.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,72 @@
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
<div class="row no-gutters height-self-center">
|
||||
<div class="col-sm-12 text-center align-self-center">
|
||||
<div class="iq-error position-relative">
|
||||
<img src="static/picture/Datum_500.png" class="img-fluid iq-error-img iq-error-img-dark mx-auto" alt="">
|
||||
<img src="static/picture/Datum_500.png" class="img-fluid iq-error-img mb-0" alt="">
|
||||
<h2 class="mb-0">Oops! This Page is Not Working.</h2>
|
||||
<p>The requested is Internal Server Error.</p>
|
||||
<a class="btn btn-primary d-inline-flex align-items-center mt-3" href="index.html"><i class="ri-home-4-line mr-2"></i>Back to Home</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
@@ -0,0 +1,71 @@
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="container">
|
||||
<div class="row no-gutters height-self-center">
|
||||
<div class="col-sm-12 text-center align-self-center">
|
||||
<div class="iq-error position-relative">
|
||||
<img src="static/picture/Datum_404.png" class="img-fluid iq-error-img iq-error-img-dark mx-auto" alt="">
|
||||
<img src="static/picture/Datum_404.png" class="img-fluid iq-error-img mb-0" alt="">
|
||||
<h2 class="mb-0">Oops! This Page is Not Found.</h2>
|
||||
<p>The requested page dose not exist.</p>
|
||||
<a class="btn btn-primary d-inline-flex align-items-center mt-3" href="index.html"><i class="ri-home-4-line mr-2"></i>Back to Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,72 @@
|
||||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Datum | CRM Admin Dashboard Template</title>
|
||||
|
||||
<link rel="stylesheet" href="static/css/backend-plugin.min.css">
|
||||
<link rel="stylesheet" href="static/css/backend.css"> </head>
|
||||
<body class=" ">
|
||||
<!-- loader Start -->
|
||||
<div id="loading">
|
||||
<div id="loading-center">
|
||||
</div>
|
||||
</div>
|
||||
<!-- loader END -->
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="mt-5 iq-maintenance">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-sm-12 text-center">
|
||||
<div class="iq-maintenance">
|
||||
<img src="static/picture/maintenance.png" class="img-fluid" alt="">
|
||||
<h3 class="mt-4 mb-2">Site Currently Under Maintenance</h3>
|
||||
<p class="mb-2">Please check back in sometime.</p>
|
||||
<p>Contact with <a href="#"><span class="__cf_email__" data-cfemail="4e2a3b2323370e2b362f233e222b602d2123">[email protected]</span></a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Backend Bundle JavaScript -->
|
||||
<script data-cfasync="false" src="https://www.17sucai.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="static/js/backend-bundle.min.js"></script>
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/customizer.js"></script>
|
||||
|
||||
<script src="static/js/sidebar.js"></script>
|
||||
|
||||
<!-- Flextree Javascript-->
|
||||
<script src="static/js/flex-tree.min.js"></script>
|
||||
<script src="static/js/tree.js"></script>
|
||||
|
||||
<!-- Table Treeview JavaScript -->
|
||||
<script src="static/js/table-treeview.js"></script>
|
||||
|
||||
<!-- SweetAlert JavaScript -->
|
||||
<script src="static/js/sweetalert.js"></script>
|
||||
|
||||
<!-- Vectoe Map JavaScript -->
|
||||
<script src="static/js/vector-map-custom.js"></script>
|
||||
|
||||
<!-- Chart Custom JavaScript -->
|
||||
<script src="static/js/chart-custom.js"></script>
|
||||
<script src="static/js/01.js"></script>
|
||||
<script src="static/js/02.js"></script>
|
||||
|
||||
<!-- slider JavaScript -->
|
||||
<script src="static/js/slider.js"></script>
|
||||
|
||||
<!-- Emoji picker -->
|
||||
<script src="static/js/index.js" type="module"></script>
|
||||
|
||||
|
||||
<!-- app JavaScript -->
|
||||
<script src="static/js/app.js"></script> </body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+10
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,54 @@
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'DM Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../font/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'DM Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../font/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'DM Sans';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../font/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'DM Sans';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../font/rP2Cp2ywxg089UriAWCrCBimCw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'DM Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../font/rP2Cp2ywxg089UriASitCBamC2QX.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'DM Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../font/rP2Cp2ywxg089UriASitCBimCw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,78 @@
|
||||
/* DayGridView
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* day row structure */
|
||||
.fc-dayGridWeek-view .fc-content-skeleton,
|
||||
.fc-dayGridDay-view .fc-content-skeleton {
|
||||
/* there may be week numbers in these views, so no padding-top */
|
||||
padding-bottom: 1em;
|
||||
/* ensure a space at bottom of cell for user selecting/clicking */
|
||||
}
|
||||
|
||||
.fc-dayGrid-view .fc-body .fc-row {
|
||||
min-height: 4em;
|
||||
/* ensure that all rows are at least this tall */
|
||||
}
|
||||
|
||||
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
|
||||
.fc-row.fc-rigid {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-row.fc-rigid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* week and day number styling */
|
||||
.fc-day-top.fc-other-month {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view .fc-week-number,
|
||||
.fc-dayGrid-view .fc-day-number {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view th.fc-week-number,
|
||||
.fc-dayGrid-view th.fc-day-number {
|
||||
padding: 0 2px;
|
||||
/* column headers can't have as much v space */
|
||||
}
|
||||
|
||||
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
float: left;
|
||||
border-radius: 0 0 3px 0;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
float: right;
|
||||
border-radius: 0 0 0 3px;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view .fc-day-top .fc-week-number {
|
||||
min-width: 1.5em;
|
||||
text-align: center;
|
||||
background-color: #f2f2f2;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/* when week/day number have own column */
|
||||
.fc-dayGrid-view td.fc-week-number {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-dayGrid-view td.fc-week-number > * {
|
||||
/* work around the way we do column resizing and ensure a minimum width */
|
||||
display: inline-block;
|
||||
min-width: 1.25em;
|
||||
}
|
||||
@@ -0,0 +1,309 @@
|
||||
|
||||
/* TimeGridView all-day area
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-timeGrid-view .fc-day-grid {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
/* so the "more.." popover will be over the time grid */
|
||||
}
|
||||
|
||||
.fc-timeGrid-view .fc-day-grid .fc-row {
|
||||
min-height: 3em;
|
||||
/* all-day section will never get shorter than this */
|
||||
}
|
||||
|
||||
.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
|
||||
padding-bottom: 1em;
|
||||
/* give space underneath events for clicking/selecting days */
|
||||
}
|
||||
|
||||
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc .fc-axis {
|
||||
/* .fc to overcome default cell styles */
|
||||
vertical-align: middle;
|
||||
padding: 0 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-axis {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-axis {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* TimeGrid Structure
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid-container,
|
||||
.fc-time-grid {
|
||||
/* so slats/bg/content/etc positions get scoped within here */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fc-time-grid {
|
||||
min-height: 100%;
|
||||
/* so if height setting is 'auto', .fc-bg stretches to fill height */
|
||||
}
|
||||
|
||||
.fc-time-grid table {
|
||||
/* don't put outer borders on slats/bg/content/etc */
|
||||
border: 0 hidden transparent;
|
||||
}
|
||||
|
||||
.fc-time-grid > .fc-bg {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-slats,
|
||||
.fc-time-grid > hr {
|
||||
/* the <hr> TimeGridView injects when grid is shorter than scroller */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-content-col {
|
||||
position: relative;
|
||||
/* because now-indicator lives directly inside */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-content-skeleton {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* divs within a cell within the fc-content-skeleton */
|
||||
.fc-time-grid .fc-business-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-bgevent-container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-highlight-container {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-event-container {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-now-indicator-line {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-mirror-container {
|
||||
/* also is fc-event-container */
|
||||
position: relative;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
/* TimeGrid Slats (lines that run horizontally)
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid .fc-slats td {
|
||||
height: 1.5em;
|
||||
border-bottom: 0;
|
||||
/* each cell is responsible for its top border */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-slats .fc-minor td {
|
||||
border-top-style: dotted;
|
||||
}
|
||||
|
||||
/* TimeGrid Highlighting Slots
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid .fc-highlight-container {
|
||||
/* a div within a cell within the fc-highlight-skeleton */
|
||||
position: relative;
|
||||
/* scopes the left/right of the fc-highlight to be in the column */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-highlight {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* top and bottom will be in by JS */
|
||||
}
|
||||
|
||||
/* TimeGrid Event Containment
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-ltr .fc-time-grid .fc-event-container {
|
||||
/* space on the sides of events for LTR (default) */
|
||||
margin: 0 2.5% 0 2px;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-time-grid .fc-event-container {
|
||||
/* space on the sides of events for RTL */
|
||||
margin: 0 2px 0 2.5%;
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-event,
|
||||
.fc-time-grid .fc-bgevent {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/* scope inner z-index's */
|
||||
}
|
||||
|
||||
.fc-time-grid .fc-bgevent {
|
||||
/* background events always span full width */
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* TimeGrid Event Styling
|
||||
----------------------------------------------------------------------------------------------------
|
||||
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
|
||||
be a descendant of the grid when it is being dragged.
|
||||
*/
|
||||
.fc-time-grid-event {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.fc-time-grid-event-inset {
|
||||
-webkit-box-shadow: 0px 0px 0px 1px #fff;
|
||||
box-shadow: 0px 0px 0px 1px #fff;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-not-start {
|
||||
/* events that are continuing from another day */
|
||||
/* replace space made by the top border with padding */
|
||||
border-top-width: 0;
|
||||
padding-top: 1px;
|
||||
/* remove top rounded corners */
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-not-end {
|
||||
/* replace space made by the top border with padding */
|
||||
border-bottom-width: 0;
|
||||
padding-bottom: 1px;
|
||||
/* remove bottom rounded corners */
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.fc-time-grid-event .fc-content {
|
||||
overflow: hidden;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.fc-time-grid-event .fc-time,
|
||||
.fc-time-grid-event .fc-title {
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.fc-time-grid-event .fc-time {
|
||||
font-size: 0.85em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* short mode, where time and title are on the same line */
|
||||
.fc-time-grid-event.fc-short .fc-content {
|
||||
/* don't wrap to second line (now that contents will be inline) */
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time,
|
||||
.fc-time-grid-event.fc-short .fc-title {
|
||||
/* put the time and title on the same line */
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time span {
|
||||
display: none;
|
||||
/* don't display the full time text... */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time:before {
|
||||
content: attr(data-start);
|
||||
/* ...instead, display only the start time */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-time:after {
|
||||
content: " - ";
|
||||
/* seperate with a dash, wrapped in nbsp's */
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-short .fc-title {
|
||||
font-size: 0.85em;
|
||||
/* make the title text the same size as the time */
|
||||
padding: 0;
|
||||
/* undo padding from above */
|
||||
}
|
||||
|
||||
/* resizer (cursor device) */
|
||||
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
line-height: 8px;
|
||||
font-size: 11px;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
|
||||
content: "=";
|
||||
}
|
||||
|
||||
/* resizer (touch device) */
|
||||
.fc-time-grid-event.fc-selected .fc-resizer {
|
||||
/* 10x10 dot */
|
||||
border-radius: 5px;
|
||||
border-width: 1px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
background: #fff;
|
||||
/* horizontally center */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
/* center on the bottom edge */
|
||||
bottom: -5px;
|
||||
}
|
||||
|
||||
/* Now Indicator
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
.fc-time-grid .fc-now-indicator-line {
|
||||
border-top-width: 1px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* arrow on axis */
|
||||
.fc-time-grid .fc-now-indicator-arrow {
|
||||
margin-top: -5px;
|
||||
/* vertically center on top coordinate */
|
||||
}
|
||||
|
||||
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
|
||||
left: 0;
|
||||
/* triangle pointing right... */
|
||||
border-width: 5px 0 5px 6px;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
|
||||
right: 0;
|
||||
/* triangle pointing left... */
|
||||
border-width: 5px 6px 5px 0;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/* List View
|
||||
--------------------------------------------------------------------------------------------------*/
|
||||
/* possibly reusable */
|
||||
.fc-event-dot {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* view wrapper */
|
||||
.fc-rtl .fc-list-view {
|
||||
direction: rtl;
|
||||
/* unlike core views, leverage browser RTL */
|
||||
}
|
||||
|
||||
.fc-list-view {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* table resets */
|
||||
.fc .fc-list-table {
|
||||
table-layout: auto;
|
||||
/* for shrinkwrapping cell content */
|
||||
}
|
||||
|
||||
.fc-list-table td {
|
||||
border-width: 1px 0 0;
|
||||
padding: 8px 14px;
|
||||
}
|
||||
|
||||
.fc-list-table tr:first-child td {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
/* day headings with the list */
|
||||
.fc-list-heading {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.fc-list-heading td {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-list-heading-main {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-ltr .fc-list-heading-alt {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-list-heading-main {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-list-heading-alt {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* event list items */
|
||||
.fc-list-item.fc-has-url {
|
||||
cursor: pointer;
|
||||
/* whole row will be clickable */
|
||||
}
|
||||
|
||||
.fc-list-item-marker,
|
||||
.fc-list-item-time {
|
||||
white-space: nowrap;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/* make the dot closer to the event title */
|
||||
.fc-ltr .fc-list-item-marker {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-list-item-marker {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.fc-list-item-title a {
|
||||
/* every event title cell has an <a> tag */
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fc-list-item-title a[href]:hover {
|
||||
/* hover effect only on titles with hrefs */
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* message when no events */
|
||||
.fc-list-empty-wrap2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.fc-list-empty-wrap1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.fc-list-empty {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-unthemed .fc-list-empty {
|
||||
/* theme will provide own background */
|
||||
background-color: #eee;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
File diff suppressed because one or more lines are too long
@@ -0,0 +1,215 @@
|
||||
(function(jQuery) {
|
||||
|
||||
"use strict";
|
||||
// for apexchart
|
||||
function apexChartUpdate(chart, detail) {
|
||||
let color = getComputedStyle(document.documentElement).getPropertyValue('--dark');
|
||||
if (detail.dark) {
|
||||
color = getComputedStyle(document.documentElement).getPropertyValue('--white');
|
||||
}
|
||||
chart.updateOptions({
|
||||
chart: {
|
||||
foreColor: color
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (jQuery("#hospital-chart-02").length) var donut = new Morris.Donut({
|
||||
element: "hospital-chart-02",
|
||||
resize: !0,
|
||||
colors: ["#4788ff", "#4fd69c", "#37d5f2", "#f75676"],
|
||||
data: [
|
||||
{
|
||||
label: "New Patient",
|
||||
value: 40
|
||||
},
|
||||
{
|
||||
label: "Exit Patient",
|
||||
value: 12
|
||||
},
|
||||
{
|
||||
label: "ICU Patient",
|
||||
value: 20
|
||||
},
|
||||
{
|
||||
label: "Discharge Patient",
|
||||
value: 33
|
||||
}
|
||||
],
|
||||
hideHover: "auto"
|
||||
});
|
||||
|
||||
if (jQuery("#hospital-chart-03").length) {
|
||||
const options = {
|
||||
series: [{
|
||||
name: 'Operation',
|
||||
data: [44, 25, 10, 60, 50, 25, 40, 20]
|
||||
}, {
|
||||
name: 'Visitors',
|
||||
data: [25, 38, 70, 0, 30, 15, 30, 30]
|
||||
}],
|
||||
colors: ['#4788ff', '#4fd69c'],
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: 340,
|
||||
stacked: true,
|
||||
zoom: {
|
||||
enabled: true
|
||||
}
|
||||
},
|
||||
responsive: [{
|
||||
breakpoint: 580,
|
||||
options: {
|
||||
legend: {
|
||||
position: 'bottom',
|
||||
offsetX: -30,
|
||||
offsetY: 0,
|
||||
}
|
||||
}
|
||||
}],
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
borderRadius: 4
|
||||
},
|
||||
},
|
||||
xaxis: {
|
||||
type: 'category',
|
||||
categories: ['India', 'Canada', 'U.S.A', 'Africa', 'London ', 'Europe ','Dubai','Kuvet'],
|
||||
},
|
||||
yaxis: {
|
||||
labels: {
|
||||
offsetY: 0,
|
||||
minWidth: 20,
|
||||
maxWidth: 20,
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
position: 'top',
|
||||
offsetX: -35
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
}
|
||||
};
|
||||
|
||||
const chart = new ApexCharts(document.querySelector("#hospital-chart-03"), options);
|
||||
chart.render();
|
||||
const body = document.querySelector('body')
|
||||
if (body.classList.contains('dark')) {
|
||||
apexChartUpdate(chart, {
|
||||
dark: true
|
||||
})
|
||||
}
|
||||
|
||||
document.addEventListener('ChangeColorMode', function (e) {
|
||||
apexChartUpdate(chart, e.detail)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
if (jQuery("#dash-chart-04").length) {
|
||||
const options = {
|
||||
series: [{
|
||||
name: 'Success',
|
||||
data: [110, 85, 87, 40, 45, 20, 91, 45, 94, 88]
|
||||
}, {
|
||||
name: 'Failed',
|
||||
data: [40, 55, 35, 30, 75, 80, 63, 45, 66, 115]
|
||||
}],
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: 280
|
||||
},
|
||||
colors: ['#4788ff', '#f75676'],
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
borderRadius: 4
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
position: 'bottom',
|
||||
offsetX: 35
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
show: true,
|
||||
width: 2,
|
||||
colors: ['transparent']
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
|
||||
},
|
||||
yaxis: {
|
||||
title: {
|
||||
text: '$ (thousands)'
|
||||
},
|
||||
labels: {
|
||||
offsetY: 0,
|
||||
minWidth: 20,
|
||||
maxWidth: 20,
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
y: {
|
||||
formatter: function (val) {
|
||||
return "$ " + val + " thousands"
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const chart = new ApexCharts(document.querySelector("#dash-chart-04"), options);
|
||||
chart.render();
|
||||
const body = document.querySelector('body')
|
||||
if (body.classList.contains('dark')) {
|
||||
apexChartUpdate(chart, {
|
||||
dark: true
|
||||
})
|
||||
}
|
||||
|
||||
document.addEventListener('ChangeColorMode', function (e) {
|
||||
apexChartUpdate(chart, e.detail)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
if (jQuery("#hospital-chart-05").length) {
|
||||
var options = {
|
||||
series: [22, 83, 10, 30],
|
||||
colors: ['#f75676', '#4fd69c', '#37d5f2', '#4788ff'],
|
||||
chart: {
|
||||
height: 290,
|
||||
type: 'pie',
|
||||
},
|
||||
legend: {
|
||||
position: 'bottom',
|
||||
offsetX: 0
|
||||
},
|
||||
labels: ['Cancelled', 'Completed', 'Pending', 'Upcoming'],
|
||||
|
||||
};
|
||||
var chart = new ApexCharts(document.querySelector("#hospital-chart-05"), options);
|
||||
chart.render();
|
||||
const body = document.querySelector('body')
|
||||
if (body.classList.contains('dark')) {
|
||||
apexChartUpdate(chart, {
|
||||
dark: true
|
||||
})
|
||||
}
|
||||
|
||||
document.addEventListener('ChangeColorMode', function (e) {
|
||||
apexChartUpdate(chart, e.detail)
|
||||
})
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,600 @@
|
||||
/*
|
||||
Template: Datum - Responsive Bootstrap 4 Admin Dashboard Template
|
||||
Author: iqonic.design
|
||||
Design and Developed by: iqonic.design
|
||||
NOTE: This file contains the styling for responsive Template.
|
||||
*/
|
||||
|
||||
/*----------------------------------------------
|
||||
Index Of Script
|
||||
------------------------------------------------
|
||||
|
||||
:: Tooltip
|
||||
:: Fixed Nav
|
||||
:: Magnific Popup
|
||||
:: Ripple Effect
|
||||
:: Sidebar Widget
|
||||
:: FullScreen
|
||||
:: Page Loader
|
||||
:: Counter
|
||||
:: Progress Bar
|
||||
:: Page Menu
|
||||
:: Close navbar Toggle
|
||||
:: Mailbox
|
||||
:: chatuser
|
||||
:: chatuser main
|
||||
:: Chat start
|
||||
:: todo Page
|
||||
:: user toggle
|
||||
:: Data tables
|
||||
:: Form Validation
|
||||
:: Active Class for Pricing Table
|
||||
:: Flatpicker
|
||||
:: Scrollbar
|
||||
:: checkout
|
||||
:: Datatables
|
||||
:: image-upload
|
||||
:: video
|
||||
:: dark mode
|
||||
:: Button
|
||||
:: Pricing tab
|
||||
:: SVG Animation
|
||||
:: Date Picker
|
||||
:: Choies.js
|
||||
------------------------------------------------
|
||||
Index Of Script
|
||||
----------------------------------------------*/
|
||||
|
||||
(function(jQuery) {
|
||||
|
||||
|
||||
|
||||
"use strict";
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Tooltip
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery('[data-toggle="popover"]').popover();
|
||||
jQuery('[data-toggle="tooltip"]').tooltip();
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Fixed Nav
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
$(window).on('scroll', function () {
|
||||
if ($(window).scrollTop() > 0) {
|
||||
$('.iq-top-navbar').addClass('fixed');
|
||||
} else {
|
||||
$('.iq-top-navbar').removeClass('fixed');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('scroll', function () {
|
||||
if ($(window).scrollTop() > 0) {
|
||||
$('.white-bg-menu').addClass('sticky-menu');
|
||||
} else {
|
||||
$('.white-bg-menu').removeClass('sticky-menu');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Sidebar Widget
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
jQuery(document).on("click", '.side-menu > li > a', function() {
|
||||
jQuery('.side-menu > li > a').parent().removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
// Active menu
|
||||
var parents = jQuery('li.active').parents('.submenu.collapse');
|
||||
|
||||
parents.addClass('show');
|
||||
|
||||
|
||||
parents.parents('li').addClass('active');
|
||||
jQuery('li.active > a[aria-expanded="false"]').attr('aria-expanded', 'true');
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
FullScreen
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery(document).on('click', '.full-screen', function() {
|
||||
let elem = jQuery(this);
|
||||
elem.find('i').addClass('d-none');
|
||||
elem.find('i').addClass('d-none');
|
||||
if (!document.fullscreenElement &&
|
||||
!document.mozFullScreenElement && // Mozilla
|
||||
!document.webkitFullscreenElement && // Webkit-Browser
|
||||
!document.msFullscreenElement) { // MS IE ab version 11
|
||||
elem.find('.min').removeClass('d-none');
|
||||
if (document.documentElement.requestFullscreen) {
|
||||
document.documentElement.requestFullscreen();
|
||||
} else if (document.documentElement.mozRequestFullScreen) {
|
||||
document.documentElement.mozRequestFullScreen();
|
||||
} else if (document.documentElement.webkitRequestFullscreen) {
|
||||
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
|
||||
} else if (document.documentElement.msRequestFullscreen) {
|
||||
document.documentElement.msRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
|
||||
}
|
||||
} else {
|
||||
elem.find('.max').removeClass('d-none');
|
||||
if (document.cancelFullScreen) {
|
||||
document.cancelFullScreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitCancelFullScreen) {
|
||||
document.webkitCancelFullScreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Page Loader
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery("#load").fadeOut();
|
||||
jQuery("#loading").delay().fadeOut("");
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Counter
|
||||
-----------------------------------------------------------------------*/
|
||||
if (window.counterUp !== undefined) {
|
||||
const counterUp = window.counterUp["default"]
|
||||
const $counters = $(".counter");
|
||||
$counters.each(function (ignore, counter) {
|
||||
var waypoint = new Waypoint( {
|
||||
element: $(this),
|
||||
handler: function() {
|
||||
counterUp(counter, {
|
||||
duration: 1000,
|
||||
delay: 10
|
||||
});
|
||||
this.destroy();
|
||||
},
|
||||
offset: 'bottom-in-view',
|
||||
} );
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Progress Bar
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery('.iq-progress-bar > span').each(function() {
|
||||
let progressBar = jQuery(this);
|
||||
let width = jQuery(this).data('percent');
|
||||
progressBar.css({
|
||||
'transition': 'width 2s'
|
||||
});
|
||||
setTimeout(function() {
|
||||
progressBar.css('width', width + '%');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
jQuery('.progress-bar-vertical > span').each(function () {
|
||||
let progressBar = jQuery(this);
|
||||
let height = jQuery(this).data('percent');
|
||||
progressBar.css({
|
||||
'transition': 'height 2s'
|
||||
});
|
||||
setTimeout(function () {
|
||||
progressBar.css('height', height + '%');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Page Menu
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery(document).on('click', '.wrapper-menu', function() {
|
||||
jQuery(this).toggleClass('open');
|
||||
});
|
||||
|
||||
jQuery(document).on('click', ".wrapper-menu", function() {
|
||||
jQuery("body").toggleClass("sidebar-main");
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Close navbar Toggle
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
jQuery('.close-toggle').on('click', function () {
|
||||
jQuery('.h-collapse.navbar-collapse').collapse('hide');
|
||||
});
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
user toggle
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery(document).on('click', '.user-toggle', function() {
|
||||
jQuery(this).parent().addClass('show-data');
|
||||
});
|
||||
|
||||
jQuery(document).on('click', ".close-data", function() {
|
||||
jQuery('.user-toggle').parent().removeClass('show-data');
|
||||
});
|
||||
jQuery(document).on("click", function(event){
|
||||
var $trigger = jQuery(".user-toggle");
|
||||
if($trigger !== event.target && !$trigger.has(event.target).length){
|
||||
jQuery(".user-toggle").parent().removeClass('show-data');
|
||||
}
|
||||
});
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Data tables
|
||||
-----------------------------------------------------------------------*/
|
||||
if($.fn.DataTable){
|
||||
const table = $('.data-table').DataTable();
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Form Validation
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
// Example starter JavaScript for disabling form submissions if there are invalid fields
|
||||
window.addEventListener('load', function() {
|
||||
// Fetch all the forms we want to apply custom Bootstrap validation styles to
|
||||
var forms = document.getElementsByClassName('needs-validation');
|
||||
// Loop over them and prevent submission
|
||||
var validation = Array.prototype.filter.call(forms, function(form) {
|
||||
form.addEventListener('submit', function(event) {
|
||||
if (form.checkValidity() === false) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
}
|
||||
form.classList.add('was-validated');
|
||||
}, false);
|
||||
});
|
||||
}, false);
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Active Class for Pricing Table
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery("#my-table tr th").click(function () {
|
||||
jQuery('#my-table tr th').children().removeClass('active');
|
||||
jQuery(this).children().addClass('active');
|
||||
jQuery("#my-table td").each(function () {
|
||||
if (jQuery(this).hasClass('active')) {
|
||||
jQuery(this).removeClass('active')
|
||||
}
|
||||
});
|
||||
var col = jQuery(this).index();
|
||||
jQuery("#my-table tr td:nth-child(" + parseInt(col + 1) + ")").addClass('active');
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Scrollbar
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
jQuery('.data-scrollbar').each(function () {
|
||||
var attr = $(this).attr('data-scroll');
|
||||
if (typeof attr !== typeof undefined && attr !== false){
|
||||
let Scrollbar = window.Scrollbar;
|
||||
var a = jQuery(this).data('scroll');
|
||||
Scrollbar.init(document.querySelector('div[data-scroll= "' + a + '"]'));
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
image-upload
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
$('.form_gallery-upload').on('change', function() {
|
||||
var length = $(this).get(0).files.length;
|
||||
var galleryLabel = $(this).attr('data-name');
|
||||
|
||||
if( length > 1 ){
|
||||
$(galleryLabel).text(length + " files selected");
|
||||
} else {
|
||||
$(galleryLabel).text($(this)[0].files[0].name);
|
||||
}
|
||||
});
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
video
|
||||
-----------------------------------------------------------------------*/
|
||||
$(document).ready(function(){
|
||||
$('.form_video-upload input').change(function () {
|
||||
$('.form_video-upload p').text(this.files.length + " file(s) selected");
|
||||
});
|
||||
});
|
||||
/*---------------------------------------------------------------------
|
||||
dark mode
|
||||
-----------------------------------------------------------------------*/
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const mode = urlParams.get('dark');
|
||||
if (mode !== null) {
|
||||
$('body').removeClass('sidebar-dark', 'sidebar-light')
|
||||
switch (mode) {
|
||||
case "true":
|
||||
$('body').addClass('dark')
|
||||
break;
|
||||
case "false":
|
||||
$('body').removeClass('sidebar-dark', 'sidebar-light')
|
||||
break;
|
||||
default:
|
||||
$('body').removeClass('sidebar-dark').removeClass('sidebar-light')
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Button
|
||||
-----------------------------------------------------------------------*/
|
||||
|
||||
jQuery('.qty-btn').on('click',function(){
|
||||
var id = jQuery(this).attr('id');
|
||||
|
||||
var val = parseInt(jQuery('#quantity').val());
|
||||
|
||||
if(id == 'btn-minus')
|
||||
{
|
||||
if(val != 0)
|
||||
{
|
||||
jQuery('#quantity').val(val-1);
|
||||
}
|
||||
else
|
||||
{
|
||||
jQuery('#quantity').val(0);
|
||||
}
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
jQuery('#quantity').val(val+1);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).on('click', '[data-toggel-extra="side-nav"]', function () {
|
||||
const pannel = $(this).attr('data-expand-extra')
|
||||
$(pannel).addClass('active')
|
||||
})
|
||||
|
||||
$(document).on('click', '[data-toggel-extra="side-nav-close"]', function () {
|
||||
const pannel = $(this).attr('data-expand-extra')
|
||||
$(pannel).removeClass('active')
|
||||
})
|
||||
|
||||
$(document).on('click', '[data-toggel-extra="right-sidenav"]', function () {
|
||||
const target = $(this).data('target')
|
||||
$(target).addClass('active')
|
||||
})
|
||||
|
||||
$(document).on('click', '[data-extra-dismiss="right-sidenav"]', function () {
|
||||
$(this).closest('.right-sidenav').removeClass('active')
|
||||
})
|
||||
|
||||
$(document).on('click', '[data-toggle="end-call"]', function(){
|
||||
$(this).closest('.tab-pane').removeClass('active').removeClass('show')
|
||||
$($(this).attr('data-target')).tab('show')
|
||||
$('.chat-action').find('[data-toggle="tab"]').removeClass('active')
|
||||
})
|
||||
|
||||
$(document).on('click', '[data-toggle-extra="tab"]', function () {
|
||||
const target = $(this).attr('data-target-extra')
|
||||
$('[data-toggle-extra="tab-content"]').removeClass('active')
|
||||
$(target).addClass('active')
|
||||
$(this).parent().find('.active').removeClass('active')
|
||||
$(this).addClass('active')
|
||||
})
|
||||
|
||||
$('emoji-picker').on('emoji-click', function(e){
|
||||
$(e.target.dataset.targetInput).val($(e.target.dataset.targetInput).val()+e.detail.unicode)
|
||||
})
|
||||
|
||||
$('.dropdown-menu').on('click', function(event){
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
var board = $('.draggable-item');
|
||||
|
||||
var selector = [];
|
||||
if(board.length > 0 )
|
||||
{
|
||||
for(var i = 0 ; i < board.length ; i++) {
|
||||
selector.push(document.querySelector('#draggable-item-'+i));
|
||||
selector.push(document.querySelector('#list-draggable-item-'+i));
|
||||
}
|
||||
}
|
||||
dragula( selector ).on('drop', function(el) {
|
||||
$(el).addClass(' animate__animated animate__rubberBand')
|
||||
setTimeout(function () {
|
||||
$(el).removeClass(' animate__animated animate__rubberBand')
|
||||
}, 1000)
|
||||
});
|
||||
|
||||
// calender 1 js
|
||||
var calendar1;
|
||||
if (jQuery('#calendar1').length) {
|
||||
var calendarEl = document.getElementById('calendar1');
|
||||
|
||||
calendar1 = new FullCalendar.Calendar(calendarEl, {
|
||||
selectable: true,
|
||||
plugins: ["timeGrid", "dayGrid", "list", "interaction"],
|
||||
timeZone: "UTC",
|
||||
defaultView: "dayGridMonth",
|
||||
contentHeight: "auto",
|
||||
eventLimit: true,
|
||||
dayMaxEvents: 4,
|
||||
header: {
|
||||
left: "prev,next today",
|
||||
center: "title",
|
||||
right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek"
|
||||
},
|
||||
dateClick: function (info) {
|
||||
$('#schedule-start-date').val(info.dateStr)
|
||||
$('#schedule-end-date').val(info.dateStr)
|
||||
$('#date-event').modal('show')
|
||||
},
|
||||
events: [
|
||||
{
|
||||
title: 'Click for Google',
|
||||
url: 'http://google.com/',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-20, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#4731b6'
|
||||
},
|
||||
{
|
||||
title: 'All Day Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-18, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#465af7'
|
||||
},
|
||||
{
|
||||
title: 'Long Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-16, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
end: moment(new Date(), 'YYYY-MM-DD').add(-13, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#7858d7'
|
||||
},
|
||||
{
|
||||
groupId: '999',
|
||||
title: 'Repeating Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-14, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#465af7'
|
||||
},
|
||||
{
|
||||
groupId: '999',
|
||||
title: 'Repeating Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-12, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#5baa73'
|
||||
},
|
||||
{
|
||||
groupId: '999',
|
||||
title: 'Repeating Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-10, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#01041b'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-8, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#4731b6'
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-6, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#15ca92'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-5, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#f4a965'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(-2, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#ea643f'
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#15ca92'
|
||||
},
|
||||
{
|
||||
title: 'Click for Google',
|
||||
url: 'http://google.com/',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T06:30:00.000Z',
|
||||
color: '#4731b6'
|
||||
},
|
||||
{
|
||||
groupId: '999',
|
||||
title: 'Repeating Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T07:30:00.000Z',
|
||||
color: '#5baa73'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T08:30:00.000Z',
|
||||
color: '#f4a965'
|
||||
},
|
||||
{
|
||||
title: 'Doctor Meeting',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(0, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#f4a965'
|
||||
},
|
||||
{
|
||||
title: 'All Day Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(1, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#465af7'
|
||||
},
|
||||
{
|
||||
groupId: '999',
|
||||
title: 'Repeating Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(8, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#465af7'
|
||||
},
|
||||
{
|
||||
groupId: '999',
|
||||
title: 'Repeating Event',
|
||||
start: moment(new Date(), 'YYYY-MM-DD').add(10, 'days').format('YYYY-MM-DD') + 'T05:30:00.000Z',
|
||||
color: '#5baa73'
|
||||
}
|
||||
]
|
||||
});
|
||||
calendar1.render();
|
||||
|
||||
$(document).on("submit", "#submit-schedule", function (e) {
|
||||
e.preventDefault()
|
||||
const title = $(this).find('#schedule-title').val()
|
||||
const startDate = moment(new Date($(this).find('#schedule-start-date').val()), 'YYYY-MM-DD').format('YYYY-MM-DD') + 'T05:30:00.000Z'
|
||||
const endDate = moment(new Date($(this).find('#schedule-end-date').val()), 'YYYY-MM-DD').format('YYYY-MM-DD') + 'T05:30:00.000Z'
|
||||
const color = $(this).find('#schedule-color').val()
|
||||
const event = {
|
||||
title: title,
|
||||
start: startDate || '2020-12-22T02:30:00',
|
||||
end: endDate || '2020-12-12T14:30:00',
|
||||
color: color || '#7858d7'
|
||||
}
|
||||
$(this).closest('#date-event').modal('hide')
|
||||
calendar1.addEvent(event)
|
||||
})
|
||||
}
|
||||
|
||||
const progressBar = document.getElementsByClassName('circle-progress')
|
||||
Array.from(progressBar, (elem) => {
|
||||
const minValue = elem.getAttribute('data-min-value')
|
||||
const maxValue = elem.getAttribute('data-max-value')
|
||||
const value = elem.getAttribute('data-value')
|
||||
const type = elem.getAttribute('data-type')
|
||||
if (elem.getAttribute('id') !== '' && elem.getAttribute('id') !== null) {
|
||||
new CircleProgress('#'+elem.getAttribute('id'), {
|
||||
min: minValue,
|
||||
max: maxValue,
|
||||
value: value,
|
||||
textFormat: type,
|
||||
});
|
||||
}
|
||||
})
|
||||
/*---------------------------------------------------------------------
|
||||
Vanila Datepicker
|
||||
-----------------------------------------------------------------------*/
|
||||
const datepickers = document.querySelectorAll('.vanila-datepicker')
|
||||
Array.from(datepickers, (elem) => {
|
||||
new Datepicker(elem)
|
||||
})
|
||||
const daterangePickers = document.querySelectorAll('.vanila-daterangepicker')
|
||||
Array.from(daterangePickers, (elem) => {
|
||||
new DateRangePicker(elem)
|
||||
})
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Choies.js
|
||||
-----------------------------------------------------------------------*/
|
||||
const choies = document.querySelectorAll('.choicesjs')
|
||||
Array.from(choies,(elem) => {
|
||||
new Choices(elem, {
|
||||
removeItemButton: true,
|
||||
})
|
||||
})
|
||||
})(jQuery);
|
||||
+126
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,46 @@
|
||||
function getTimeRemaining(endtime) {
|
||||
const total = Date.parse(endtime) - Date.parse(new Date());
|
||||
const seconds = Math.floor((total / 1000) % 60);
|
||||
const minutes = Math.floor((total / 1000 / 60) % 60);
|
||||
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
|
||||
const days = Math.floor(total / (1000 * 60 * 60 * 24));
|
||||
|
||||
return {
|
||||
total,
|
||||
days,
|
||||
hours,
|
||||
minutes,
|
||||
seconds
|
||||
};
|
||||
}
|
||||
|
||||
function initializeClock(elem, endtime) {
|
||||
const clock = document.querySelector(elem)
|
||||
const daysSpan = clock.querySelector('[data-days]')
|
||||
const hoursSpan = clock.querySelector('[data-hours]')
|
||||
const minutesSpan = clock.querySelector('[data-minutes]')
|
||||
const secondsSpan = clock.querySelector('[data-seconds]')
|
||||
|
||||
function updateClock() {
|
||||
const t = getTimeRemaining(endtime)
|
||||
|
||||
daysSpan.innerHTML = t.days
|
||||
hoursSpan.innerHTML = ('0' + t.hours).slice(-2)
|
||||
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2)
|
||||
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2)
|
||||
|
||||
if (t.total <= 0) {
|
||||
clearInterval(timeinterval)
|
||||
}
|
||||
}
|
||||
|
||||
updateClock()
|
||||
const timeinterval = setInterval(updateClock, 1000)
|
||||
}
|
||||
|
||||
let time = document.querySelector('.countdown').getAttribute('data-date')
|
||||
if (time == undefined) {
|
||||
time = Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000
|
||||
}
|
||||
const deadline = new Date(time)
|
||||
initializeClock('.countdown', deadline)
|
||||
@@ -0,0 +1,51 @@
|
||||
(function (jQuery) {
|
||||
"use strict";
|
||||
// data-mode="click" for using event
|
||||
// data-dark="false" for property
|
||||
// icon class // la-sun // la-moon
|
||||
const storageDark = localStorage.getItem('dark')
|
||||
if($('body').hasClass('dark')){
|
||||
changeMode('true');
|
||||
} else {
|
||||
changeMode('false');
|
||||
}
|
||||
if (storageDark !== 'null') {
|
||||
changeMode(storageDark)
|
||||
}
|
||||
jQuery(document).on("change", '.change-mode input[type="checkbox"]' ,function (e) {
|
||||
const dark = $(this).attr('data-active');
|
||||
if (dark === 'true') {
|
||||
$(this).attr('data-active','false')
|
||||
} else {
|
||||
$(this).attr('data-active','true')
|
||||
}
|
||||
changeMode(dark)
|
||||
})
|
||||
function changeMode (dark) {
|
||||
const body = jQuery('body')
|
||||
if (dark === 'true') {
|
||||
// $('[data-mode="toggle"]').find('i.a-right').removeClass('ri-sun-line');
|
||||
// $('[data-mode="toggle"]').find('i.a-left').addClass('ri-moon-clear-line');
|
||||
$('#dark-mode').prop('checked', true).attr('data-active', 'false')
|
||||
$('.darkmode-logo').removeClass('d-none')
|
||||
$('.light-logo').addClass('d-none')
|
||||
body.addClass('dark')
|
||||
dark = true
|
||||
} else {
|
||||
// $('[data-mode="toggle"]').find('i.a-left').removeClass('ri-moon-clear-line');
|
||||
// $('[data-mode="toggle"]').find('i.a-right').addClass('ri-sun-line');
|
||||
$('#dark-mode').prop('checked', false).attr('data-active', 'true');
|
||||
$('.light-logo').removeClass('d-none')
|
||||
$('.darkmode-logo').addClass('d-none')
|
||||
body.removeClass('dark')
|
||||
dark = false
|
||||
}
|
||||
updateLocalStorage(dark)
|
||||
const event = new CustomEvent("ChangeColorMode", {detail: {dark: dark} });
|
||||
document.dispatchEvent(event);
|
||||
}
|
||||
function updateLocalStorage(dark) {
|
||||
localStorage.setItem('dark', dark)
|
||||
}
|
||||
|
||||
})(jQuery)
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
/*! jQuery Flex Tree 1.2.0 2020-08-19 */
|
||||
!function(a){var b="flexTree",c={};a.fn[b]=function(b){b=a.extend(!0,{id:void 0,targetElement:a(this),type:void 0,debug:!1,name:"flex_tree",items:{},className:"flex-tree",buildTree:!0,collapsed:!1,collapsable:!0,addControlOnParent:!0,threeState:!0},c,b),!1===b.collapsable&&(b.collapsed=!1),!1===b.addControlOnParent&&(b.threeState=!1);var d;if(b.buildTree){d=a("<ul/>").attr("class",b.className).attr("id",b.id);var e=function(b){b=a.extend(!0,{items:{},ul:d,collapsed:!1,collapsable:!0,addControlOnParent:!0,threeState:!0},b),a.each(b.items,function(c,d){if("object"==typeof d.childrens&&d.childrens.length){var f=a("<li/>");!b.addControlOnParent||"checkbox"!==b.type&&"radio"!==b.type||f.append(a("<input/>").attr("type",b.type).attr("name","radio"===b.type||!1===b.threeState?d.name||b.name:d.name).attr("name",d.name).attr("value",d.value).attr("class","node").attr("id",d.id).prop("checked",d.checked)),f.append(a('<span class="node"/> ').addClass(b.collapsable?b.collapsed?"open":"closed":"").append(a("<label/>").append(d.label).attr("class","node")));var g=a("<ul/>");b.ul.append(f),f.append(g),!0===b.collapsed&&g.hide(),e({items:d.childrens,name:b.name,ul:g,collapsed:b.collapsed,collapsable:b.collapsable,type:b.type,addControlOnParent:b.addControlOnParent,threeState:b.threeState})}else b.ul.append(a("<li/>").append(a("<label/>").append("undefined"!=typeof b.type?a("<input/>").attr("type",b.type).attr("name","checkbox"===b.type?d.name||b.name:b.name).attr("value",d.value).attr("class","leaf").attr("id",d.id).prop("checked",d.checked):void 0).append(d.label)))})};e(b),a(b.targetElement).append(d)}else d=b.targetElement,d.addClass(b.className);if(b.collapsable&&a("li span.node",d).on("click",function(b){a(this).toggleClass("closed").toggleClass("open").next().toggle(200)}),b.threeState&&"checkbox"===b.type){a('input[type="checkbox"].node',d).on("click",function(b){a(this).removeClass("indeterminate").prop("indeterminate",!1);var c=a(this);c.parent().find('ul input[type="checkbox"]').each(function(){a(this).prop("checked",c.prop("checked")).prop("indeterminate",!1).removeClass("indeterminate")})});var f=function(){var b=a(this).closest("ul").prevAll('input[type="checkbox"].node');if(b.length){a(this).prop("checked")||b.prop("checked",!1);var c=a(this).prop("checked"),d=a(this).prop("checked");a(this).closest("li").siblings("li").find("input:first").each(function(){a(this).prop("checked")&&!0!==a(this).prop("indeterminate")||(c=!1),(a(this).prop("checked")||!0===a(this).prop("indeterminate"))&&(d=!0)}),d||!0===a(this).prop("indeterminate")?b.addClass("indeterminate").prop("indeterminate",!0):b.removeClass("indeterminate").prop("indeterminate",!1),c&&b.prop("checked",!0).prop("indeterminate",!1).removeClass("indeterminate"),f.apply(b)}};a('input[type="checkbox"]',d).on("click",f),a('input[type="checkbox"].leaf',d).each(function(){f.apply(this)})}}}(jQuery);
|
||||
@@ -0,0 +1,3 @@
|
||||
import Picker from './picker.js'
|
||||
import Database from './database.js'
|
||||
export { Picker, Database }
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,343 @@
|
||||
/*!
|
||||
FullCalendar List View Plugin v4.3.0
|
||||
Docs & License: https://fullcalendar.io/
|
||||
(c) 2019 Adam Shaw
|
||||
*/
|
||||
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@fullcalendar/core')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', '@fullcalendar/core'], factory) :
|
||||
(global = global || self, factory(global.FullCalendarList = {}, global.FullCalendar));
|
||||
}(this, function (exports, core) { 'use strict';
|
||||
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||||
this file except in compliance with the License. You may obtain a copy of the
|
||||
License at http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
||||
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
||||
MERCHANTABLITY OR NON-INFRINGEMENT.
|
||||
|
||||
See the Apache Version 2.0 License for specific language governing permissions
|
||||
and limitations under the License.
|
||||
***************************************************************************** */
|
||||
/* global Reflect, Promise */
|
||||
|
||||
var extendStatics = function(d, b) {
|
||||
extendStatics = Object.setPrototypeOf ||
|
||||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
||||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
||||
return extendStatics(d, b);
|
||||
};
|
||||
|
||||
function __extends(d, b) {
|
||||
extendStatics(d, b);
|
||||
function __() { this.constructor = d; }
|
||||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||||
}
|
||||
|
||||
var ListEventRenderer = /** @class */ (function (_super) {
|
||||
__extends(ListEventRenderer, _super);
|
||||
function ListEventRenderer(listView) {
|
||||
var _this = _super.call(this, listView.context) || this;
|
||||
_this.listView = listView;
|
||||
return _this;
|
||||
}
|
||||
ListEventRenderer.prototype.attachSegs = function (segs) {
|
||||
if (!segs.length) {
|
||||
this.listView.renderEmptyMessage();
|
||||
}
|
||||
else {
|
||||
this.listView.renderSegList(segs);
|
||||
}
|
||||
};
|
||||
ListEventRenderer.prototype.detachSegs = function () {
|
||||
};
|
||||
// generates the HTML for a single event row
|
||||
ListEventRenderer.prototype.renderSegHtml = function (seg) {
|
||||
var _a = this.context, view = _a.view, theme = _a.theme;
|
||||
var eventRange = seg.eventRange;
|
||||
var eventDef = eventRange.def;
|
||||
var eventInstance = eventRange.instance;
|
||||
var eventUi = eventRange.ui;
|
||||
var url = eventDef.url;
|
||||
var classes = ['fc-list-item'].concat(eventUi.classNames);
|
||||
var bgColor = eventUi.backgroundColor;
|
||||
var timeHtml;
|
||||
if (eventDef.allDay) {
|
||||
timeHtml = core.getAllDayHtml(view);
|
||||
}
|
||||
else if (core.isMultiDayRange(eventRange.range)) {
|
||||
if (seg.isStart) {
|
||||
timeHtml = core.htmlEscape(this._getTimeText(eventInstance.range.start, seg.end, false // allDay
|
||||
));
|
||||
}
|
||||
else if (seg.isEnd) {
|
||||
timeHtml = core.htmlEscape(this._getTimeText(seg.start, eventInstance.range.end, false // allDay
|
||||
));
|
||||
}
|
||||
else { // inner segment that lasts the whole day
|
||||
timeHtml = core.getAllDayHtml(view);
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Display the normal time text for the *event's* times
|
||||
timeHtml = core.htmlEscape(this.getTimeText(eventRange));
|
||||
}
|
||||
if (url) {
|
||||
classes.push('fc-has-url');
|
||||
}
|
||||
return '<tr class="' + classes.join(' ') + '">' +
|
||||
(this.displayEventTime ?
|
||||
'<td class="fc-list-item-time ' + theme.getClass('widgetContent') + '">' +
|
||||
(timeHtml || '') +
|
||||
'</td>' :
|
||||
'') +
|
||||
'<td class="fc-list-item-marker ' + theme.getClass('widgetContent') + '">' +
|
||||
'<span class="fc-event-dot"' +
|
||||
(bgColor ?
|
||||
' style="background-color:' + bgColor + '"' :
|
||||
'') +
|
||||
'></span>' +
|
||||
'</td>' +
|
||||
'<td class="fc-list-item-title ' + theme.getClass('widgetContent') + '">' +
|
||||
'<a' + (url ? ' href="' + core.htmlEscape(url) + '"' : '') + '>' +
|
||||
core.htmlEscape(eventDef.title || '') +
|
||||
'</a>' +
|
||||
'</td>' +
|
||||
'</tr>';
|
||||
};
|
||||
// like "4:00am"
|
||||
ListEventRenderer.prototype.computeEventTimeFormat = function () {
|
||||
return {
|
||||
hour: 'numeric',
|
||||
minute: '2-digit',
|
||||
meridiem: 'short'
|
||||
};
|
||||
};
|
||||
return ListEventRenderer;
|
||||
}(core.FgEventRenderer));
|
||||
|
||||
/*
|
||||
Responsible for the scroller, and forwarding event-related actions into the "grid".
|
||||
*/
|
||||
var ListView = /** @class */ (function (_super) {
|
||||
__extends(ListView, _super);
|
||||
function ListView(context, viewSpec, dateProfileGenerator, parentEl) {
|
||||
var _this = _super.call(this, context, viewSpec, dateProfileGenerator, parentEl) || this;
|
||||
_this.computeDateVars = core.memoize(computeDateVars);
|
||||
_this.eventStoreToSegs = core.memoize(_this._eventStoreToSegs);
|
||||
var eventRenderer = _this.eventRenderer = new ListEventRenderer(_this);
|
||||
_this.renderContent = core.memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer));
|
||||
_this.el.classList.add('fc-list-view');
|
||||
var listViewClassNames = (_this.theme.getClass('listView') || '').split(' '); // wish we didn't have to do this
|
||||
for (var _i = 0, listViewClassNames_1 = listViewClassNames; _i < listViewClassNames_1.length; _i++) {
|
||||
var listViewClassName = listViewClassNames_1[_i];
|
||||
if (listViewClassName) { // in case input was empty string
|
||||
_this.el.classList.add(listViewClassName);
|
||||
}
|
||||
}
|
||||
_this.scroller = new core.ScrollComponent('hidden', // overflow x
|
||||
'auto' // overflow y
|
||||
);
|
||||
_this.el.appendChild(_this.scroller.el);
|
||||
_this.contentEl = _this.scroller.el; // shortcut
|
||||
context.calendar.registerInteractiveComponent(_this, {
|
||||
el: _this.el
|
||||
// TODO: make aware that it doesn't do Hits
|
||||
});
|
||||
return _this;
|
||||
}
|
||||
ListView.prototype.render = function (props) {
|
||||
var _a = this.computeDateVars(props.dateProfile), dayDates = _a.dayDates, dayRanges = _a.dayRanges;
|
||||
this.dayDates = dayDates;
|
||||
this.renderContent(this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges));
|
||||
};
|
||||
ListView.prototype.destroy = function () {
|
||||
_super.prototype.destroy.call(this);
|
||||
this.renderContent.unrender();
|
||||
this.scroller.destroy(); // will remove the Grid too
|
||||
this.calendar.unregisterInteractiveComponent(this);
|
||||
};
|
||||
ListView.prototype.updateSize = function (isResize, viewHeight, isAuto) {
|
||||
_super.prototype.updateSize.call(this, isResize, viewHeight, isAuto);
|
||||
this.eventRenderer.computeSizes(isResize);
|
||||
this.eventRenderer.assignSizes(isResize);
|
||||
this.scroller.clear(); // sets height to 'auto' and clears overflow
|
||||
if (!isAuto) {
|
||||
this.scroller.setHeight(this.computeScrollerHeight(viewHeight));
|
||||
}
|
||||
};
|
||||
ListView.prototype.computeScrollerHeight = function (viewHeight) {
|
||||
return viewHeight -
|
||||
core.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
|
||||
};
|
||||
ListView.prototype._eventStoreToSegs = function (eventStore, eventUiBases, dayRanges) {
|
||||
return this.eventRangesToSegs(core.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.nextDayThreshold).fg, dayRanges);
|
||||
};
|
||||
ListView.prototype.eventRangesToSegs = function (eventRanges, dayRanges) {
|
||||
var segs = [];
|
||||
for (var _i = 0, eventRanges_1 = eventRanges; _i < eventRanges_1.length; _i++) {
|
||||
var eventRange = eventRanges_1[_i];
|
||||
segs.push.apply(segs, this.eventRangeToSegs(eventRange, dayRanges));
|
||||
}
|
||||
return segs;
|
||||
};
|
||||
ListView.prototype.eventRangeToSegs = function (eventRange, dayRanges) {
|
||||
var _a = this, dateEnv = _a.dateEnv, nextDayThreshold = _a.nextDayThreshold;
|
||||
var range = eventRange.range;
|
||||
var allDay = eventRange.def.allDay;
|
||||
var dayIndex;
|
||||
var segRange;
|
||||
var seg;
|
||||
var segs = [];
|
||||
for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex++) {
|
||||
segRange = core.intersectRanges(range, dayRanges[dayIndex]);
|
||||
if (segRange) {
|
||||
seg = {
|
||||
component: this,
|
||||
eventRange: eventRange,
|
||||
start: segRange.start,
|
||||
end: segRange.end,
|
||||
isStart: eventRange.isStart && segRange.start.valueOf() === range.start.valueOf(),
|
||||
isEnd: eventRange.isEnd && segRange.end.valueOf() === range.end.valueOf(),
|
||||
dayIndex: dayIndex
|
||||
};
|
||||
segs.push(seg);
|
||||
// detect when range won't go fully into the next day,
|
||||
// and mutate the latest seg to the be the end.
|
||||
if (!seg.isEnd && !allDay &&
|
||||
dayIndex + 1 < dayRanges.length &&
|
||||
range.end <
|
||||
dateEnv.add(dayRanges[dayIndex + 1].start, nextDayThreshold)) {
|
||||
seg.end = range.end;
|
||||
seg.isEnd = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return segs;
|
||||
};
|
||||
ListView.prototype.renderEmptyMessage = function () {
|
||||
this.contentEl.innerHTML =
|
||||
'<div class="fc-list-empty-wrap2">' + // TODO: try less wraps
|
||||
'<div class="fc-list-empty-wrap1">' +
|
||||
'<div class="fc-list-empty">' +
|
||||
core.htmlEscape(this.opt('noEventsMessage')) +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
};
|
||||
// called by ListEventRenderer
|
||||
ListView.prototype.renderSegList = function (allSegs) {
|
||||
var segsByDay = this.groupSegsByDay(allSegs); // sparse array
|
||||
var dayIndex;
|
||||
var daySegs;
|
||||
var i;
|
||||
var tableEl = core.htmlToElement('<table class="fc-list-table ' + this.calendar.theme.getClass('tableList') + '"><tbody></tbody></table>');
|
||||
var tbodyEl = tableEl.querySelector('tbody');
|
||||
for (dayIndex = 0; dayIndex < segsByDay.length; dayIndex++) {
|
||||
daySegs = segsByDay[dayIndex];
|
||||
if (daySegs) { // sparse array, so might be undefined
|
||||
// append a day header
|
||||
tbodyEl.appendChild(this.buildDayHeaderRow(this.dayDates[dayIndex]));
|
||||
daySegs = this.eventRenderer.sortEventSegs(daySegs);
|
||||
for (i = 0; i < daySegs.length; i++) {
|
||||
tbodyEl.appendChild(daySegs[i].el); // append event row
|
||||
}
|
||||
}
|
||||
}
|
||||
this.contentEl.innerHTML = '';
|
||||
this.contentEl.appendChild(tableEl);
|
||||
};
|
||||
// Returns a sparse array of arrays, segs grouped by their dayIndex
|
||||
ListView.prototype.groupSegsByDay = function (segs) {
|
||||
var segsByDay = []; // sparse array
|
||||
var i;
|
||||
var seg;
|
||||
for (i = 0; i < segs.length; i++) {
|
||||
seg = segs[i];
|
||||
(segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
|
||||
.push(seg);
|
||||
}
|
||||
return segsByDay;
|
||||
};
|
||||
// generates the HTML for the day headers that live amongst the event rows
|
||||
ListView.prototype.buildDayHeaderRow = function (dayDate) {
|
||||
var dateEnv = this.dateEnv;
|
||||
var mainFormat = core.createFormatter(this.opt('listDayFormat')); // TODO: cache
|
||||
var altFormat = core.createFormatter(this.opt('listDayAltFormat')); // TODO: cache
|
||||
return core.createElement('tr', {
|
||||
className: 'fc-list-heading',
|
||||
'data-date': dateEnv.formatIso(dayDate, { omitTime: true })
|
||||
}, '<td class="' + (this.calendar.theme.getClass('tableListHeading') ||
|
||||
this.calendar.theme.getClass('widgetHeader')) + '" colspan="3">' +
|
||||
(mainFormat ?
|
||||
core.buildGotoAnchorHtml(this, dayDate, { 'class': 'fc-list-heading-main' }, core.htmlEscape(dateEnv.format(dayDate, mainFormat)) // inner HTML
|
||||
) :
|
||||
'') +
|
||||
(altFormat ?
|
||||
core.buildGotoAnchorHtml(this, dayDate, { 'class': 'fc-list-heading-alt' }, core.htmlEscape(dateEnv.format(dayDate, altFormat)) // inner HTML
|
||||
) :
|
||||
'') +
|
||||
'</td>');
|
||||
};
|
||||
return ListView;
|
||||
}(core.View));
|
||||
ListView.prototype.fgSegSelector = '.fc-list-item'; // which elements accept event actions
|
||||
function computeDateVars(dateProfile) {
|
||||
var dayStart = core.startOfDay(dateProfile.renderRange.start);
|
||||
var viewEnd = dateProfile.renderRange.end;
|
||||
var dayDates = [];
|
||||
var dayRanges = [];
|
||||
while (dayStart < viewEnd) {
|
||||
dayDates.push(dayStart);
|
||||
dayRanges.push({
|
||||
start: dayStart,
|
||||
end: core.addDays(dayStart, 1)
|
||||
});
|
||||
dayStart = core.addDays(dayStart, 1);
|
||||
}
|
||||
return { dayDates: dayDates, dayRanges: dayRanges };
|
||||
}
|
||||
|
||||
var main = core.createPlugin({
|
||||
views: {
|
||||
list: {
|
||||
class: ListView,
|
||||
buttonTextKey: 'list',
|
||||
listDayFormat: { month: 'long', day: 'numeric', year: 'numeric' } // like "January 1, 2016"
|
||||
},
|
||||
listDay: {
|
||||
type: 'list',
|
||||
duration: { days: 1 },
|
||||
listDayFormat: { weekday: 'long' } // day-of-week is all we need. full date is probably in header
|
||||
},
|
||||
listWeek: {
|
||||
type: 'list',
|
||||
duration: { weeks: 1 },
|
||||
listDayFormat: { weekday: 'long' },
|
||||
listDayAltFormat: { month: 'long', day: 'numeric', year: 'numeric' }
|
||||
},
|
||||
listMonth: {
|
||||
type: 'list',
|
||||
duration: { month: 1 },
|
||||
listDayAltFormat: { weekday: 'long' } // day-of-week is nice-to-have
|
||||
},
|
||||
listYear: {
|
||||
type: 'list',
|
||||
duration: { year: 1 },
|
||||
listDayAltFormat: { weekday: 'long' } // day-of-week is nice-to-have
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
exports.ListView = ListView;
|
||||
exports.default = main;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
@@ -0,0 +1,19 @@
|
||||
(function (jQuery) {
|
||||
"use strict";
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const sidebar = urlParams.get('sidebar');
|
||||
if (sidebar !== null) {
|
||||
$('.iq-sidebar').removeClass('sidebar-dark', 'sidebar-light')
|
||||
switch (sidebar) {
|
||||
case "0":
|
||||
$('.iq-sidebar').addClass('sidebar-dark')
|
||||
break;
|
||||
case "1":
|
||||
$('.iq-sidebar').addClass('sidebar-light')
|
||||
break;
|
||||
default:
|
||||
$('.iq-sidebar').removeClass('sidebar-dark').removeClass('sidebar-light')
|
||||
break;
|
||||
}
|
||||
}
|
||||
})(jQuery)
|
||||
@@ -0,0 +1,561 @@
|
||||
/*
|
||||
Template: Datum - Responsive Bootstrap 4 Admin Dashboard Template
|
||||
Author: iqonic.design
|
||||
Design and Developed by: http://iqonic.design/
|
||||
NOTE: This file contains the styling for Slider in Template.
|
||||
*/
|
||||
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
if(typeof $.fn.slick !== typeof undefined){
|
||||
/*---------------------------------------------------------------------
|
||||
slick
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery('.slick-slider').slick({
|
||||
centerMode: true,
|
||||
centerPadding: '60px',
|
||||
slidesToShow: 9,
|
||||
slidesToScroll: 1,
|
||||
focusOnSelect: true,
|
||||
responsive: [{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows: false,
|
||||
centerMode: true,
|
||||
centerPadding: '30',
|
||||
slidesToShow: 3
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
centerMode: true,
|
||||
centerPadding: '15',
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
nextArrow: '<a href="#" class="ri-arrow-left-s-line left"></a>',
|
||||
prevArrow: '<a href="#" class="ri-arrow-right-s-line right"></a>',
|
||||
});
|
||||
|
||||
jQuery('.top-rated-item').slick({
|
||||
slidesToShow: 4,
|
||||
speed: 300,
|
||||
slidesToScroll: 1,
|
||||
focusOnSelect: true,
|
||||
appendArrows: jQuery('#top-rated-item-slick-arrow'),
|
||||
responsive: [{
|
||||
breakpoint: 1200,
|
||||
settings: {
|
||||
slidesToShow: 3
|
||||
}
|
||||
},{
|
||||
breakpoint: 798,
|
||||
settings: {
|
||||
slidesToShow: 2
|
||||
}
|
||||
},{
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
autoplay:true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
jQuery('#newrealease-slider').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
centerMode: true,
|
||||
centerPadding: false,
|
||||
variableWidth: true ,
|
||||
infinite: true,
|
||||
focusOnSelect: true,
|
||||
autoplay: false,
|
||||
slidesToShow: 7,
|
||||
slidesToScroll: 1,
|
||||
|
||||
|
||||
});
|
||||
|
||||
jQuery("#newrealease-slider .slick-active.slick-center").prev('.slick-active').addClass('temp');
|
||||
jQuery("#newrealease-slider .slick-active.temp").prev().addClass('temp-1');
|
||||
jQuery("#newrealease-slider .slick-active.temp-1").prev().addClass('temp-2');
|
||||
|
||||
jQuery("#newrealease-slider .slick-active.slick-center").next('.slick-active').addClass('temp-next');
|
||||
jQuery("#newrealease-slider .slick-active.temp-next").next().addClass('temp-next-1');
|
||||
jQuery("#newrealease-slider .slick-active.temp-next-1").next().addClass('temp-next-2');
|
||||
|
||||
jQuery("#newrealease-slider").on("afterChange", function (){
|
||||
var slick_index = jQuery(".slick-active.slick-center").data('slick-index');
|
||||
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(slick_index-1)+'"]').addClass('temp');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(slick_index-2)+'"]').addClass('temp-1');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(slick_index-3)+'"]').addClass('temp-2');
|
||||
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(parseInt(slick_index+1))+'"]').addClass('temp-next');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(parseInt(slick_index+2))+'"]').addClass('temp-next-1');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(parseInt(slick_index+3))+'"]').addClass('temp-next-2');
|
||||
|
||||
|
||||
});
|
||||
|
||||
jQuery("#newrealease-slider").on("beforeChange", function (){
|
||||
var slick_index = jQuery(".slick-active.slick-center").data('slick-index');
|
||||
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(slick_index-1)+'"]').removeClass('temp');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(slick_index-2)+'"]').removeClass('temp-1');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(slick_index-3)+'"]').removeClass('temp-2');
|
||||
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(parseInt(slick_index+1))+'"]').removeClass('temp-next');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(parseInt(slick_index+2))+'"]').removeClass('temp-next-1');
|
||||
jQuery('#newrealease-slider .slick-active[data-slick-index="'+(parseInt(slick_index+3))+'"]').removeClass('temp-next-2');
|
||||
|
||||
});
|
||||
|
||||
jQuery('#favorites-slider').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
centerMode: false,
|
||||
autoplay: true,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
infinite: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 767,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('#similar-slider').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
centerMode: false,
|
||||
autoplay: true,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
infinite: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 576,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('#single-similar-slider').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
centerMode: false,
|
||||
autoplay: true,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
infinite: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 576,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('#trendy-slider').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
centerMode: false,
|
||||
autoplay: true,
|
||||
slidesToShow: 4,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
infinite: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 576,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('#description-slider').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
fade: true,
|
||||
asNavFor: '#description-slider-nav'
|
||||
});
|
||||
|
||||
jQuery('#description-slider-nav').slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
asNavFor: '#description-slider',
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
vertical: true,
|
||||
centerMode: false,
|
||||
focusOnSelect: true
|
||||
});
|
||||
|
||||
jQuery('.realeases-banner').slick({
|
||||
slidesToShow: 5,
|
||||
speed: 300,
|
||||
arrows:false,
|
||||
slidesToScroll: 1,
|
||||
vertical: true,
|
||||
verticalSwiping: true,
|
||||
focusOnSelect: true,
|
||||
responsive: [{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows: false,
|
||||
slidesToShow: 3
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
verticalSwiping:false,
|
||||
slidesToShow:4
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
jQuery('.feature-album').slick({
|
||||
slidesToShow: 6,
|
||||
speed: 300,
|
||||
slidesToScroll: 1,
|
||||
focusOnSelect: true,
|
||||
appendArrows: jQuery('#feature-album-slick-arrow'),
|
||||
responsive: [{
|
||||
breakpoint: 1200,
|
||||
settings: {
|
||||
slidesToShow: 4
|
||||
}
|
||||
},{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
slidesToShow: 3
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
autoplay:true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
jQuery('.feature-album-artist').slick({
|
||||
slidesToShow: 6,
|
||||
speed: 300,
|
||||
slidesToScroll: 1,
|
||||
appendArrows: jQuery('#feature-album-artist-slick-arrow'),
|
||||
focusOnSelect: true,
|
||||
responsive: [{
|
||||
breakpoint: 1200,
|
||||
settings: {
|
||||
slidesToShow: 4
|
||||
}
|
||||
},{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows:true,
|
||||
slidesToShow: 3
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows:false,
|
||||
autoplay:true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
jQuery('.hot-songs').slick({
|
||||
slidesToShow: 2,
|
||||
speed: 300,
|
||||
appendArrows: jQuery('#hot-song-slick-arrow'),
|
||||
slidesToScroll: 1,
|
||||
rows:3,
|
||||
focusOnSelect: true,
|
||||
responsive: [{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows: true,
|
||||
slidesToShow: 2
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
autoplay:true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
/*---slider salon----*/
|
||||
jQuery('.salone-styles').slick({
|
||||
dots: false,
|
||||
arrows: true,
|
||||
infinite: true,
|
||||
speed: 200,
|
||||
autoplay: false,
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1,
|
||||
appendArrows: jQuery('#trending-order-slick-arrow'),
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1200,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('.hot-video').slick({
|
||||
slidesToShow: 2,
|
||||
speed: 300,
|
||||
appendArrows: jQuery('#hot-video-slick-arrow'),
|
||||
slidesToScroll: 1,
|
||||
focusOnSelect: true,
|
||||
responsive: [{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows: true,
|
||||
slidesToShow: 2
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
autoplay:true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
active music
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery( 'ul.iq-song-slide li').on('click', function(){
|
||||
jQuery('ul.iq-song-slide li').removeClass('active');
|
||||
jQuery(this).addClass('active');
|
||||
});
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
social media post
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery('.post-social').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 200,
|
||||
autoplay: true,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
});
|
||||
|
||||
jQuery('.trending-order').slick({
|
||||
dots: false,
|
||||
arrows: true,
|
||||
infinite: true,
|
||||
speed: 200,
|
||||
autoplay: false,
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1,
|
||||
appendArrows: jQuery('#trending-order-slick-arrow'),
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1300,
|
||||
settings: {
|
||||
slidesToShow: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('.resto-blog').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 200,
|
||||
autoplay: false,
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
jQuery('.image-slide-1').slick({
|
||||
dots: false,
|
||||
arrows: false,
|
||||
infinite: true,
|
||||
speed: 200,
|
||||
autoplay: true,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
});
|
||||
|
||||
jQuery('.stylist-salon').slick({
|
||||
slidesToShow: 4,
|
||||
speed: 300,
|
||||
slidesToScroll: 1,
|
||||
focusOnSelect: true,
|
||||
autoplay: true,
|
||||
arrows: false,
|
||||
responsive: [{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows: false,
|
||||
slidesToShow: 2
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
jQuery('.stylist-salon1').slick({
|
||||
slidesToShow: 4,
|
||||
speed: 300,
|
||||
slidesToScroll: 1,
|
||||
focusOnSelect: true,
|
||||
autoplay: true,
|
||||
responsive: [{
|
||||
breakpoint: 992,
|
||||
settings: {
|
||||
arrows: true,
|
||||
slidesToShow: 2
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
slidesToShow: 1
|
||||
}
|
||||
}],
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,138 @@
|
||||
|
||||
$(document).ready(function () {
|
||||
$('#basic').on('click', function () {
|
||||
Swal.fire('Hello! This is a Basic Message.')
|
||||
});
|
||||
$('#basic-title').on('click', function () {
|
||||
Swal.fire(
|
||||
'The Internet?',
|
||||
'That thing is still around?',
|
||||
'question'
|
||||
)
|
||||
});
|
||||
$('#success').on('click', function () {
|
||||
Swal.fire({
|
||||
icon: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
})
|
||||
});
|
||||
$('#info').on('click', function () {
|
||||
Swal.fire({
|
||||
icon: 'info',
|
||||
title: 'Good Job!',
|
||||
showConfirmButton: false,
|
||||
})
|
||||
});
|
||||
$('#warning').on('click', function () {
|
||||
Swal.fire({
|
||||
icon: 'warning',
|
||||
title: 'Changes are not saved',
|
||||
showConfirmButton: false,
|
||||
|
||||
})
|
||||
});
|
||||
$('#danger').on('click', function () {
|
||||
Swal.fire({
|
||||
icon: 'error',
|
||||
title: 'OOps!!',
|
||||
text: 'Something went Wrong',
|
||||
showConfirmButton: false,
|
||||
})
|
||||
});
|
||||
$('#confirmation').on('click', function () {
|
||||
Swal.fire({
|
||||
title: "Are you sure?",
|
||||
text: "Once deleted, you will not be able to recover this imaginary file!",
|
||||
icon: "warning",
|
||||
buttons: true,
|
||||
dangerMode: true,
|
||||
})
|
||||
.then((willDelete) => {
|
||||
if (willDelete) {
|
||||
Swal.fire("Poof! Your imaginary file has been deleted!", {
|
||||
icon: "success",
|
||||
});
|
||||
} else {
|
||||
Swal.fire("Your imaginary file is safe!");
|
||||
}
|
||||
});
|
||||
});
|
||||
$('#custom-buttons').on('click', function () {
|
||||
Swal.fire("A wild Pikachu appeared! What do you want to do?", {
|
||||
buttons: {
|
||||
cancel: "Run away!",
|
||||
catch: {
|
||||
text: "Throw Pokéball!",
|
||||
value: "catch",
|
||||
},
|
||||
defeat: true,
|
||||
},
|
||||
})
|
||||
.then((value) => {
|
||||
switch (value) {
|
||||
|
||||
case "defeat":
|
||||
Swal.fire("Pikachu fainted! You gained 500 XP!");
|
||||
break;
|
||||
|
||||
case "catch":
|
||||
Swal.fire("Gotcha!", "Pikachu was caught!", "success");
|
||||
break;
|
||||
|
||||
default:
|
||||
Swal.fire("Got away safely!");
|
||||
}
|
||||
});
|
||||
});
|
||||
$('#ajax-request').on('click', function () {
|
||||
Swal.fire({
|
||||
text: 'Search for a movie. e.g. "La La Land".',
|
||||
content: "input",
|
||||
button: {
|
||||
text: "Search!",
|
||||
closeModal: false,
|
||||
},
|
||||
})
|
||||
.then(name => {
|
||||
if (!name) throw null;
|
||||
|
||||
return fetch(`https://itunes.apple.com/search?term=${name}&entity=movie`);
|
||||
})
|
||||
.then(results => {
|
||||
return results.json();
|
||||
})
|
||||
.then(json => {
|
||||
const movie = json.results[0];
|
||||
|
||||
if (!movie) {
|
||||
return Swal.fire("No movie was found!");
|
||||
}
|
||||
|
||||
const name = movie.trackName;
|
||||
const imageURL = movie.artworkUrl100;
|
||||
|
||||
Swal.fire({
|
||||
title: "Top result:",
|
||||
text: name,
|
||||
icon: imageURL,
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
if (err) {
|
||||
Swal.fire("Oh noes!", "The AJAX request failed!", "error");
|
||||
} else {
|
||||
Swal.fire.stopLoading();
|
||||
Swal.fire.close();
|
||||
}
|
||||
});
|
||||
});
|
||||
$('#form-input').on('click', function () {
|
||||
Swal.fire("Write something here:", {
|
||||
content: "input",
|
||||
})
|
||||
.then((value) => {
|
||||
Swal.fire(`You typed: ${value}`);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,528 @@
|
||||
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-1'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
// table 2
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-2'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-plus"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-plus')) {
|
||||
$target
|
||||
.removeClass('glyphicon-plus')
|
||||
.addClass('glyphicon-minus');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-minus')
|
||||
.addClass('glyphicon-plus');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
// table 3
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-3'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
// table 4
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-4'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
// table 5
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-5'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
// table 6
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-6'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
// table 7
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-7'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
// table 8
|
||||
$(function () {
|
||||
var
|
||||
$table = $('#tree-table-8'),
|
||||
rows = $table.find('tr');
|
||||
|
||||
rows.each(function (index, row) {
|
||||
var
|
||||
$row = $(row),
|
||||
level = $row.data('level'),
|
||||
id = $row.data('id'),
|
||||
$columnName = $row.find('td[data-column="name"]'),
|
||||
children = $table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
var expander = $columnName.prepend('' +
|
||||
'<span class="treegrid-expander glyphicon glyphicon-chevron-right"></span>' +
|
||||
'');
|
||||
|
||||
children.hide();
|
||||
|
||||
expander.on('click', function (e) {
|
||||
var $target = $(e.target);
|
||||
if ($target.hasClass('glyphicon-chevron-right')) {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-right')
|
||||
.addClass('glyphicon-chevron-down');
|
||||
|
||||
children.show();
|
||||
} else {
|
||||
$target
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
reverseHide($table, $row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$columnName.prepend('' +
|
||||
'<span class="treegrid-indent" style="width:' + 15 * level + 'px"></span>' +
|
||||
'');
|
||||
});
|
||||
|
||||
// Reverse hide all elements
|
||||
reverseHide = function (table, element) {
|
||||
var
|
||||
$element = $(element),
|
||||
id = $element.data('id'),
|
||||
children = table.find('tr[data-parent="' + id + '"]');
|
||||
|
||||
if (children.length) {
|
||||
children.each(function (i, e) {
|
||||
reverseHide(table, e);
|
||||
});
|
||||
|
||||
$element
|
||||
.find('.glyphicon-chevron-down')
|
||||
.removeClass('glyphicon-chevron-down')
|
||||
.addClass('glyphicon-chevron-right');
|
||||
|
||||
children.hide();
|
||||
}
|
||||
};
|
||||
});
|
||||
@@ -0,0 +1,82 @@
|
||||
|
||||
$(function () {
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Basic Tree
|
||||
-----------------------------------------------------------------------*/
|
||||
$('.basic-tree li:has(ul)').addClass('t-parent').find(' > span').attr('title', 'Collapse this branch');
|
||||
$('.basic-tree li.t-parent > span').on('click', function (e) {
|
||||
var children = $(this).parent('li.t-parent').find(' > ul > li');
|
||||
if (children.is(":visible")) {
|
||||
children.hide('fast');
|
||||
$(this).attr('title', 'Expand this branch').find(' > i').addClass('fa-plus').removeClass('fa-minus');
|
||||
} else {
|
||||
children.show('fast');
|
||||
$(this).attr('title', 'Collapse this branch').find(' > i').addClass('fa-minus').removeClass('fa-plus');
|
||||
}
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
Checkbox Tree
|
||||
-----------------------------------------------------------------------*/
|
||||
jQuery('#flex-tree-check').flexTree({
|
||||
type: 'checkbox',
|
||||
name: 'foo[]',
|
||||
collapsed: false,
|
||||
items: [
|
||||
{
|
||||
label: 'Item 1',
|
||||
childrens: [
|
||||
{
|
||||
label: 'Item 1.1',
|
||||
value: 'item_1_1',
|
||||
checked: true
|
||||
},
|
||||
|
||||
{
|
||||
label: 'Item 1.2',
|
||||
value: 'item_1_2',
|
||||
childrens: [
|
||||
{
|
||||
label: 'Item 1.2.1',
|
||||
value: 'item_1_2_1',
|
||||
childrens: [
|
||||
{
|
||||
label: 'Item 1.2.2.1',
|
||||
value: 'item_1_2_2_1'
|
||||
},
|
||||
|
||||
{
|
||||
label: 'Item 1.2.2.2',
|
||||
value: 'item_1_2_2_2',
|
||||
id: 'foo'
|
||||
}]
|
||||
},
|
||||
{
|
||||
label: 'Item 1.2.2',
|
||||
value: 'item_1_2_2'
|
||||
}]
|
||||
},
|
||||
{
|
||||
label: 'Item 1.3',
|
||||
value: 'item_1_3',
|
||||
checked: true
|
||||
}]
|
||||
},
|
||||
{
|
||||
label: 'Item 2',
|
||||
childrens: [
|
||||
{
|
||||
label: 'Item 2.1',
|
||||
value: 'item_2_1',
|
||||
checked: true
|
||||
}]
|
||||
}]
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,488 @@
|
||||
var gdpData = {
|
||||
"AF": 16.63,
|
||||
"AL": 11.58,
|
||||
"DZ": 158.97,
|
||||
"AO": 85.81,
|
||||
"AG": 1.1,
|
||||
"AR": 351.02,
|
||||
"AM": 8.83,
|
||||
"AU": 1219.72,
|
||||
"AT": 366.26,
|
||||
"AZ": 52.17,
|
||||
"BS": 7.54,
|
||||
"BH": 21.73,
|
||||
"BD": 105.4,
|
||||
"BB": 3.96,
|
||||
"BY": 52.89,
|
||||
"BE": 461.33,
|
||||
"BZ": 1.43,
|
||||
"BJ": 6.49,
|
||||
"BT": 1.4,
|
||||
"BO": 19.18,
|
||||
"BA": 16.2,
|
||||
"BW": 12.5,
|
||||
"BR": 2023.53,
|
||||
"BN": 11.96,
|
||||
"BG": 44.84,
|
||||
"BF": 8.67,
|
||||
"BI": 1.47,
|
||||
"KH": 11.36,
|
||||
"CM": 21.88,
|
||||
"CA": 1563.66,
|
||||
"CV": 1.57,
|
||||
"CF": 2.11,
|
||||
"TD": 7.59,
|
||||
"CL": 199.18,
|
||||
"CN": 5745.13,
|
||||
"CO": 283.11,
|
||||
"KM": 0.56,
|
||||
"CD": 12.6,
|
||||
"CG": 11.88,
|
||||
"CR": 35.02,
|
||||
"CI": 22.38,
|
||||
"HR": 59.92,
|
||||
"CY": 22.75,
|
||||
"CZ": 195.23,
|
||||
"DK": 304.56,
|
||||
"DJ": 1.14,
|
||||
"DM": 0.38,
|
||||
"DO": 50.87,
|
||||
"EC": 61.49,
|
||||
"EG": 216.83,
|
||||
"SV": 21.8,
|
||||
"GQ": 14.55,
|
||||
"ER": 2.25,
|
||||
"EE": 19.22,
|
||||
"ET": 30.94,
|
||||
"FJ": 3.15,
|
||||
"FI": 231.98,
|
||||
"FR": 2555.44,
|
||||
"GA": 12.56,
|
||||
"GM": 1.04,
|
||||
"GE": 11.23,
|
||||
"DE": 3305.9,
|
||||
"GH": 18.06,
|
||||
"GR": 305.01,
|
||||
"GD": 0.65,
|
||||
"GT": 40.77,
|
||||
"GN": 4.34,
|
||||
"GW": 0.83,
|
||||
"GY": 2.2,
|
||||
"HT": 6.5,
|
||||
"HN": 15.34,
|
||||
"HK": 226.49,
|
||||
"HU": 132.28,
|
||||
"IS": 12.77,
|
||||
"IN": 1430.02,
|
||||
"ID": 695.06,
|
||||
"IR": 337.9,
|
||||
"IQ": 84.14,
|
||||
"IE": 204.14,
|
||||
"IL": 201.25,
|
||||
"IT": 2036.69,
|
||||
"JM": 13.74,
|
||||
"JP": 5390.9,
|
||||
"JO": 27.13,
|
||||
"KZ": 129.76,
|
||||
"KE": 32.42,
|
||||
"KI": 0.15,
|
||||
"KR": 986.26,
|
||||
"UNDEFINED": 5.73,
|
||||
"KW": 117.32,
|
||||
"KG": 4.44,
|
||||
"LA": 6.34,
|
||||
"LV": 23.39,
|
||||
"LB": 39.15,
|
||||
"LS": 1.8,
|
||||
"LR": 0.98,
|
||||
"LY": 77.91,
|
||||
"LT": 35.73,
|
||||
"LU": 52.43,
|
||||
"MK": 9.58,
|
||||
"MG": 8.33,
|
||||
"MW": 5.04,
|
||||
"MY": 218.95,
|
||||
"MV": 1.43,
|
||||
"ML": 9.08,
|
||||
"MT": 7.8,
|
||||
"MR": 3.49,
|
||||
"MU": 9.43,
|
||||
"MX": 1004.04,
|
||||
"MD": 5.36,
|
||||
"MN": 5.81,
|
||||
"ME": 3.88,
|
||||
"MA": 91.7,
|
||||
"MZ": 10.21,
|
||||
"MM": 35.65,
|
||||
"NA": 11.45,
|
||||
"NP": 15.11,
|
||||
"NL": 770.31,
|
||||
"NZ": 138,
|
||||
"NI": 6.38,
|
||||
"NE": 5.6,
|
||||
"NG": 206.66,
|
||||
"NO": 413.51,
|
||||
"OM": 53.78,
|
||||
"PK": 174.79,
|
||||
"PA": 27.2,
|
||||
"PG": 8.81,
|
||||
"PY": 17.17,
|
||||
"PE": 153.55,
|
||||
"PH": 189.06,
|
||||
"PL": 438.88,
|
||||
"PT": 223.7,
|
||||
"QA": 126.52,
|
||||
"RO": 158.39,
|
||||
"RU": 1476.91,
|
||||
"RW": 5.69,
|
||||
"WS": 0.55,
|
||||
"ST": 0.19,
|
||||
"SA": 434.44,
|
||||
"SN": 12.66,
|
||||
"RS": 38.92,
|
||||
"SC": 0.92,
|
||||
"SL": 1.9,
|
||||
"SG": 217.38,
|
||||
"SK": 86.26,
|
||||
"SI": 46.44,
|
||||
"SB": 0.67,
|
||||
"ZA": 354.41,
|
||||
"ES": 1374.78,
|
||||
"LK": 48.24,
|
||||
"KN": 0.56,
|
||||
"LC": 1,
|
||||
"VC": 0.58,
|
||||
"SD": 65.93,
|
||||
"SR": 3.3,
|
||||
"SZ": 3.17,
|
||||
"SE": 444.59,
|
||||
"CH": 522.44,
|
||||
"SY": 59.63,
|
||||
"TW": 426.98,
|
||||
"TJ": 5.58,
|
||||
"TZ": 22.43,
|
||||
"TH": 312.61,
|
||||
"TL": 0.62,
|
||||
"TG": 3.07,
|
||||
"TO": 0.3,
|
||||
"TT": 21.2,
|
||||
"TN": 43.86,
|
||||
"TR": 729.05,
|
||||
"TM": 0,
|
||||
"UG": 17.12,
|
||||
"UA": 136.56,
|
||||
"AE": 239.65,
|
||||
"GB": 2258.57,
|
||||
"US": 14624.18,
|
||||
"UY": 40.71,
|
||||
"UZ": 37.72,
|
||||
"VU": 0.72,
|
||||
"VE": 285.21,
|
||||
"VN": 101.99,
|
||||
"YE": 30.02,
|
||||
"ZM": 15.69,
|
||||
"ZW": 5.57
|
||||
};
|
||||
$(function () {
|
||||
if(typeof $.fn.vectorMap !== typeof undefined && $('#world-map-gdp1').length > 0){
|
||||
$('#world-map-gdp1').vectorMap({
|
||||
map: 'world_mill',
|
||||
series: {
|
||||
regions: [{
|
||||
normalizeFunction: 'polynomial'
|
||||
}]
|
||||
},
|
||||
onRegionTipShow: function (e, el, code) {
|
||||
el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
|
||||
}
|
||||
});
|
||||
}
|
||||
if(typeof $.fn.vectorMap !== typeof undefined && $('#world-map-gdp').length > 0){
|
||||
$('#world-map-gdp').vectorMap({
|
||||
map: 'world_mill',
|
||||
series: {
|
||||
regions: [{
|
||||
values: gdpData,
|
||||
scale: ['#C8EEFF', '#0071A4'],
|
||||
normalizeFunction: 'polynomial'
|
||||
}]
|
||||
},
|
||||
onRegionTipShow: function (e, el, code) {
|
||||
el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
|
||||
}
|
||||
});
|
||||
}
|
||||
if(typeof $.fn.vectorMap !== typeof undefined && $('#world-map-markers') > 0){
|
||||
$('#world-map-markers').vectorMap({
|
||||
map: 'world_mill',
|
||||
scaleColors: ['#C8EEFF', '#0071A4'],
|
||||
normalizeFunction: 'polynomial',
|
||||
hoverOpacity: 0.7,
|
||||
hoverColor: false,
|
||||
markerStyle: {
|
||||
initial: {
|
||||
fill: '#F8E23B',
|
||||
stroke: '#383f47'
|
||||
}
|
||||
},
|
||||
backgroundColor: '#383f47',
|
||||
lines: [
|
||||
{ points: [[41.90, 12.45], [43.73, 7.41], [-0.52, 166.93]], text: "first road" },
|
||||
{ points: [[31.52, -87.37], [21.18, -157.49]], text: "second path" }
|
||||
],
|
||||
markers: [
|
||||
{ latLng: [41.90, 12.45], name: 'Vatican City' },
|
||||
{ latLng: [43.73, 7.41], name: 'Monaco' },
|
||||
{ latLng: [-0.52, 166.93], name: 'Nauru' },
|
||||
{ latLng: [-8.51, 179.21], name: 'Tuvalu' },
|
||||
{ latLng: [43.93, 12.46], name: 'San Marino' },
|
||||
{ latLng: [47.14, 9.52], name: 'Liechtenstein' },
|
||||
{ latLng: [7.11, 171.06], name: 'Marshall Islands' },
|
||||
{ latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis' },
|
||||
{ latLng: [3.2, 73.22], name: 'Maldives' },
|
||||
{ latLng: [35.88, 14.5], name: 'Malta' },
|
||||
{ latLng: [12.05, -61.75], name: 'Grenada' },
|
||||
{ latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines' },
|
||||
{ latLng: [13.16, -59.55], name: 'Barbados' },
|
||||
{ latLng: [17.11, -61.85], name: 'Antigua and Barbuda' },
|
||||
{ latLng: [-4.61, 55.45], name: 'Seychelles' },
|
||||
{ latLng: [7.35, 134.46], name: 'Palau' },
|
||||
{ latLng: [42.5, 1.51], name: 'Andorra' },
|
||||
{ latLng: [14.01, -60.98], name: 'Saint Lucia' },
|
||||
{ latLng: [6.91, 158.18], name: 'Federated States of Micronesia' },
|
||||
{ latLng: [1.3, 103.8], name: 'Singapore' },
|
||||
{ latLng: [1.46, 173.03], name: 'Kiribati' },
|
||||
{ latLng: [-21.13, -175.2], name: 'Tonga' },
|
||||
{ latLng: [15.3, -61.38], name: 'Dominica' },
|
||||
{ latLng: [-20.2, 57.5], name: 'Mauritius' },
|
||||
{ latLng: [26.02, 50.55], name: 'Bahrain' },
|
||||
{ latLng: [0.33, 6.73], name: 'São Tomé and Príncipe' }
|
||||
]
|
||||
});
|
||||
}
|
||||
})
|
||||
$(function () {
|
||||
var map,
|
||||
markers = [
|
||||
{ latLng: [52.50, 13.39], name: 'Berlin' },
|
||||
{ latLng: [53.56, 10.00], name: 'Hamburg' },
|
||||
{ latLng: [48.13, 11.56], name: 'Munich' },
|
||||
{ latLng: [50.95, 6.96], name: 'Cologne' },
|
||||
{ latLng: [50.11, 8.68], name: 'Frankfurt am Main' },
|
||||
{ latLng: [48.77, 9.17], name: 'Stuttgart' },
|
||||
{ latLng: [51.23, 6.78], name: 'Düsseldorf' },
|
||||
{ latLng: [51.51, 7.46], name: 'Dortmund' },
|
||||
{ latLng: [51.45, 7.01], name: 'Essen' },
|
||||
{ latLng: [53.07, 8.80], name: 'Bremen' }
|
||||
],
|
||||
cityAreaData = [
|
||||
887.70,
|
||||
755.16,
|
||||
310.69,
|
||||
405.17,
|
||||
248.31,
|
||||
207.35,
|
||||
217.22,
|
||||
280.71,
|
||||
210.32,
|
||||
325.42
|
||||
]
|
||||
if ($.fn.vectorMap !== undefined && $('#rusia-map').length > 0) {
|
||||
$('#rusia-map').vectorMap({
|
||||
map: 'de_merc',
|
||||
regionsSelectable: true,
|
||||
markersSelectable: true,
|
||||
markers: markers,
|
||||
markerStyle: {
|
||||
initial: {
|
||||
fill: '#4DAC26'
|
||||
},
|
||||
selected: {
|
||||
fill: '#CA0020'
|
||||
}
|
||||
},
|
||||
regionStyle: {
|
||||
initial: {
|
||||
fill: '#B8E186'
|
||||
},
|
||||
selected: {
|
||||
fill: '#F4A582'
|
||||
}
|
||||
},
|
||||
series: {
|
||||
markers: [{
|
||||
attribute: 'r',
|
||||
scale: [5, 15],
|
||||
values: cityAreaData
|
||||
}]
|
||||
},
|
||||
onRegionSelected: function () {
|
||||
if (window.localStorage) {
|
||||
window.localStorage.setItem(
|
||||
'jvectormap-selected-regions',
|
||||
JSON.stringify(map.getSelectedRegions())
|
||||
);
|
||||
}
|
||||
},
|
||||
onMarkerSelected: function () {
|
||||
if (window.localStorage) {
|
||||
window.localStorage.setItem(
|
||||
'jvectormap-selected-markers',
|
||||
JSON.stringify(map.getSelectedMarkers())
|
||||
);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
$(function () {
|
||||
if ($.fn.vectorMap !== undefined && $('#legend-map').length > 0) {
|
||||
$('#legend-map').vectorMap({
|
||||
map: 'us_aea',
|
||||
markers: [
|
||||
[61.18, -149.53],
|
||||
[21.18, -157.49],
|
||||
[40.66, -73.56],
|
||||
[41.52, -87.37],
|
||||
[35.22, -80.84],
|
||||
[31.52, -87.37]
|
||||
],
|
||||
series: {
|
||||
markers: [{
|
||||
attribute: 'fill',
|
||||
scale: ['#C8EEFF', '#0071A4'],
|
||||
normalizeFunction: 'polynomial',
|
||||
values: [408, 512, 550, 781],
|
||||
legend: {
|
||||
vertical: true
|
||||
}
|
||||
}, {
|
||||
attribute: 'image',
|
||||
scale: {
|
||||
bank: '../assets/images/vectormap/icon-bank.png',
|
||||
factory: '../assets/images/vectormap/icon-factory.png'
|
||||
},
|
||||
values: {
|
||||
'4': 'bank',
|
||||
'5': 'factory'
|
||||
},
|
||||
legend: {
|
||||
horizontal: true,
|
||||
cssClass: 'jvectormap-legend-icons',
|
||||
title: 'Business type'
|
||||
}
|
||||
}],
|
||||
regions: [{
|
||||
scale: {
|
||||
red: '#ff0000',
|
||||
green: '#00ff00'
|
||||
},
|
||||
attribute: 'fill',
|
||||
values: {
|
||||
"US-KS": 'red',
|
||||
"US-MO": 'red',
|
||||
"US-IA": 'green',
|
||||
"US-NE": 'green'
|
||||
},
|
||||
legend: {
|
||||
horizontal: true,
|
||||
title: 'Color'
|
||||
}
|
||||
}, {
|
||||
scale: {
|
||||
redGreen: '../assets/images/vectormap/bg-red-green.png',
|
||||
yellowBlue: '../assets/images/vectormap/bg-yellow-blue.png'
|
||||
},
|
||||
values: {
|
||||
"US-TX": 'redGreen',
|
||||
"US-CA": 'yellowBlue'
|
||||
},
|
||||
attribute: 'fill',
|
||||
legend: {
|
||||
horizontal: true,
|
||||
cssClass: 'jvectormap-legend-bg',
|
||||
title: 'Pattern',
|
||||
labelRender: function (v) {
|
||||
return {
|
||||
redGreen: 'low',
|
||||
yellowBlue: 'high'
|
||||
}[v];
|
||||
}
|
||||
}
|
||||
}]
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
$(function () {
|
||||
var plants = [
|
||||
{ name: 'VAK', coords: [50.0091294, 9.0371812], status: 'closed', offsets: [0, 2] },
|
||||
{ name: 'MZFR', coords: [49.0543102, 8.4825862], status: 'closed', offsets: [0, 2] },
|
||||
{ name: 'AVR', coords: [50.9030599, 6.4213693], status: 'closed' },
|
||||
{ name: 'KKR', coords: [53.1472465, 12.9903674], status: 'closed' },
|
||||
{ name: 'KRB', coords: [48.513264, 10.4020357], status: 'activeUntil2018' },
|
||||
{ name: 'KWO', coords: [49.364503, 9.076252], status: 'closed' },
|
||||
{ name: 'KWL', coords: [52.5331853, 7.2505223], status: 'closed', offsets: [0, -2] },
|
||||
{ name: 'HDR', coords: [50.1051446, 8.9348691], status: 'closed', offsets: [0, -2] },
|
||||
{ name: 'KKS', coords: [53.6200685, 9.5306289], status: 'closed' },
|
||||
{ name: 'KKN', coords: [48.6558015, 12.2500848], status: 'closed', offsets: [0, -2] },
|
||||
{ name: 'KGR', coords: [54.1417497, 13.6583877], status: 'closed' },
|
||||
{ name: 'KWB', coords: [49.709331, 8.415865], status: 'closed' },
|
||||
{ name: 'KWW', coords: [51.6396481, 9.3915617], status: 'closed' },
|
||||
{ name: 'GKN', coords: [49.0401151, 9.1721088], status: 'activeUntil2022' },
|
||||
{ name: 'KKB', coords: [53.8913533, 9.2005777], status: 'closed', offsets: [0, -5] },
|
||||
{ name: 'KKI', coords: [48.5544748, 12.3472095], status: 'activeUntil2022', offsets: [0, 2] },
|
||||
{ name: 'KKU', coords: [53.4293465, 8.4774649], status: 'closed' },
|
||||
{ name: 'KNK', coords: [49.1473279, 8.3827739], status: 'closed' },
|
||||
{ name: 'KKP', coords: [49.2513078, 8.4356761], status: 'activeUntil2022', offsets: [0, -2] },
|
||||
{ name: 'KKG', coords: [49.9841308, 10.1846373], status: 'activeUntil2018' },
|
||||
{ name: 'KKK', coords: [53.4104656, 10.4091597], status: 'closed' },
|
||||
{ name: 'KWG', coords: [52.0348748, 9.4097793], status: 'activeUntil2022' },
|
||||
{ name: 'KBR', coords: [53.850666, 9.3457603], status: 'closed', offsets: [0, 5] },
|
||||
{ name: 'KMK', coords: [50.408791, 7.4861956], status: 'closed' },
|
||||
{ name: 'THTR', coords: [51.6786228, 7.9700232], status: 'closed' },
|
||||
{ name: 'KKE', coords: [52.4216974, 7.3706389], status: 'activeUntil2022', offsets: [0, 2] }
|
||||
];
|
||||
if ($.fn.vectorMap !== undefined && $('#icon-map').length > 0) {
|
||||
$('#icon-map').vectorMap({
|
||||
map: 'de_merc',
|
||||
markers: plants.map(function (h) { return { name: h.name, latLng: h.coords } }),
|
||||
labels: {
|
||||
markers: {
|
||||
render: function (index) {
|
||||
return plants[index].name;
|
||||
},
|
||||
offsets: function (index) {
|
||||
var offset = plants[index]['offsets'] || [0, 0];
|
||||
|
||||
return [offset[0] - 7, offset[1] + 3];
|
||||
}
|
||||
}
|
||||
},
|
||||
series: {
|
||||
markers: [{
|
||||
attribute: 'image',
|
||||
scale: {
|
||||
'closed': '../assets/images/vectormap/icon-np-3.png',
|
||||
'activeUntil2018': '../assets/images/vectormap/icon-np-2.png',
|
||||
'activeUntil2022': '../assets/images/vectormap/icon-np-1.png'
|
||||
},
|
||||
values: plants.reduce(function (p, c, i) { p[i] = c.status; return p }, {}),
|
||||
legend: {
|
||||
horizontal: true,
|
||||
title: 'Nuclear power station status',
|
||||
labelRender: function (v) {
|
||||
return {
|
||||
closed: 'Closed',
|
||||
activeUntil2018: 'Scheduled for shut down<br> before 2018',
|
||||
activeUntil2022: 'Scheduled for shut down<br> before 2022'
|
||||
}[v];
|
||||
}
|
||||
}
|
||||
}]
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user