Cleaned up unused assets
|
|
@ -12,7 +12,6 @@
|
||||||
<link rel="stylesheet" href="{% static 'dist/css/adminlte.css' %}">
|
<link rel="stylesheet" href="{% static 'dist/css/adminlte.css' %}">
|
||||||
<link rel="stylesheet"
|
<link rel="stylesheet"
|
||||||
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
||||||
<link rel="stylesheet" href="{% static 'plugins/select2/css/select2.min.css' %}">
|
|
||||||
</head>
|
</head>
|
||||||
<body class="layout-top-nav" style="height: auto;">
|
<body class="layout-top-nav" style="height: auto;">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
from django.core.management.base import BaseCommand
|
|
||||||
from ragnarok.models import Video
|
|
||||||
|
|
||||||
class Command(BaseCommand):
|
|
||||||
args = '<foo bar ...>'
|
|
||||||
help = 'our help string comes here'
|
|
||||||
|
Before Width: | Height: | Size: 7.0 MiB |
|
Before Width: | Height: | Size: 170 KiB |
12194
static/dist/css/alt/adminlte.components.css
vendored
29991
static/dist/css/alt/adminlte.core.css
vendored
1
static/dist/css/alt/adminlte.core.css.map
vendored
13
static/dist/css/alt/adminlte.core.min.css
vendored
1756
static/dist/css/alt/adminlte.extra-components.css
vendored
36864
static/dist/css/alt/adminlte.light.css
vendored
1
static/dist/css/alt/adminlte.light.css.map
vendored
18
static/dist/css/alt/adminlte.light.min.css
vendored
960
static/dist/css/alt/adminlte.pages.css
vendored
|
|
@ -1,960 +0,0 @@
|
||||||
/*!
|
|
||||||
* AdminLTE v3.2.0
|
|
||||||
* Only Pages
|
|
||||||
* Author: Colorlib
|
|
||||||
* Website: AdminLTE.io <https://adminlte.io>
|
|
||||||
* License: Open source - MIT <https://opensource.org/licenses/MIT>
|
|
||||||
*/
|
|
||||||
.close, .mailbox-attachment-close {
|
|
||||||
float: right;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1;
|
|
||||||
color: #000;
|
|
||||||
text-shadow: 0 1px 0 #fff;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close:hover, .mailbox-attachment-close:hover {
|
|
||||||
color: #000;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.close, button.mailbox-attachment-close {
|
|
||||||
padding: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.close.disabled, a.disabled.mailbox-attachment-close {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes flipInX {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
||||||
transition-timing-function: ease-in;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
40% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
||||||
transition-timing-function: ease-in;
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
80% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: perspective(400px);
|
|
||||||
transform: perspective(400px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes flipInX {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
||||||
transition-timing-function: ease-in;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
40% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
||||||
transition-timing-function: ease-in;
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
80% {
|
|
||||||
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
||||||
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: perspective(400px);
|
|
||||||
transform: perspective(400px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes fadeIn {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeIn {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes fadeOut {
|
|
||||||
from {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeOut {
|
|
||||||
from {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes shake {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: translate(2px, 1px) rotate(0deg);
|
|
||||||
transform: translate(2px, 1px) rotate(0deg);
|
|
||||||
}
|
|
||||||
10% {
|
|
||||||
-webkit-transform: translate(-1px, -2px) rotate(-2deg);
|
|
||||||
transform: translate(-1px, -2px) rotate(-2deg);
|
|
||||||
}
|
|
||||||
20% {
|
|
||||||
-webkit-transform: translate(-3px, 0) rotate(3deg);
|
|
||||||
transform: translate(-3px, 0) rotate(3deg);
|
|
||||||
}
|
|
||||||
30% {
|
|
||||||
-webkit-transform: translate(0, 2px) rotate(0deg);
|
|
||||||
transform: translate(0, 2px) rotate(0deg);
|
|
||||||
}
|
|
||||||
40% {
|
|
||||||
-webkit-transform: translate(1px, -1px) rotate(1deg);
|
|
||||||
transform: translate(1px, -1px) rotate(1deg);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
|
|
||||||
transform: translate(-1px, 2px) rotate(-1deg);
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
-webkit-transform: translate(-3px, 1px) rotate(0deg);
|
|
||||||
transform: translate(-3px, 1px) rotate(0deg);
|
|
||||||
}
|
|
||||||
70% {
|
|
||||||
-webkit-transform: translate(2px, 1px) rotate(-2deg);
|
|
||||||
transform: translate(2px, 1px) rotate(-2deg);
|
|
||||||
}
|
|
||||||
80% {
|
|
||||||
-webkit-transform: translate(-1px, -1px) rotate(4deg);
|
|
||||||
transform: translate(-1px, -1px) rotate(4deg);
|
|
||||||
}
|
|
||||||
90% {
|
|
||||||
-webkit-transform: translate(2px, 2px) rotate(0deg);
|
|
||||||
transform: translate(2px, 2px) rotate(0deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: translate(1px, -2px) rotate(-1deg);
|
|
||||||
transform: translate(1px, -2px) rotate(-1deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes shake {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: translate(2px, 1px) rotate(0deg);
|
|
||||||
transform: translate(2px, 1px) rotate(0deg);
|
|
||||||
}
|
|
||||||
10% {
|
|
||||||
-webkit-transform: translate(-1px, -2px) rotate(-2deg);
|
|
||||||
transform: translate(-1px, -2px) rotate(-2deg);
|
|
||||||
}
|
|
||||||
20% {
|
|
||||||
-webkit-transform: translate(-3px, 0) rotate(3deg);
|
|
||||||
transform: translate(-3px, 0) rotate(3deg);
|
|
||||||
}
|
|
||||||
30% {
|
|
||||||
-webkit-transform: translate(0, 2px) rotate(0deg);
|
|
||||||
transform: translate(0, 2px) rotate(0deg);
|
|
||||||
}
|
|
||||||
40% {
|
|
||||||
-webkit-transform: translate(1px, -1px) rotate(1deg);
|
|
||||||
transform: translate(1px, -1px) rotate(1deg);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
|
|
||||||
transform: translate(-1px, 2px) rotate(-1deg);
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
-webkit-transform: translate(-3px, 1px) rotate(0deg);
|
|
||||||
transform: translate(-3px, 1px) rotate(0deg);
|
|
||||||
}
|
|
||||||
70% {
|
|
||||||
-webkit-transform: translate(2px, 1px) rotate(-2deg);
|
|
||||||
transform: translate(2px, 1px) rotate(-2deg);
|
|
||||||
}
|
|
||||||
80% {
|
|
||||||
-webkit-transform: translate(-1px, -1px) rotate(4deg);
|
|
||||||
transform: translate(-1px, -1px) rotate(4deg);
|
|
||||||
}
|
|
||||||
90% {
|
|
||||||
-webkit-transform: translate(2px, 2px) rotate(0deg);
|
|
||||||
transform: translate(2px, 2px) rotate(0deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: translate(1px, -2px) rotate(-1deg);
|
|
||||||
transform: translate(1px, -2px) rotate(-1deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes wobble {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: none;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
15% {
|
|
||||||
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
||||||
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
||||||
}
|
|
||||||
30% {
|
|
||||||
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
||||||
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
||||||
}
|
|
||||||
45% {
|
|
||||||
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
||||||
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
||||||
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
||||||
}
|
|
||||||
75% {
|
|
||||||
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
||||||
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: none;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes wobble {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: none;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
15% {
|
|
||||||
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
||||||
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
||||||
}
|
|
||||||
30% {
|
|
||||||
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
||||||
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
||||||
}
|
|
||||||
45% {
|
|
||||||
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
||||||
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
||||||
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
||||||
}
|
|
||||||
75% {
|
|
||||||
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
||||||
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: none;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-messages > .table {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-controls {
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-controls.with-border {
|
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-read-info {
|
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-read-info h3 {
|
|
||||||
font-size: 20px;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-read-info h5 {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-read-time {
|
|
||||||
color: #999;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-read-message {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachments {
|
|
||||||
padding-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachments li {
|
|
||||||
border: 1px solid #eee;
|
|
||||||
float: left;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-name {
|
|
||||||
color: #666;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-icon,
|
|
||||||
.mailbox-attachment-info,
|
|
||||||
.mailbox-attachment-size {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-info {
|
|
||||||
background-color: #f8f9fa;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-size {
|
|
||||||
color: #999;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-size > span {
|
|
||||||
display: inline-block;
|
|
||||||
padding-top: .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-icon {
|
|
||||||
color: #666;
|
|
||||||
font-size: 65px;
|
|
||||||
max-height: 132.5px;
|
|
||||||
padding: 20px 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-icon.has-img {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mailbox-attachment-icon.has-img > img {
|
|
||||||
height: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen {
|
|
||||||
background-color: #e9ecef;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen .lockscreen-name {
|
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-logo {
|
|
||||||
font-size: 35px;
|
|
||||||
font-weight: 300;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-logo a {
|
|
||||||
color: #495057;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-wrapper {
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 10%;
|
|
||||||
max-width: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-item {
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #fff;
|
|
||||||
margin: 10px auto 30px;
|
|
||||||
padding: 0;
|
|
||||||
position: relative;
|
|
||||||
width: 290px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-image {
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #fff;
|
|
||||||
left: -10px;
|
|
||||||
padding: 5px;
|
|
||||||
position: absolute;
|
|
||||||
top: -25px;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-image > img {
|
|
||||||
border-radius: 50%;
|
|
||||||
height: 70px;
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-credentials {
|
|
||||||
margin-left: 70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-credentials .form-control {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-credentials .btn {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 0;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lockscreen-footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .lockscreen-item {
|
|
||||||
background-color: #343a40;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .lockscreen-logo a {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .lockscreen-credentials .btn {
|
|
||||||
background-color: #343a40;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .lockscreen-image {
|
|
||||||
background-color: #6c757d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-logo,
|
|
||||||
.register-logo {
|
|
||||||
font-size: 2.1rem;
|
|
||||||
font-weight: 300;
|
|
||||||
margin-bottom: .9rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-logo a,
|
|
||||||
.register-logo a {
|
|
||||||
color: #495057;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-page,
|
|
||||||
.register-page {
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #e9ecef;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-ms-flex-direction: column;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100vh;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-box,
|
|
||||||
.register-box {
|
|
||||||
width: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
.login-box,
|
|
||||||
.register-box {
|
|
||||||
margin-top: .5rem;
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-box .card,
|
|
||||||
.register-box .card {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body,
|
|
||||||
.register-card-body {
|
|
||||||
background-color: #fff;
|
|
||||||
border-top: 0;
|
|
||||||
color: #666;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control,
|
|
||||||
.register-card-body .input-group .form-control {
|
|
||||||
border-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control:focus,
|
|
||||||
.register-card-body .input-group .form-control:focus {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
|
|
||||||
.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
|
|
||||||
.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
|
|
||||||
.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
|
|
||||||
border-color: #80bdff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control.is-valid:focus,
|
|
||||||
.register-card-body .input-group .form-control.is-valid:focus {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
|
|
||||||
.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
|
|
||||||
.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
|
|
||||||
.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
|
|
||||||
border-color: #28a745;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control.is-invalid:focus,
|
|
||||||
.register-card-body .input-group .form-control.is-invalid:focus {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
|
|
||||||
.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
|
|
||||||
border-color: #dc3545;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-card-body .input-group .input-group-text,
|
|
||||||
.register-card-body .input-group .input-group-text {
|
|
||||||
background-color: transparent;
|
|
||||||
border-bottom-right-radius: 0.25rem;
|
|
||||||
border-left: 0;
|
|
||||||
border-top-right-radius: 0.25rem;
|
|
||||||
color: #777;
|
|
||||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-box-msg,
|
|
||||||
.register-box-msg {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 20px 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.social-auth-links {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .login-card-body,
|
|
||||||
.dark-mode .register-card-body {
|
|
||||||
background-color: #343a40;
|
|
||||||
border-color: #6c757d;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .login-logo a,
|
|
||||||
.dark-mode .register-logo a {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-page {
|
|
||||||
margin: 20px auto 0;
|
|
||||||
width: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
|
||||||
.error-page {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-page > .headline {
|
|
||||||
float: left;
|
|
||||||
font-size: 100px;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
|
||||||
.error-page > .headline {
|
|
||||||
float: none;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-page > .error-content {
|
|
||||||
display: block;
|
|
||||||
margin-left: 190px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
|
||||||
.error-page > .error-content {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-page > .error-content > h3 {
|
|
||||||
font-size: 25px;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
|
||||||
.error-page > .error-content > h3 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.invoice {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.125);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invoice-title {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .invoice {
|
|
||||||
background-color: #343a40;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile-user-img {
|
|
||||||
border: 3px solid #adb5bd;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 3px;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile-username {
|
|
||||||
font-size: 21px;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post {
|
|
||||||
border-bottom: 1px solid #adb5bd;
|
|
||||||
color: #666;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
padding-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post:last-of-type {
|
|
||||||
border-bottom: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post .user-block {
|
|
||||||
margin-bottom: 15px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post .row {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .post {
|
|
||||||
color: #fff;
|
|
||||||
border-color: #6c757d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-image {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-image-thumbs {
|
|
||||||
-ms-flex-align: stretch;
|
|
||||||
align-items: stretch;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-image-thumb {
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dee2e6;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 1rem;
|
|
||||||
max-width: 7rem;
|
|
||||||
padding: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-image-thumb img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
-ms-flex-item-align: center;
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-image-thumb:hover {
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-share a {
|
|
||||||
margin-right: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects td {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects .list-inline {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects img.table-avatar,
|
|
||||||
.projects .table-avatar img {
|
|
||||||
border-radius: 50%;
|
|
||||||
display: inline;
|
|
||||||
width: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects .project-state {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.iframe-mode .main-sidebar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.iframe-mode .content-wrapper {
|
|
||||||
margin-left: 0 !important;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
padding-bottom: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.iframe-mode .main-header,
|
|
||||||
body.iframe-mode .main-footer {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.iframe-mode-fullscreen {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .btn-iframe-close {
|
|
||||||
color: #dc3545;
|
|
||||||
position: absolute;
|
|
||||||
line-height: 1;
|
|
||||||
right: .125rem;
|
|
||||||
top: .125rem;
|
|
||||||
z-index: 10;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .btn-iframe-close:hover, .content-wrapper.iframe-mode .btn-iframe-close:focus {
|
|
||||||
-webkit-animation-name: fadeIn;
|
|
||||||
animation-name: fadeIn;
|
|
||||||
-webkit-animation-duration: 0.3s;
|
|
||||||
animation-duration: 0.3s;
|
|
||||||
-webkit-animation-fill-mode: both;
|
|
||||||
animation-fill-mode: both;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: none) and (pointer: coarse) {
|
|
||||||
.content-wrapper.iframe-mode .btn-iframe-close {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .navbar-nav {
|
|
||||||
overflow-y: auto;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .navbar-nav .nav-link {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .navbar-nav .nav-item {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
|
|
||||||
-webkit-animation-name: fadeIn;
|
|
||||||
animation-name: fadeIn;
|
|
||||||
-webkit-animation-duration: 0.3s;
|
|
||||||
animation-duration: 0.3s;
|
|
||||||
-webkit-animation-fill-mode: both;
|
|
||||||
animation-fill-mode: both;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: none) and (pointer: coarse) {
|
|
||||||
.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .tab-content {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .tab-pane + .tab-empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .tab-empty {
|
|
||||||
width: 100%;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .tab-loading {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
display: none;
|
|
||||||
background-color: #f4f6f9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode .tab-loading > div {
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode iframe {
|
|
||||||
border: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin-bottom: -8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.iframe-mode iframe .content-wrapper {
|
|
||||||
padding-bottom: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
height: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
z-index: 1048;
|
|
||||||
}
|
|
||||||
|
|
||||||
.permanent-btn-iframe-close .btn-iframe-close {
|
|
||||||
-webkit-animation: none !important;
|
|
||||||
animation: none !important;
|
|
||||||
visibility: visible !important;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark-mode .content-wrapper.iframe-mode .tab-loading {
|
|
||||||
background-color: #343a40;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban {
|
|
||||||
height: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .content {
|
|
||||||
height: 100%;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .content .container,
|
|
||||||
.content-wrapper.kanban .content .container-fluid {
|
|
||||||
width: -webkit-max-content;
|
|
||||||
width: -moz-max-content;
|
|
||||||
width: max-content;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-ms-flex-align: stretch;
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .content-header + .content {
|
|
||||||
height: calc(100% - ((2 * 15px) + (1.8rem * 1.2)));
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card .card-body {
|
|
||||||
padding: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card.card-row {
|
|
||||||
width: 340px;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card.card-row:first-child {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card.card-row .card-body {
|
|
||||||
height: calc(100% - (12px + (1.8rem * 1.2) + .5rem));
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card.card-row .card:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card.card-row .card .card-header {
|
|
||||||
padding: .5rem .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .card.card-row .card .card-body {
|
|
||||||
padding: .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrapper.kanban .btn-tool.btn-link {
|
|
||||||
text-decoration: underline;
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=adminlte.pages.css.map */
|
|
||||||
1
static/dist/css/alt/adminlte.pages.css.map
vendored
8
static/dist/css/alt/adminlte.pages.min.css
vendored
9146
static/dist/css/alt/adminlte.plugins.css
vendored
1
static/dist/css/alt/adminlte.plugins.css.map
vendored
8
static/dist/css/alt/adminlte.plugins.min.css
vendored
BIN
static/dist/img/AdminLTELogo.png
vendored
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
static/dist/img/avatar.png
vendored
|
Before Width: | Height: | Size: 7.9 KiB |
BIN
static/dist/img/avatar2.png
vendored
|
Before Width: | Height: | Size: 8.1 KiB |
BIN
static/dist/img/avatar3.png
vendored
|
Before Width: | Height: | Size: 9.0 KiB |
BIN
static/dist/img/avatar4.png
vendored
|
Before Width: | Height: | Size: 13 KiB |
BIN
static/dist/img/avatar5.png
vendored
|
Before Width: | Height: | Size: 7.4 KiB |
BIN
static/dist/img/boxed-bg.jpg
vendored
|
Before Width: | Height: | Size: 121 KiB |
BIN
static/dist/img/boxed-bg.png
vendored
|
Before Width: | Height: | Size: 43 KiB |
BIN
static/dist/img/credit/american-express.png
vendored
|
Before Width: | Height: | Size: 2.1 KiB |
BIN
static/dist/img/credit/cirrus.png
vendored
|
Before Width: | Height: | Size: 1.5 KiB |
BIN
static/dist/img/credit/mastercard.png
vendored
|
Before Width: | Height: | Size: 1.5 KiB |
BIN
static/dist/img/credit/paypal.png
vendored
|
Before Width: | Height: | Size: 1.9 KiB |
BIN
static/dist/img/credit/paypal2.png
vendored
|
Before Width: | Height: | Size: 1.2 KiB |
BIN
static/dist/img/credit/visa.png
vendored
|
Before Width: | Height: | Size: 1.0 KiB |
BIN
static/dist/img/default-150x150.png
vendored
|
Before Width: | Height: | Size: 339 B |
BIN
static/dist/img/default.png
vendored
|
Before Width: | Height: | Size: 748 KiB |
BIN
static/dist/img/icons.png
vendored
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
static/dist/img/photo1.png
vendored
|
Before Width: | Height: | Size: 647 KiB |
BIN
static/dist/img/photo2.png
vendored
|
Before Width: | Height: | Size: 413 KiB |
BIN
static/dist/img/photo3.jpg
vendored
|
Before Width: | Height: | Size: 362 KiB |
BIN
static/dist/img/photo4.jpg
vendored
|
Before Width: | Height: | Size: 1.1 MiB |
BIN
static/dist/img/prod-1.jpg
vendored
|
Before Width: | Height: | Size: 44 KiB |
BIN
static/dist/img/prod-2.jpg
vendored
|
Before Width: | Height: | Size: 32 KiB |
BIN
static/dist/img/prod-3.jpg
vendored
|
Before Width: | Height: | Size: 20 KiB |
BIN
static/dist/img/prod-4.jpg
vendored
|
Before Width: | Height: | Size: 26 KiB |
BIN
static/dist/img/prod-5.jpg
vendored
|
Before Width: | Height: | Size: 31 KiB |
BIN
static/dist/img/user1-128x128.jpg
vendored
|
Before Width: | Height: | Size: 2.7 KiB |
BIN
static/dist/img/user2-160x160.jpg
vendored
|
Before Width: | Height: | Size: 6.7 KiB |
BIN
static/dist/img/user3-128x128.jpg
vendored
|
Before Width: | Height: | Size: 3.3 KiB |
BIN
static/dist/img/user4-128x128.jpg
vendored
|
Before Width: | Height: | Size: 3.4 KiB |
BIN
static/dist/img/user5-128x128.jpg
vendored
|
Before Width: | Height: | Size: 6.3 KiB |
BIN
static/dist/img/user6-128x128.jpg
vendored
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
static/dist/img/user7-128x128.jpg
vendored
|
Before Width: | Height: | Size: 6.2 KiB |
BIN
static/dist/img/user8-128x128.jpg
vendored
|
Before Width: | Height: | Size: 4.9 KiB |
57
static/dist/js/.eslintrc.json
vendored
|
|
@ -1,57 +0,0 @@
|
||||||
{
|
|
||||||
"root": true,
|
|
||||||
"parserOptions": {
|
|
||||||
"ecmaVersion": 5,
|
|
||||||
"sourceType": "script"
|
|
||||||
},
|
|
||||||
"env": {
|
|
||||||
"jquery": true
|
|
||||||
},
|
|
||||||
"extends": [
|
|
||||||
"plugin:unicorn/recommended",
|
|
||||||
"xo",
|
|
||||||
"xo/browser"
|
|
||||||
],
|
|
||||||
"rules": {
|
|
||||||
"capitalized-comments": "off",
|
|
||||||
"comma-dangle": [
|
|
||||||
"error",
|
|
||||||
"never"
|
|
||||||
],
|
|
||||||
"indent": [
|
|
||||||
"error",
|
|
||||||
2,
|
|
||||||
{
|
|
||||||
"MemberExpression": "off",
|
|
||||||
"SwitchCase": 1
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"multiline-ternary": [
|
|
||||||
"error",
|
|
||||||
"always-multiline"
|
|
||||||
],
|
|
||||||
"no-var": "off",
|
|
||||||
"object-curly-spacing": [
|
|
||||||
"error",
|
|
||||||
"always"
|
|
||||||
],
|
|
||||||
"object-shorthand": "off",
|
|
||||||
"prefer-arrow-callback": "off",
|
|
||||||
"semi": [
|
|
||||||
"error",
|
|
||||||
"never"
|
|
||||||
],
|
|
||||||
"strict": "error",
|
|
||||||
"unicorn/no-array-for-each": "off",
|
|
||||||
"unicorn/no-for-loop": "off",
|
|
||||||
"unicorn/no-null": "off",
|
|
||||||
"unicorn/numeric-separators-style": "off",
|
|
||||||
"unicorn/prefer-dataset": "off",
|
|
||||||
"unicorn/prefer-includes": "off",
|
|
||||||
"unicorn/prefer-module": "off",
|
|
||||||
"unicorn/prefer-node-append": "off",
|
|
||||||
"unicorn/prefer-query-selector": "off",
|
|
||||||
"unicorn/prefer-spread": "off",
|
|
||||||
"unicorn/prevent-abbreviations": "off"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
689
static/dist/js/demo.js
vendored
|
|
@ -1,689 +0,0 @@
|
||||||
/**
|
|
||||||
* AdminLTE Demo Menu
|
|
||||||
* ------------------
|
|
||||||
* You should not use this file in production.
|
|
||||||
* This file is for demo purposes only.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* eslint-disable camelcase */
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict'
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
if (window.___browserSync___ === undefined && Number(localStorage.getItem('AdminLTE:Demo:MessageShowed')) < Date.now()) {
|
|
||||||
localStorage.setItem('AdminLTE:Demo:MessageShowed', (Date.now()) + (15 * 60 * 1000))
|
|
||||||
// eslint-disable-next-line no-alert
|
|
||||||
alert('You load AdminLTE\'s "demo.js", \nthis file is only created for testing purposes!')
|
|
||||||
}
|
|
||||||
}, 1000)
|
|
||||||
|
|
||||||
function capitalizeFirstLetter(string) {
|
|
||||||
return string.charAt(0).toUpperCase() + string.slice(1)
|
|
||||||
}
|
|
||||||
|
|
||||||
function createSkinBlock(colors, callback, noneSelected) {
|
|
||||||
var $block = $('<select />', {
|
|
||||||
class: noneSelected ? 'custom-select mb-3 border-0' : 'custom-select mb-3 text-light border-0 ' + colors[0].replace(/accent-|navbar-/, 'bg-')
|
|
||||||
})
|
|
||||||
|
|
||||||
if (noneSelected) {
|
|
||||||
var $default = $('<option />', {
|
|
||||||
text: 'None Selected'
|
|
||||||
})
|
|
||||||
|
|
||||||
$block.append($default)
|
|
||||||
}
|
|
||||||
|
|
||||||
colors.forEach(function (color) {
|
|
||||||
var $color = $('<option />', {
|
|
||||||
class: (typeof color === 'object' ? color.join(' ') : color).replace('navbar-', 'bg-').replace('accent-', 'bg-'),
|
|
||||||
text: capitalizeFirstLetter((typeof color === 'object' ? color.join(' ') : color).replace(/navbar-|accent-|bg-/, '').replace('-', ' '))
|
|
||||||
})
|
|
||||||
|
|
||||||
$block.append($color)
|
|
||||||
})
|
|
||||||
if (callback) {
|
|
||||||
$block.on('change', callback)
|
|
||||||
}
|
|
||||||
|
|
||||||
return $block
|
|
||||||
}
|
|
||||||
|
|
||||||
var $sidebar = $('.control-sidebar')
|
|
||||||
var $container = $('<div />', {
|
|
||||||
class: 'p-3 control-sidebar-content'
|
|
||||||
})
|
|
||||||
|
|
||||||
$sidebar.append($container)
|
|
||||||
|
|
||||||
// Checkboxes
|
|
||||||
|
|
||||||
$container.append(
|
|
||||||
'<h5>Customize AdminLTE</h5><hr class="mb-2"/>'
|
|
||||||
)
|
|
||||||
|
|
||||||
var $dark_mode_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('dark-mode'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('dark-mode')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('dark-mode')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $dark_mode_container = $('<div />', { class: 'mb-4' }).append($dark_mode_checkbox).append('<span>Dark Mode</span>')
|
|
||||||
$container.append($dark_mode_container)
|
|
||||||
|
|
||||||
$container.append('<h6>Header Options</h6>')
|
|
||||||
var $header_fixed_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('layout-navbar-fixed'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('layout-navbar-fixed')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('layout-navbar-fixed')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $header_fixed_container = $('<div />', { class: 'mb-1' }).append($header_fixed_checkbox).append('<span>Fixed</span>')
|
|
||||||
$container.append($header_fixed_container)
|
|
||||||
|
|
||||||
var $dropdown_legacy_offset_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.main-header').hasClass('dropdown-legacy'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.main-header').addClass('dropdown-legacy')
|
|
||||||
} else {
|
|
||||||
$('.main-header').removeClass('dropdown-legacy')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $dropdown_legacy_offset_container = $('<div />', { class: 'mb-1' }).append($dropdown_legacy_offset_checkbox).append('<span>Dropdown Legacy Offset</span>')
|
|
||||||
$container.append($dropdown_legacy_offset_container)
|
|
||||||
|
|
||||||
var $no_border_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.main-header').hasClass('border-bottom-0'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.main-header').addClass('border-bottom-0')
|
|
||||||
} else {
|
|
||||||
$('.main-header').removeClass('border-bottom-0')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $no_border_container = $('<div />', { class: 'mb-4' }).append($no_border_checkbox).append('<span>No border</span>')
|
|
||||||
$container.append($no_border_container)
|
|
||||||
|
|
||||||
$container.append('<h6>Sidebar Options</h6>')
|
|
||||||
|
|
||||||
var $sidebar_collapsed_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('sidebar-collapse'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('sidebar-collapse')
|
|
||||||
$(window).trigger('resize')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('sidebar-collapse')
|
|
||||||
$(window).trigger('resize')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $sidebar_collapsed_container = $('<div />', { class: 'mb-1' }).append($sidebar_collapsed_checkbox).append('<span>Collapsed</span>')
|
|
||||||
$container.append($sidebar_collapsed_container)
|
|
||||||
|
|
||||||
$(document).on('collapsed.lte.pushmenu', '[data-widget="pushmenu"]', function () {
|
|
||||||
$sidebar_collapsed_checkbox.prop('checked', true)
|
|
||||||
})
|
|
||||||
$(document).on('shown.lte.pushmenu', '[data-widget="pushmenu"]', function () {
|
|
||||||
$sidebar_collapsed_checkbox.prop('checked', false)
|
|
||||||
})
|
|
||||||
|
|
||||||
var $sidebar_fixed_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('layout-fixed'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('layout-fixed')
|
|
||||||
$(window).trigger('resize')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('layout-fixed')
|
|
||||||
$(window).trigger('resize')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $sidebar_fixed_container = $('<div />', { class: 'mb-1' }).append($sidebar_fixed_checkbox).append('<span>Fixed</span>')
|
|
||||||
$container.append($sidebar_fixed_container)
|
|
||||||
|
|
||||||
var $sidebar_mini_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('sidebar-mini'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('sidebar-mini')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('sidebar-mini')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $sidebar_mini_container = $('<div />', { class: 'mb-1' }).append($sidebar_mini_checkbox).append('<span>Sidebar Mini</span>')
|
|
||||||
$container.append($sidebar_mini_container)
|
|
||||||
|
|
||||||
var $sidebar_mini_md_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('sidebar-mini-md'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('sidebar-mini-md')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('sidebar-mini-md')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $sidebar_mini_md_container = $('<div />', { class: 'mb-1' }).append($sidebar_mini_md_checkbox).append('<span>Sidebar Mini MD</span>')
|
|
||||||
$container.append($sidebar_mini_md_container)
|
|
||||||
|
|
||||||
var $sidebar_mini_xs_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('sidebar-mini-xs'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('sidebar-mini-xs')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('sidebar-mini-xs')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $sidebar_mini_xs_container = $('<div />', { class: 'mb-1' }).append($sidebar_mini_xs_checkbox).append('<span>Sidebar Mini XS</span>')
|
|
||||||
$container.append($sidebar_mini_xs_container)
|
|
||||||
|
|
||||||
var $flat_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.nav-sidebar').hasClass('nav-flat'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.nav-sidebar').addClass('nav-flat')
|
|
||||||
} else {
|
|
||||||
$('.nav-sidebar').removeClass('nav-flat')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $flat_sidebar_container = $('<div />', { class: 'mb-1' }).append($flat_sidebar_checkbox).append('<span>Nav Flat Style</span>')
|
|
||||||
$container.append($flat_sidebar_container)
|
|
||||||
|
|
||||||
var $legacy_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.nav-sidebar').hasClass('nav-legacy'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.nav-sidebar').addClass('nav-legacy')
|
|
||||||
} else {
|
|
||||||
$('.nav-sidebar').removeClass('nav-legacy')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $legacy_sidebar_container = $('<div />', { class: 'mb-1' }).append($legacy_sidebar_checkbox).append('<span>Nav Legacy Style</span>')
|
|
||||||
$container.append($legacy_sidebar_container)
|
|
||||||
|
|
||||||
var $compact_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.nav-sidebar').hasClass('nav-compact'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.nav-sidebar').addClass('nav-compact')
|
|
||||||
} else {
|
|
||||||
$('.nav-sidebar').removeClass('nav-compact')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $compact_sidebar_container = $('<div />', { class: 'mb-1' }).append($compact_sidebar_checkbox).append('<span>Nav Compact</span>')
|
|
||||||
$container.append($compact_sidebar_container)
|
|
||||||
|
|
||||||
var $child_indent_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.nav-sidebar').hasClass('nav-child-indent'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.nav-sidebar').addClass('nav-child-indent')
|
|
||||||
} else {
|
|
||||||
$('.nav-sidebar').removeClass('nav-child-indent')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $child_indent_sidebar_container = $('<div />', { class: 'mb-1' }).append($child_indent_sidebar_checkbox).append('<span>Nav Child Indent</span>')
|
|
||||||
$container.append($child_indent_sidebar_container)
|
|
||||||
|
|
||||||
var $child_hide_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.nav-sidebar').hasClass('nav-collapse-hide-child'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.nav-sidebar').addClass('nav-collapse-hide-child')
|
|
||||||
} else {
|
|
||||||
$('.nav-sidebar').removeClass('nav-collapse-hide-child')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $child_hide_sidebar_container = $('<div />', { class: 'mb-1' }).append($child_hide_sidebar_checkbox).append('<span>Nav Child Hide on Collapse</span>')
|
|
||||||
$container.append($child_hide_sidebar_container)
|
|
||||||
|
|
||||||
var $no_expand_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.main-sidebar').hasClass('sidebar-no-expand'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.main-sidebar').addClass('sidebar-no-expand')
|
|
||||||
} else {
|
|
||||||
$('.main-sidebar').removeClass('sidebar-no-expand')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $no_expand_sidebar_container = $('<div />', { class: 'mb-4' }).append($no_expand_sidebar_checkbox).append('<span>Disable Hover/Focus Auto-Expand</span>')
|
|
||||||
$container.append($no_expand_sidebar_container)
|
|
||||||
|
|
||||||
$container.append('<h6>Footer Options</h6>')
|
|
||||||
var $footer_fixed_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('layout-footer-fixed'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('layout-footer-fixed')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('layout-footer-fixed')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $footer_fixed_container = $('<div />', { class: 'mb-4' }).append($footer_fixed_checkbox).append('<span>Fixed</span>')
|
|
||||||
$container.append($footer_fixed_container)
|
|
||||||
|
|
||||||
$container.append('<h6>Small Text Options</h6>')
|
|
||||||
|
|
||||||
var $text_sm_body_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('body').hasClass('text-sm'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('body').addClass('text-sm')
|
|
||||||
} else {
|
|
||||||
$('body').removeClass('text-sm')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $text_sm_body_container = $('<div />', { class: 'mb-1' }).append($text_sm_body_checkbox).append('<span>Body</span>')
|
|
||||||
$container.append($text_sm_body_container)
|
|
||||||
|
|
||||||
var $text_sm_header_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.main-header').hasClass('text-sm'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.main-header').addClass('text-sm')
|
|
||||||
} else {
|
|
||||||
$('.main-header').removeClass('text-sm')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $text_sm_header_container = $('<div />', { class: 'mb-1' }).append($text_sm_header_checkbox).append('<span>Navbar</span>')
|
|
||||||
$container.append($text_sm_header_container)
|
|
||||||
|
|
||||||
var $text_sm_brand_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.brand-link').hasClass('text-sm'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.brand-link').addClass('text-sm')
|
|
||||||
} else {
|
|
||||||
$('.brand-link').removeClass('text-sm')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $text_sm_brand_container = $('<div />', { class: 'mb-1' }).append($text_sm_brand_checkbox).append('<span>Brand</span>')
|
|
||||||
$container.append($text_sm_brand_container)
|
|
||||||
|
|
||||||
var $text_sm_sidebar_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.nav-sidebar').hasClass('text-sm'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.nav-sidebar').addClass('text-sm')
|
|
||||||
} else {
|
|
||||||
$('.nav-sidebar').removeClass('text-sm')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $text_sm_sidebar_container = $('<div />', { class: 'mb-1' }).append($text_sm_sidebar_checkbox).append('<span>Sidebar Nav</span>')
|
|
||||||
$container.append($text_sm_sidebar_container)
|
|
||||||
|
|
||||||
var $text_sm_footer_checkbox = $('<input />', {
|
|
||||||
type: 'checkbox',
|
|
||||||
value: 1,
|
|
||||||
checked: $('.main-footer').hasClass('text-sm'),
|
|
||||||
class: 'mr-1'
|
|
||||||
}).on('click', function () {
|
|
||||||
if ($(this).is(':checked')) {
|
|
||||||
$('.main-footer').addClass('text-sm')
|
|
||||||
} else {
|
|
||||||
$('.main-footer').removeClass('text-sm')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
var $text_sm_footer_container = $('<div />', { class: 'mb-4' }).append($text_sm_footer_checkbox).append('<span>Footer</span>')
|
|
||||||
$container.append($text_sm_footer_container)
|
|
||||||
|
|
||||||
// Color Arrays
|
|
||||||
|
|
||||||
var navbar_dark_skins = [
|
|
||||||
'navbar-primary',
|
|
||||||
'navbar-secondary',
|
|
||||||
'navbar-info',
|
|
||||||
'navbar-success',
|
|
||||||
'navbar-danger',
|
|
||||||
'navbar-indigo',
|
|
||||||
'navbar-purple',
|
|
||||||
'navbar-pink',
|
|
||||||
'navbar-navy',
|
|
||||||
'navbar-lightblue',
|
|
||||||
'navbar-teal',
|
|
||||||
'navbar-cyan',
|
|
||||||
'navbar-dark',
|
|
||||||
'navbar-gray-dark',
|
|
||||||
'navbar-gray'
|
|
||||||
]
|
|
||||||
|
|
||||||
var navbar_light_skins = [
|
|
||||||
'navbar-light',
|
|
||||||
'navbar-warning',
|
|
||||||
'navbar-white',
|
|
||||||
'navbar-orange'
|
|
||||||
]
|
|
||||||
|
|
||||||
var sidebar_colors = [
|
|
||||||
'bg-primary',
|
|
||||||
'bg-warning',
|
|
||||||
'bg-info',
|
|
||||||
'bg-danger',
|
|
||||||
'bg-success',
|
|
||||||
'bg-indigo',
|
|
||||||
'bg-lightblue',
|
|
||||||
'bg-navy',
|
|
||||||
'bg-purple',
|
|
||||||
'bg-fuchsia',
|
|
||||||
'bg-pink',
|
|
||||||
'bg-maroon',
|
|
||||||
'bg-orange',
|
|
||||||
'bg-lime',
|
|
||||||
'bg-teal',
|
|
||||||
'bg-olive'
|
|
||||||
]
|
|
||||||
|
|
||||||
var accent_colors = [
|
|
||||||
'accent-primary',
|
|
||||||
'accent-warning',
|
|
||||||
'accent-info',
|
|
||||||
'accent-danger',
|
|
||||||
'accent-success',
|
|
||||||
'accent-indigo',
|
|
||||||
'accent-lightblue',
|
|
||||||
'accent-navy',
|
|
||||||
'accent-purple',
|
|
||||||
'accent-fuchsia',
|
|
||||||
'accent-pink',
|
|
||||||
'accent-maroon',
|
|
||||||
'accent-orange',
|
|
||||||
'accent-lime',
|
|
||||||
'accent-teal',
|
|
||||||
'accent-olive'
|
|
||||||
]
|
|
||||||
|
|
||||||
var sidebar_skins = [
|
|
||||||
'sidebar-dark-primary',
|
|
||||||
'sidebar-dark-warning',
|
|
||||||
'sidebar-dark-info',
|
|
||||||
'sidebar-dark-danger',
|
|
||||||
'sidebar-dark-success',
|
|
||||||
'sidebar-dark-indigo',
|
|
||||||
'sidebar-dark-lightblue',
|
|
||||||
'sidebar-dark-navy',
|
|
||||||
'sidebar-dark-purple',
|
|
||||||
'sidebar-dark-fuchsia',
|
|
||||||
'sidebar-dark-pink',
|
|
||||||
'sidebar-dark-maroon',
|
|
||||||
'sidebar-dark-orange',
|
|
||||||
'sidebar-dark-lime',
|
|
||||||
'sidebar-dark-teal',
|
|
||||||
'sidebar-dark-olive',
|
|
||||||
'sidebar-light-primary',
|
|
||||||
'sidebar-light-warning',
|
|
||||||
'sidebar-light-info',
|
|
||||||
'sidebar-light-danger',
|
|
||||||
'sidebar-light-success',
|
|
||||||
'sidebar-light-indigo',
|
|
||||||
'sidebar-light-lightblue',
|
|
||||||
'sidebar-light-navy',
|
|
||||||
'sidebar-light-purple',
|
|
||||||
'sidebar-light-fuchsia',
|
|
||||||
'sidebar-light-pink',
|
|
||||||
'sidebar-light-maroon',
|
|
||||||
'sidebar-light-orange',
|
|
||||||
'sidebar-light-lime',
|
|
||||||
'sidebar-light-teal',
|
|
||||||
'sidebar-light-olive'
|
|
||||||
]
|
|
||||||
|
|
||||||
// Navbar Variants
|
|
||||||
|
|
||||||
$container.append('<h6>Navbar Variants</h6>')
|
|
||||||
|
|
||||||
var $navbar_variants = $('<div />', {
|
|
||||||
class: 'd-flex'
|
|
||||||
})
|
|
||||||
var navbar_all_colors = navbar_dark_skins.concat(navbar_light_skins)
|
|
||||||
var $navbar_variants_colors = createSkinBlock(navbar_all_colors, function () {
|
|
||||||
var color = $(this).find('option:selected').attr('class')
|
|
||||||
var $main_header = $('.main-header')
|
|
||||||
$main_header.removeClass('navbar-dark').removeClass('navbar-light')
|
|
||||||
navbar_all_colors.forEach(function (color) {
|
|
||||||
$main_header.removeClass(color)
|
|
||||||
})
|
|
||||||
|
|
||||||
$(this).removeClass().addClass('custom-select mb-3 text-light border-0 ')
|
|
||||||
|
|
||||||
if (navbar_dark_skins.indexOf(color) > -1) {
|
|
||||||
$main_header.addClass('navbar-dark')
|
|
||||||
$(this).addClass(color).addClass('text-light')
|
|
||||||
} else {
|
|
||||||
$main_header.addClass('navbar-light')
|
|
||||||
$(this).addClass(color)
|
|
||||||
}
|
|
||||||
|
|
||||||
$main_header.addClass(color)
|
|
||||||
})
|
|
||||||
|
|
||||||
var active_navbar_color = null
|
|
||||||
$('.main-header')[0].classList.forEach(function (className) {
|
|
||||||
if (navbar_all_colors.indexOf(className) > -1 && active_navbar_color === null) {
|
|
||||||
active_navbar_color = className.replace('navbar-', 'bg-')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
$navbar_variants_colors.find('option.' + active_navbar_color).prop('selected', true)
|
|
||||||
$navbar_variants_colors.removeClass().addClass('custom-select mb-3 text-light border-0 ').addClass(active_navbar_color)
|
|
||||||
|
|
||||||
$navbar_variants.append($navbar_variants_colors)
|
|
||||||
|
|
||||||
$container.append($navbar_variants)
|
|
||||||
|
|
||||||
// Sidebar Colors
|
|
||||||
|
|
||||||
$container.append('<h6>Accent Color Variants</h6>')
|
|
||||||
var $accent_variants = $('<div />', {
|
|
||||||
class: 'd-flex'
|
|
||||||
})
|
|
||||||
$container.append($accent_variants)
|
|
||||||
$container.append(createSkinBlock(accent_colors, function () {
|
|
||||||
var color = $(this).find('option:selected').attr('class')
|
|
||||||
var $body = $('body')
|
|
||||||
accent_colors.forEach(function (skin) {
|
|
||||||
$body.removeClass(skin)
|
|
||||||
})
|
|
||||||
|
|
||||||
var accent_color_class = color.replace('bg-', 'accent-')
|
|
||||||
|
|
||||||
$body.addClass(accent_color_class)
|
|
||||||
}, true))
|
|
||||||
|
|
||||||
var active_accent_color = null
|
|
||||||
$('body')[0].classList.forEach(function (className) {
|
|
||||||
if (accent_colors.indexOf(className) > -1 && active_accent_color === null) {
|
|
||||||
active_accent_color = className.replace('navbar-', 'bg-')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
// $accent_variants.find('option.' + active_accent_color).prop('selected', true)
|
|
||||||
// $accent_variants.removeClass().addClass('custom-select mb-3 text-light border-0 ').addClass(active_accent_color)
|
|
||||||
|
|
||||||
$container.append('<h6>Dark Sidebar Variants</h6>')
|
|
||||||
var $sidebar_variants_dark = $('<div />', {
|
|
||||||
class: 'd-flex'
|
|
||||||
})
|
|
||||||
$container.append($sidebar_variants_dark)
|
|
||||||
var $sidebar_dark_variants = createSkinBlock(sidebar_colors, function () {
|
|
||||||
var color = $(this).find('option:selected').attr('class')
|
|
||||||
var sidebar_class = 'sidebar-dark-' + color.replace('bg-', '')
|
|
||||||
var $sidebar = $('.main-sidebar')
|
|
||||||
sidebar_skins.forEach(function (skin) {
|
|
||||||
$sidebar.removeClass(skin)
|
|
||||||
$sidebar_light_variants.removeClass(skin.replace('sidebar-dark-', 'bg-')).removeClass('text-light')
|
|
||||||
})
|
|
||||||
|
|
||||||
$(this).removeClass().addClass('custom-select mb-3 text-light border-0').addClass(color)
|
|
||||||
|
|
||||||
$sidebar_light_variants.find('option').prop('selected', false)
|
|
||||||
$sidebar.addClass(sidebar_class)
|
|
||||||
$('.sidebar').removeClass('os-theme-dark').addClass('os-theme-light')
|
|
||||||
}, true)
|
|
||||||
$container.append($sidebar_dark_variants)
|
|
||||||
|
|
||||||
var active_sidebar_dark_color = null
|
|
||||||
$('.main-sidebar')[0].classList.forEach(function (className) {
|
|
||||||
var color = className.replace('sidebar-dark-', 'bg-')
|
|
||||||
if (sidebar_colors.indexOf(color) > -1 && active_sidebar_dark_color === null) {
|
|
||||||
active_sidebar_dark_color = color
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
$sidebar_dark_variants.find('option.' + active_sidebar_dark_color).prop('selected', true)
|
|
||||||
$sidebar_dark_variants.removeClass().addClass('custom-select mb-3 text-light border-0 ').addClass(active_sidebar_dark_color)
|
|
||||||
|
|
||||||
$container.append('<h6>Light Sidebar Variants</h6>')
|
|
||||||
var $sidebar_variants_light = $('<div />', {
|
|
||||||
class: 'd-flex'
|
|
||||||
})
|
|
||||||
$container.append($sidebar_variants_light)
|
|
||||||
var $sidebar_light_variants = createSkinBlock(sidebar_colors, function () {
|
|
||||||
var color = $(this).find('option:selected').attr('class')
|
|
||||||
var sidebar_class = 'sidebar-light-' + color.replace('bg-', '')
|
|
||||||
var $sidebar = $('.main-sidebar')
|
|
||||||
sidebar_skins.forEach(function (skin) {
|
|
||||||
$sidebar.removeClass(skin)
|
|
||||||
$sidebar_dark_variants.removeClass(skin.replace('sidebar-light-', 'bg-')).removeClass('text-light')
|
|
||||||
})
|
|
||||||
|
|
||||||
$(this).removeClass().addClass('custom-select mb-3 text-light border-0').addClass(color)
|
|
||||||
|
|
||||||
$sidebar_dark_variants.find('option').prop('selected', false)
|
|
||||||
$sidebar.addClass(sidebar_class)
|
|
||||||
$('.sidebar').removeClass('os-theme-light').addClass('os-theme-dark')
|
|
||||||
}, true)
|
|
||||||
$container.append($sidebar_light_variants)
|
|
||||||
|
|
||||||
var active_sidebar_light_color = null
|
|
||||||
$('.main-sidebar')[0].classList.forEach(function (className) {
|
|
||||||
var color = className.replace('sidebar-light-', 'bg-')
|
|
||||||
if (sidebar_colors.indexOf(color) > -1 && active_sidebar_light_color === null) {
|
|
||||||
active_sidebar_light_color = color
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
if (active_sidebar_light_color !== null) {
|
|
||||||
$sidebar_light_variants.find('option.' + active_sidebar_light_color).prop('selected', true)
|
|
||||||
$sidebar_light_variants.removeClass().addClass('custom-select mb-3 text-light border-0 ').addClass(active_sidebar_light_color)
|
|
||||||
}
|
|
||||||
|
|
||||||
var logo_skins = navbar_all_colors
|
|
||||||
$container.append('<h6>Brand Logo Variants</h6>')
|
|
||||||
var $logo_variants = $('<div />', {
|
|
||||||
class: 'd-flex'
|
|
||||||
})
|
|
||||||
$container.append($logo_variants)
|
|
||||||
var $clear_btn = $('<a />', {
|
|
||||||
href: '#'
|
|
||||||
}).text('clear').on('click', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
var $logo = $('.brand-link')
|
|
||||||
logo_skins.forEach(function (skin) {
|
|
||||||
$logo.removeClass(skin)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
var $brand_variants = createSkinBlock(logo_skins, function () {
|
|
||||||
var color = $(this).find('option:selected').attr('class')
|
|
||||||
var $logo = $('.brand-link')
|
|
||||||
|
|
||||||
if (color === 'navbar-light' || color === 'navbar-white') {
|
|
||||||
$logo.addClass('text-black')
|
|
||||||
} else {
|
|
||||||
$logo.removeClass('text-black')
|
|
||||||
}
|
|
||||||
|
|
||||||
logo_skins.forEach(function (skin) {
|
|
||||||
$logo.removeClass(skin)
|
|
||||||
})
|
|
||||||
|
|
||||||
if (color) {
|
|
||||||
$(this).removeClass().addClass('custom-select mb-3 border-0').addClass(color).addClass(color !== 'navbar-light' && color !== 'navbar-white' ? 'text-light' : '')
|
|
||||||
} else {
|
|
||||||
$(this).removeClass().addClass('custom-select mb-3 border-0')
|
|
||||||
}
|
|
||||||
|
|
||||||
$logo.addClass(color)
|
|
||||||
}, true).append($clear_btn)
|
|
||||||
$container.append($brand_variants)
|
|
||||||
|
|
||||||
var active_brand_color = null
|
|
||||||
$('.brand-link')[0].classList.forEach(function (className) {
|
|
||||||
if (logo_skins.indexOf(className) > -1 && active_brand_color === null) {
|
|
||||||
active_brand_color = className.replace('navbar-', 'bg-')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
if (active_brand_color) {
|
|
||||||
$brand_variants.find('option.' + active_brand_color).prop('selected', true)
|
|
||||||
$brand_variants.removeClass().addClass('custom-select mb-3 text-light border-0 ').addClass(active_brand_color)
|
|
||||||
}
|
|
||||||
})(jQuery)
|
|
||||||
267
static/dist/js/pages/dashboard.js
vendored
|
|
@ -1,267 +0,0 @@
|
||||||
/*
|
|
||||||
* Author: Abdullah A Almsaeed
|
|
||||||
* Date: 4 Jan 2014
|
|
||||||
* Description:
|
|
||||||
* This is a demo file used only for the main dashboard (index.html)
|
|
||||||
**/
|
|
||||||
|
|
||||||
/* global moment:false, Chart:false, Sparkline:false */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
'use strict'
|
|
||||||
|
|
||||||
// Make the dashboard widgets sortable Using jquery UI
|
|
||||||
$('.connectedSortable').sortable({
|
|
||||||
placeholder: 'sort-highlight',
|
|
||||||
connectWith: '.connectedSortable',
|
|
||||||
handle: '.card-header, .nav-tabs',
|
|
||||||
forcePlaceholderSize: true,
|
|
||||||
zIndex: 999999
|
|
||||||
})
|
|
||||||
$('.connectedSortable .card-header').css('cursor', 'move')
|
|
||||||
|
|
||||||
// jQuery UI sortable for the todo list
|
|
||||||
$('.todo-list').sortable({
|
|
||||||
placeholder: 'sort-highlight',
|
|
||||||
handle: '.handle',
|
|
||||||
forcePlaceholderSize: true,
|
|
||||||
zIndex: 999999
|
|
||||||
})
|
|
||||||
|
|
||||||
// bootstrap WYSIHTML5 - text editor
|
|
||||||
$('.textarea').summernote()
|
|
||||||
|
|
||||||
$('.daterange').daterangepicker({
|
|
||||||
ranges: {
|
|
||||||
Today: [moment(), moment()],
|
|
||||||
Yesterday: [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
|
||||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
|
||||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
|
||||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
|
||||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
|
||||||
},
|
|
||||||
startDate: moment().subtract(29, 'days'),
|
|
||||||
endDate: moment()
|
|
||||||
}, function (start, end) {
|
|
||||||
// eslint-disable-next-line no-alert
|
|
||||||
alert('You chose: ' + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
|
|
||||||
})
|
|
||||||
|
|
||||||
/* jQueryKnob */
|
|
||||||
$('.knob').knob()
|
|
||||||
|
|
||||||
// jvectormap data
|
|
||||||
var visitorsData = {
|
|
||||||
US: 398, // USA
|
|
||||||
SA: 400, // Saudi Arabia
|
|
||||||
CA: 1000, // Canada
|
|
||||||
DE: 500, // Germany
|
|
||||||
FR: 760, // France
|
|
||||||
CN: 300, // China
|
|
||||||
AU: 700, // Australia
|
|
||||||
BR: 600, // Brazil
|
|
||||||
IN: 800, // India
|
|
||||||
GB: 320, // Great Britain
|
|
||||||
RU: 3000 // Russia
|
|
||||||
}
|
|
||||||
// World map by jvectormap
|
|
||||||
$('#world-map').vectorMap({
|
|
||||||
map: 'usa_en',
|
|
||||||
backgroundColor: 'transparent',
|
|
||||||
regionStyle: {
|
|
||||||
initial: {
|
|
||||||
fill: 'rgba(255, 255, 255, 0.7)',
|
|
||||||
'fill-opacity': 1,
|
|
||||||
stroke: 'rgba(0,0,0,.2)',
|
|
||||||
'stroke-width': 1,
|
|
||||||
'stroke-opacity': 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
series: {
|
|
||||||
regions: [{
|
|
||||||
values: visitorsData,
|
|
||||||
scale: ['#ffffff', '#0154ad'],
|
|
||||||
normalizeFunction: 'polynomial'
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
onRegionLabelShow: function (e, el, code) {
|
|
||||||
if (typeof visitorsData[code] !== 'undefined') {
|
|
||||||
el.html(el.html() + ': ' + visitorsData[code] + ' new visitors')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
// Sparkline charts
|
|
||||||
var sparkline1 = new Sparkline($('#sparkline-1')[0], { width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9' })
|
|
||||||
var sparkline2 = new Sparkline($('#sparkline-2')[0], { width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9' })
|
|
||||||
var sparkline3 = new Sparkline($('#sparkline-3')[0], { width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9' })
|
|
||||||
|
|
||||||
sparkline1.draw([1000, 1200, 920, 927, 931, 1027, 819, 930, 1021])
|
|
||||||
sparkline2.draw([515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921])
|
|
||||||
sparkline3.draw([15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21])
|
|
||||||
|
|
||||||
// The Calender
|
|
||||||
$('#calendar').datetimepicker({
|
|
||||||
format: 'L',
|
|
||||||
inline: true
|
|
||||||
})
|
|
||||||
|
|
||||||
// SLIMSCROLL FOR CHAT WIDGET
|
|
||||||
$('#chat-box').overlayScrollbars({
|
|
||||||
height: '250px'
|
|
||||||
})
|
|
||||||
|
|
||||||
/* Chart.js Charts */
|
|
||||||
// Sales chart
|
|
||||||
var salesChartCanvas = document.getElementById('revenue-chart-canvas').getContext('2d')
|
|
||||||
// $('#revenue-chart').get(0).getContext('2d');
|
|
||||||
|
|
||||||
var salesChartData = {
|
|
||||||
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: 'Digital Goods',
|
|
||||||
backgroundColor: 'rgba(60,141,188,0.9)',
|
|
||||||
borderColor: 'rgba(60,141,188,0.8)',
|
|
||||||
pointRadius: false,
|
|
||||||
pointColor: '#3b8bba',
|
|
||||||
pointStrokeColor: 'rgba(60,141,188,1)',
|
|
||||||
pointHighlightFill: '#fff',
|
|
||||||
pointHighlightStroke: 'rgba(60,141,188,1)',
|
|
||||||
data: [28, 48, 40, 19, 86, 27, 90]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Electronics',
|
|
||||||
backgroundColor: 'rgba(210, 214, 222, 1)',
|
|
||||||
borderColor: 'rgba(210, 214, 222, 1)',
|
|
||||||
pointRadius: false,
|
|
||||||
pointColor: 'rgba(210, 214, 222, 1)',
|
|
||||||
pointStrokeColor: '#c1c7d1',
|
|
||||||
pointHighlightFill: '#fff',
|
|
||||||
pointHighlightStroke: 'rgba(220,220,220,1)',
|
|
||||||
data: [65, 59, 80, 81, 56, 55, 40]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
var salesChartOptions = {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
responsive: true,
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
gridLines: {
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
gridLines: {
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// This will get the first returned node in the jQuery collection.
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var salesChart = new Chart(salesChartCanvas, { // lgtm[js/unused-local-variable]
|
|
||||||
type: 'line',
|
|
||||||
data: salesChartData,
|
|
||||||
options: salesChartOptions
|
|
||||||
})
|
|
||||||
|
|
||||||
// Donut Chart
|
|
||||||
var pieChartCanvas = $('#sales-chart-canvas').get(0).getContext('2d')
|
|
||||||
var pieData = {
|
|
||||||
labels: [
|
|
||||||
'Instore Sales',
|
|
||||||
'Download Sales',
|
|
||||||
'Mail-Order Sales'
|
|
||||||
],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
data: [30, 12, 20],
|
|
||||||
backgroundColor: ['#f56954', '#00a65a', '#f39c12']
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
var pieOptions = {
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
responsive: true
|
|
||||||
}
|
|
||||||
// Create pie or douhnut chart
|
|
||||||
// You can switch between pie and douhnut using the method below.
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var pieChart = new Chart(pieChartCanvas, { // lgtm[js/unused-local-variable]
|
|
||||||
type: 'doughnut',
|
|
||||||
data: pieData,
|
|
||||||
options: pieOptions
|
|
||||||
})
|
|
||||||
|
|
||||||
// Sales graph chart
|
|
||||||
var salesGraphChartCanvas = $('#line-chart').get(0).getContext('2d')
|
|
||||||
// $('#revenue-chart').get(0).getContext('2d');
|
|
||||||
|
|
||||||
var salesGraphChartData = {
|
|
||||||
labels: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2', '2012 Q3', '2012 Q4', '2013 Q1', '2013 Q2'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: 'Digital Goods',
|
|
||||||
fill: false,
|
|
||||||
borderWidth: 2,
|
|
||||||
lineTension: 0,
|
|
||||||
spanGaps: true,
|
|
||||||
borderColor: '#efefef',
|
|
||||||
pointRadius: 3,
|
|
||||||
pointHoverRadius: 7,
|
|
||||||
pointColor: '#efefef',
|
|
||||||
pointBackgroundColor: '#efefef',
|
|
||||||
data: [2666, 2778, 4912, 3767, 6810, 5670, 4820, 15073, 10687, 8432]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
var salesGraphChartOptions = {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
responsive: true,
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
ticks: {
|
|
||||||
fontColor: '#efefef'
|
|
||||||
},
|
|
||||||
gridLines: {
|
|
||||||
display: false,
|
|
||||||
color: '#efefef',
|
|
||||||
drawBorder: false
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
ticks: {
|
|
||||||
stepSize: 5000,
|
|
||||||
fontColor: '#efefef'
|
|
||||||
},
|
|
||||||
gridLines: {
|
|
||||||
display: true,
|
|
||||||
color: '#efefef',
|
|
||||||
drawBorder: false
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// This will get the first returned node in the jQuery collection.
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var salesGraphChart = new Chart(salesGraphChartCanvas, { // lgtm[js/unused-local-variable]
|
|
||||||
type: 'line',
|
|
||||||
data: salesGraphChartData,
|
|
||||||
options: salesGraphChartOptions
|
|
||||||
})
|
|
||||||
})
|
|
||||||
270
static/dist/js/pages/dashboard2.js
vendored
|
|
@ -1,270 +0,0 @@
|
||||||
/* global Chart:false */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
'use strict'
|
|
||||||
|
|
||||||
/* ChartJS
|
|
||||||
* -------
|
|
||||||
* Here we will create a few charts using ChartJS
|
|
||||||
*/
|
|
||||||
|
|
||||||
//-----------------------
|
|
||||||
// - MONTHLY SALES CHART -
|
|
||||||
//-----------------------
|
|
||||||
|
|
||||||
// Get context with jQuery - using jQuery's .get() method.
|
|
||||||
var salesChartCanvas = $('#salesChart').get(0).getContext('2d')
|
|
||||||
|
|
||||||
var salesChartData = {
|
|
||||||
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: 'Digital Goods',
|
|
||||||
backgroundColor: 'rgba(60,141,188,0.9)',
|
|
||||||
borderColor: 'rgba(60,141,188,0.8)',
|
|
||||||
pointRadius: false,
|
|
||||||
pointColor: '#3b8bba',
|
|
||||||
pointStrokeColor: 'rgba(60,141,188,1)',
|
|
||||||
pointHighlightFill: '#fff',
|
|
||||||
pointHighlightStroke: 'rgba(60,141,188,1)',
|
|
||||||
data: [28, 48, 40, 19, 86, 27, 90]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Electronics',
|
|
||||||
backgroundColor: 'rgba(210, 214, 222, 1)',
|
|
||||||
borderColor: 'rgba(210, 214, 222, 1)',
|
|
||||||
pointRadius: false,
|
|
||||||
pointColor: 'rgba(210, 214, 222, 1)',
|
|
||||||
pointStrokeColor: '#c1c7d1',
|
|
||||||
pointHighlightFill: '#fff',
|
|
||||||
pointHighlightStroke: 'rgba(220,220,220,1)',
|
|
||||||
data: [65, 59, 80, 81, 56, 55, 40]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
var salesChartOptions = {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
responsive: true,
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
xAxes: [{
|
|
||||||
gridLines: {
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
yAxes: [{
|
|
||||||
gridLines: {
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// This will get the first returned node in the jQuery collection.
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var salesChart = new Chart(salesChartCanvas, {
|
|
||||||
type: 'line',
|
|
||||||
data: salesChartData,
|
|
||||||
options: salesChartOptions
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
//---------------------------
|
|
||||||
// - END MONTHLY SALES CHART -
|
|
||||||
//---------------------------
|
|
||||||
|
|
||||||
//-------------
|
|
||||||
// - PIE CHART -
|
|
||||||
//-------------
|
|
||||||
// Get context with jQuery - using jQuery's .get() method.
|
|
||||||
var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
|
|
||||||
var pieData = {
|
|
||||||
labels: [
|
|
||||||
'Chrome',
|
|
||||||
'IE',
|
|
||||||
'FireFox',
|
|
||||||
'Safari',
|
|
||||||
'Opera',
|
|
||||||
'Navigator'
|
|
||||||
],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
data: [700, 500, 400, 600, 300, 100],
|
|
||||||
backgroundColor: ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de']
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
var pieOptions = {
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Create pie or douhnut chart
|
|
||||||
// You can switch between pie and douhnut using the method below.
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var pieChart = new Chart(pieChartCanvas, {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: pieData,
|
|
||||||
options: pieOptions
|
|
||||||
})
|
|
||||||
|
|
||||||
//-----------------
|
|
||||||
// - END PIE CHART -
|
|
||||||
//-----------------
|
|
||||||
|
|
||||||
/* jVector Maps
|
|
||||||
* ------------
|
|
||||||
* Create a world map with markers
|
|
||||||
*/
|
|
||||||
$('#world-map-markers').mapael({
|
|
||||||
map: {
|
|
||||||
name: 'usa_states',
|
|
||||||
zoom: {
|
|
||||||
enabled: true,
|
|
||||||
maxLevel: 10
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
// $('#world-map-markers').vectorMap({
|
|
||||||
// map : 'world_en',
|
|
||||||
// normalizeFunction: 'polynomial',
|
|
||||||
// hoverOpacity : 0.7,
|
|
||||||
// hoverColor : false,
|
|
||||||
// backgroundColor : 'transparent',
|
|
||||||
// regionStyle : {
|
|
||||||
// initial : {
|
|
||||||
// fill : 'rgba(210, 214, 222, 1)',
|
|
||||||
// 'fill-opacity' : 1,
|
|
||||||
// stroke : 'none',
|
|
||||||
// 'stroke-width' : 0,
|
|
||||||
// 'stroke-opacity': 1
|
|
||||||
// },
|
|
||||||
// hover : {
|
|
||||||
// 'fill-opacity': 0.7,
|
|
||||||
// cursor : 'pointer'
|
|
||||||
// },
|
|
||||||
// selected : {
|
|
||||||
// fill: 'yellow'
|
|
||||||
// },
|
|
||||||
// selectedHover: {}
|
|
||||||
// },
|
|
||||||
// markerStyle : {
|
|
||||||
// initial: {
|
|
||||||
// fill : '#00a65a',
|
|
||||||
// stroke: '#111'
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// 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'
|
|
||||||
// }
|
|
||||||
// ]
|
|
||||||
// })
|
|
||||||
})
|
|
||||||
|
|
||||||
// lgtm [js/unused-local-variable]
|
|
||||||
147
static/dist/js/pages/dashboard3.js
vendored
|
|
@ -1,147 +0,0 @@
|
||||||
/* global Chart:false */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
'use strict'
|
|
||||||
|
|
||||||
var ticksStyle = {
|
|
||||||
fontColor: '#495057',
|
|
||||||
fontStyle: 'bold'
|
|
||||||
}
|
|
||||||
|
|
||||||
var mode = 'index'
|
|
||||||
var intersect = true
|
|
||||||
|
|
||||||
var $salesChart = $('#sales-chart')
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var salesChart = new Chart($salesChart, {
|
|
||||||
type: 'bar',
|
|
||||||
data: {
|
|
||||||
labels: ['JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
backgroundColor: '#007bff',
|
|
||||||
borderColor: '#007bff',
|
|
||||||
data: [1000, 2000, 3000, 2500, 2700, 2500, 3000]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
backgroundColor: '#ced4da',
|
|
||||||
borderColor: '#ced4da',
|
|
||||||
data: [700, 1700, 2700, 2000, 1800, 1500, 2000]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
tooltips: {
|
|
||||||
mode: mode,
|
|
||||||
intersect: intersect
|
|
||||||
},
|
|
||||||
hover: {
|
|
||||||
mode: mode,
|
|
||||||
intersect: intersect
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
yAxes: [{
|
|
||||||
// display: false,
|
|
||||||
gridLines: {
|
|
||||||
display: true,
|
|
||||||
lineWidth: '4px',
|
|
||||||
color: 'rgba(0, 0, 0, .2)',
|
|
||||||
zeroLineColor: 'transparent'
|
|
||||||
},
|
|
||||||
ticks: $.extend({
|
|
||||||
beginAtZero: true,
|
|
||||||
|
|
||||||
// Include a dollar sign in the ticks
|
|
||||||
callback: function (value) {
|
|
||||||
if (value >= 1000) {
|
|
||||||
value /= 1000
|
|
||||||
value += 'k'
|
|
||||||
}
|
|
||||||
|
|
||||||
return '$' + value
|
|
||||||
}
|
|
||||||
}, ticksStyle)
|
|
||||||
}],
|
|
||||||
xAxes: [{
|
|
||||||
display: true,
|
|
||||||
gridLines: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
ticks: ticksStyle
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
var $visitorsChart = $('#visitors-chart')
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
|
||||||
var visitorsChart = new Chart($visitorsChart, {
|
|
||||||
data: {
|
|
||||||
labels: ['18th', '20th', '22nd', '24th', '26th', '28th', '30th'],
|
|
||||||
datasets: [{
|
|
||||||
type: 'line',
|
|
||||||
data: [100, 120, 170, 167, 180, 177, 160],
|
|
||||||
backgroundColor: 'transparent',
|
|
||||||
borderColor: '#007bff',
|
|
||||||
pointBorderColor: '#007bff',
|
|
||||||
pointBackgroundColor: '#007bff',
|
|
||||||
fill: false
|
|
||||||
// pointHoverBackgroundColor: '#007bff',
|
|
||||||
// pointHoverBorderColor : '#007bff'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'line',
|
|
||||||
data: [60, 80, 70, 67, 80, 77, 100],
|
|
||||||
backgroundColor: 'tansparent',
|
|
||||||
borderColor: '#ced4da',
|
|
||||||
pointBorderColor: '#ced4da',
|
|
||||||
pointBackgroundColor: '#ced4da',
|
|
||||||
fill: false
|
|
||||||
// pointHoverBackgroundColor: '#ced4da',
|
|
||||||
// pointHoverBorderColor : '#ced4da'
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
tooltips: {
|
|
||||||
mode: mode,
|
|
||||||
intersect: intersect
|
|
||||||
},
|
|
||||||
hover: {
|
|
||||||
mode: mode,
|
|
||||||
intersect: intersect
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
yAxes: [{
|
|
||||||
// display: false,
|
|
||||||
gridLines: {
|
|
||||||
display: true,
|
|
||||||
lineWidth: '4px',
|
|
||||||
color: 'rgba(0, 0, 0, .2)',
|
|
||||||
zeroLineColor: 'transparent'
|
|
||||||
},
|
|
||||||
ticks: $.extend({
|
|
||||||
beginAtZero: true,
|
|
||||||
suggestedMax: 200
|
|
||||||
}, ticksStyle)
|
|
||||||
}],
|
|
||||||
xAxes: [{
|
|
||||||
display: true,
|
|
||||||
gridLines: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
ticks: ticksStyle
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
// lgtm [js/unused-local-variable]
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Welcome to the Mojolicious real-time web framework!</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h2>Welcome to the Mojolicious real-time web framework!</h2>
|
|
||||||
This is the static document "public/index.html",
|
|
||||||
<a href="/">click here</a> to get back to the start.
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||