feat:add assets for admin
This commit is contained in:
@@ -0,0 +1,128 @@
|
|||||||
|
.autoComplete_wrapper {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input {
|
||||||
|
height: 3rem;
|
||||||
|
width: 370px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 2rem 0 3.2rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
font-size: 1rem;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
color: rgba(255, 122, 122, 0.3);
|
||||||
|
outline: none;
|
||||||
|
border-radius: 10rem;
|
||||||
|
border: 0.05rem solid rgba(255, 122, 122, 0.5);
|
||||||
|
background-image: url(images/search.svg);
|
||||||
|
background-size: 1.4rem;
|
||||||
|
background-position: left 1.05rem top 0.8rem;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-origin: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
transition: all 0.4s ease;
|
||||||
|
-webkit-transition: all -webkit-transform 0.4s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input::placeholder {
|
||||||
|
color: rgba(255, 122, 122, 0.5);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
-webkit-transition: all -webkit-transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input:hover::placeholder {
|
||||||
|
color: rgba(255, 122, 122, 0.6);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
-webkit-transition: all -webkit-transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input:focus::placeholder {
|
||||||
|
padding: 0.1rem 0.6rem;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
color: rgba(255, 122, 122, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input:focus::selection {
|
||||||
|
background-color: rgba(255, 122, 122, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input::selection {
|
||||||
|
background-color: rgba(255, 122, 122, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input:hover {
|
||||||
|
color: rgba(255, 122, 122, 0.8);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
-webkit-transition: all -webkit-transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > input:focus {
|
||||||
|
color: rgba(255, 122, 122, 1);
|
||||||
|
border: 0.06rem solid rgba(255, 122, 122, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > ul {
|
||||||
|
position: absolute;
|
||||||
|
max-height: 226px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
box-sizing: border-box;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 0.5rem 0 0 0;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 1;
|
||||||
|
list-style: none;
|
||||||
|
border-radius: 0.6rem;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid rgba(33, 33, 33, 0.07);
|
||||||
|
box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
|
||||||
|
outline: none;
|
||||||
|
transition: opacity 0.15s ease-in-out;
|
||||||
|
-moz-transition: opacity 0.15s ease-in-out;
|
||||||
|
-webkit-transition: opacity 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > ul[hidden],
|
||||||
|
.autoComplete_wrapper > ul:empty {
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > ul > li {
|
||||||
|
margin: 0.3rem;
|
||||||
|
padding: 0.3rem 0.5rem;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #212121;
|
||||||
|
border-radius: 0.35rem;
|
||||||
|
background-color: rgba(255, 255, 255, 1);
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > ul > li mark {
|
||||||
|
background-color: transparent;
|
||||||
|
color: rgba(255, 122, 122, 1);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > ul > li:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: rgba(255, 122, 122, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoComplete_wrapper > ul > li[aria-selected="true"] {
|
||||||
|
background-color: rgba(255, 122, 122, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.autoComplete_wrapper > input {
|
||||||
|
width: 18rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
+13
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
+1
@@ -0,0 +1 @@
|
|||||||
|
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
|
||||||
File diff suppressed because one or more lines are too long
+7
@@ -0,0 +1,7 @@
|
|||||||
|
/*!
|
||||||
|
* Waves v0.7.6
|
||||||
|
* http://fian.my.id/Waves
|
||||||
|
*
|
||||||
|
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:-webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0) translate(0,0);-moz-transform:scale(0) translate(0,0);-ms-transform:scale(0) translate(0,0);-o-transform:scale(0) translate(0,0);transform:scale(0) translate(0,0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:-webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:rgba(0,0,0,0);font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
null
|
||||||
Binary file not shown.
@@ -0,0 +1 @@
|
|||||||
|
null
|
||||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
|||||||
|
null
|
||||||
Binary file not shown.
@@ -0,0 +1 @@
|
|||||||
|
null
|
||||||
@@ -0,0 +1,73 @@
|
|||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
if (localStorage.getItem("menodarktheme")) {
|
||||||
|
document.querySelector("html").setAttribute("data-theme-mode", "dark")
|
||||||
|
document.querySelector("html").setAttribute("data-menu-styles", "dark")
|
||||||
|
document.querySelector("html").setAttribute("data-header-styles", "dark")
|
||||||
|
}
|
||||||
|
if (localStorage.menortl) {
|
||||||
|
let html = document.querySelector('html');
|
||||||
|
html.setAttribute("dir", "rtl");
|
||||||
|
document.querySelector("#style")?.setAttribute("href", "{{}}");
|
||||||
|
// rtlFn();
|
||||||
|
}
|
||||||
|
if (localStorage.getItem("menolayout") == "horizontal") {
|
||||||
|
document.querySelector("html").setAttribute("data-nav-layout", "horizontal")
|
||||||
|
}
|
||||||
|
function localStorageBackup() {
|
||||||
|
|
||||||
|
// if there is a value stored, update color picker and background color
|
||||||
|
// Used to retrive the data from local storage
|
||||||
|
if (localStorage.primaryRGB) {
|
||||||
|
if (document.querySelector('.theme-container-primary')) {
|
||||||
|
document.querySelector('.theme-container-primary').value = localStorage.primaryRGB;
|
||||||
|
}
|
||||||
|
document.querySelector('html').style.setProperty('--primary-rgb', localStorage.primaryRGB);
|
||||||
|
}
|
||||||
|
if (localStorage.bodyBgRGB && localStorage.bodylightRGB) {
|
||||||
|
if (document.querySelector('.theme-container-background')) {
|
||||||
|
document.querySelector('.theme-container-background').value = localStorage.bodyBgRGB;
|
||||||
|
}
|
||||||
|
document.querySelector('html').style.setProperty('--body-bg-rgb', localStorage.bodyBgRGB);
|
||||||
|
document.querySelector('html').style.setProperty('--body-bg-rgb2', localStorage.bodylightRGB);
|
||||||
|
document.querySelector('html').style.setProperty('--light-rgb', localStorage.bodylightRGB);
|
||||||
|
document.querySelector('html').style.setProperty('--form-control-bg', `rgb(${localStorage.bodylightRGB})`);
|
||||||
|
document.querySelector('html').style.setProperty('--input-border', "rgba(255,255,255,0.1)");
|
||||||
|
let html = document.querySelector('html');
|
||||||
|
html.setAttribute('data-theme-mode', 'dark');
|
||||||
|
html.setAttribute('data-menu-styles', 'dark');
|
||||||
|
html.setAttribute('data-header-styles', 'dark');
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
if (localStorage.menodarktheme) {
|
||||||
|
let html = document.querySelector('html');
|
||||||
|
html.setAttribute('data-theme-mode', 'dark');
|
||||||
|
}
|
||||||
|
if (localStorage.menortl) {
|
||||||
|
let html = document.querySelector('html');
|
||||||
|
html.setAttribute('dir', 'rtl');
|
||||||
|
document.querySelector("#style")?.setAttribute("href", "/assets/admin/css/bootstrap.rtl.min.css");
|
||||||
|
setTimeout(() => {
|
||||||
|
rtlFn();
|
||||||
|
}, 10);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
localStorageBackup()
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
||||||
|
|
||||||
|
function ltrFn() {
|
||||||
|
let html = document.querySelector('html')
|
||||||
|
if(!document.querySelector("#style").href.includes('bootstrap.min.css')){
|
||||||
|
document.querySelector("#style")?.setAttribute("href", "/assets/admin/css/bootstrap.rtl.min.css");
|
||||||
|
}
|
||||||
|
html.setAttribute("dir", "ltr");
|
||||||
|
}
|
||||||
|
|
||||||
|
function rtlFn() {
|
||||||
|
let html = document.querySelector('html');
|
||||||
|
html.setAttribute("dir", "rtl");
|
||||||
|
document.querySelector("#style")?.setAttribute("href", "/assets/admin/css/bootstrap.rtl.min.css");
|
||||||
|
}
|
||||||
+1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,41 @@
|
|||||||
|
(function () {
|
||||||
|
'use strict'
|
||||||
|
|
||||||
|
/* dropzone */
|
||||||
|
let myDropzone = new Dropzone(".dropzone");
|
||||||
|
myDropzone.on("addedfile", file => {
|
||||||
|
});
|
||||||
|
|
||||||
|
/* filepond */
|
||||||
|
FilePond.registerPlugin(
|
||||||
|
FilePondPluginImagePreview,
|
||||||
|
FilePondPluginImageExifOrientation,
|
||||||
|
FilePondPluginFileValidateSize,
|
||||||
|
FilePondPluginFileEncode,
|
||||||
|
FilePondPluginImageEdit,
|
||||||
|
FilePondPluginFileValidateType,
|
||||||
|
FilePondPluginImageCrop,
|
||||||
|
FilePondPluginImageResize,
|
||||||
|
FilePondPluginImageTransform
|
||||||
|
);
|
||||||
|
|
||||||
|
/* multiple upload */
|
||||||
|
const MultipleElement = document.querySelector('.multiple-filepond');
|
||||||
|
FilePond.create(MultipleElement,);
|
||||||
|
|
||||||
|
/* single upload */
|
||||||
|
FilePond.create(
|
||||||
|
document.querySelector('.single-fileupload'),
|
||||||
|
{
|
||||||
|
labelIdle: `Drag & Drop your picture or <span class="filepond--label-action">Browse</span>`,
|
||||||
|
imagePreviewHeight: 170,
|
||||||
|
imageCropAspectRatio: '1:1',
|
||||||
|
imageResizeTargetWidth: 200,
|
||||||
|
imageResizeTargetHeight: 200,
|
||||||
|
stylePanelLayout: 'compact circle',
|
||||||
|
styleLoadIndicatorPosition: 'center bottom',
|
||||||
|
styleButtonRemoveItemPosition: 'center bottom'
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
})();
|
||||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,373 @@
|
|||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
if (localStorage.getItem("menodarktheme")) {
|
||||||
|
document.querySelector("html").setAttribute("data-theme-mode", "dark");
|
||||||
|
document.querySelector("html").setAttribute("data-menu-styles", "dark");
|
||||||
|
document.querySelector("html").setAttribute("data-header-styles", "dark");
|
||||||
|
}
|
||||||
|
if (localStorage.menortl) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("dir", "rtl");
|
||||||
|
document
|
||||||
|
.querySelector("#style")
|
||||||
|
?.setAttribute(
|
||||||
|
"href",
|
||||||
|
"/assets/admin/css/bootstrap.rtl.min.css"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (localStorage.menolayout) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-nav-layout", "horizontal");
|
||||||
|
document.querySelector("html").setAttribute("data-menu-styles", "light");
|
||||||
|
}
|
||||||
|
if (localStorage.getItem("menolayout") == "horizontal") {
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.setAttribute("data-nav-layout", "horizontal");
|
||||||
|
}
|
||||||
|
if (localStorage.loaderEnable == "true") {
|
||||||
|
document.querySelector("html").setAttribute("loader", "enable");
|
||||||
|
} else {
|
||||||
|
if (!document.querySelector("html").getAttribute("loader")) {
|
||||||
|
document.querySelector("html").setAttribute("loader", "disable");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function localStorageBackup() {
|
||||||
|
// if there is a value stored, update color picker and background color
|
||||||
|
// Used to retrive the data from local storage
|
||||||
|
if (localStorage.primaryRGB) {
|
||||||
|
if (document.querySelector(".theme-container-primary")) {
|
||||||
|
document.querySelector(".theme-container-primary").value =
|
||||||
|
localStorage.primaryRGB;
|
||||||
|
}
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty("--primary-rgb", localStorage.primaryRGB);
|
||||||
|
}
|
||||||
|
if (localStorage.bodyBgRGB && localStorage.bodylightRGB) {
|
||||||
|
if (document.querySelector(".theme-container-background")) {
|
||||||
|
document.querySelector(".theme-container-background").value =
|
||||||
|
localStorage.bodyBgRGB;
|
||||||
|
}
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty("--body-bg-rgb", localStorage.bodyBgRGB);
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty("--body-bg-rgb2", localStorage.bodylightRGB);
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty("--light-rgb", localStorage.bodylightRGB);
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty(
|
||||||
|
"--form-control-bg",
|
||||||
|
`rgb(${localStorage.bodylightRGB})`
|
||||||
|
);
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty("--gray-3", `rgb(${localStorage.bodylightRGB})`);
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.style.setProperty("--input-border", "rgba(255,255,255,0.1)");
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-theme-mode", "dark");
|
||||||
|
html.setAttribute("data-menu-styles", "dark");
|
||||||
|
html.setAttribute("data-header-styles", "dark");
|
||||||
|
}
|
||||||
|
if (localStorage.menodarktheme) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-theme-mode", "dark");
|
||||||
|
}
|
||||||
|
if (localStorage.menolayout) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
let layoutValue = localStorage.getItem("menolayout");
|
||||||
|
html.setAttribute("data-nav-layout", "horizontal");
|
||||||
|
html.setAttribute("data-nav-style", "menu-click");
|
||||||
|
// setTimeout(() => {
|
||||||
|
// clearNavDropdown();
|
||||||
|
// }, 1000);
|
||||||
|
// setTimeout(() => {
|
||||||
|
// checkHoriMenu();
|
||||||
|
// }, 5000);
|
||||||
|
}
|
||||||
|
if (localStorage.menoverticalstyles) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
let verticalStyles = localStorage.getItem("menoverticalstyles");
|
||||||
|
|
||||||
|
if (verticalStyles == "default") {
|
||||||
|
html.setAttribute("data-vertical-style", "default");
|
||||||
|
localStorage.removeItem("menonavstyles");
|
||||||
|
}
|
||||||
|
if (verticalStyles == "closed") {
|
||||||
|
html.setAttribute("data-vertical-style", "closed");
|
||||||
|
localStorage.removeItem("menonavstyles");
|
||||||
|
}
|
||||||
|
if (verticalStyles == "icontext") {
|
||||||
|
html.setAttribute("data-vertical-style", "icontext");
|
||||||
|
localStorage.removeItem("menonavstyles");
|
||||||
|
}
|
||||||
|
if (verticalStyles == "overlay") {
|
||||||
|
html.setAttribute("data-vertical-style", "overlay");
|
||||||
|
localStorage.removeItem("menonavstyles");
|
||||||
|
}
|
||||||
|
if (verticalStyles == "detached") {
|
||||||
|
html.setAttribute("data-vertical-style", "detached");
|
||||||
|
localStorage.removeItem("menonavstyles");
|
||||||
|
}
|
||||||
|
if (verticalStyles == "doublemenu") {
|
||||||
|
html.setAttribute("data-vertical-style", "doublemenu");
|
||||||
|
localStorage.removeItem("menonavstyles");
|
||||||
|
setTimeout(() => {
|
||||||
|
const menuSlideItem = document.querySelectorAll(
|
||||||
|
".main-menu > li > .side-menu__item"
|
||||||
|
);
|
||||||
|
|
||||||
|
// Create the tooltip element
|
||||||
|
const tooltip = document.createElement("div");
|
||||||
|
tooltip.className = "custome-tooltip";
|
||||||
|
// Set the CSS properties of the tooltip element
|
||||||
|
tooltip.style.setProperty("position", "fixed");
|
||||||
|
tooltip.style.setProperty("display", "none");
|
||||||
|
tooltip.style.setProperty("padding", "0.5rem");
|
||||||
|
tooltip.style.setProperty("font-weight", "500");
|
||||||
|
tooltip.style.setProperty("font-size", "0.75rem");
|
||||||
|
tooltip.style.setProperty("background-color", "rgb(15, 23 ,42)");
|
||||||
|
tooltip.style.setProperty("color", "rgb(255, 255 ,255)");
|
||||||
|
tooltip.style.setProperty("margin-inline-start", "48px");
|
||||||
|
tooltip.style.setProperty("border-radius", "0.25rem");
|
||||||
|
tooltip.style.setProperty("z-index", "99");
|
||||||
|
|
||||||
|
menuSlideItem.forEach((e) => {
|
||||||
|
// Add an event listener to the menu slide item to show the tooltip
|
||||||
|
e.addEventListener("mouseenter", () => {
|
||||||
|
if (localStorage.menoverticalstyles == "doublemenu") {
|
||||||
|
tooltip.style.setProperty("display", "block");
|
||||||
|
tooltip.textContent =
|
||||||
|
e.querySelector(".side-menu__label").textContent;
|
||||||
|
if (
|
||||||
|
document
|
||||||
|
.querySelector("html")
|
||||||
|
.getAttribute("data-vertical-style") == "doublemenu"
|
||||||
|
) {
|
||||||
|
e.appendChild(tooltip);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add an event listener to hide the tooltip
|
||||||
|
e.addEventListener("mouseleave", () => {
|
||||||
|
tooltip.style.setProperty("display", "none");
|
||||||
|
tooltip.textContent =
|
||||||
|
e.querySelector(".side-menu__label").textContent;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (localStorage.menonavstyles) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
let navStyles = localStorage.getItem("menonavstyles");
|
||||||
|
if (navStyles == "menu-click") {
|
||||||
|
html.setAttribute("data-nav-style", "menu-click");
|
||||||
|
localStorage.removeItem("menoverticalstyles");
|
||||||
|
html.removeAttribute("data-vertical-style");
|
||||||
|
}
|
||||||
|
if (navStyles == "menu-hover") {
|
||||||
|
html.setAttribute("data-nav-style", "menu-hover");
|
||||||
|
localStorage.removeItem("menoverticalstyles");
|
||||||
|
html.removeAttribute("data-vertical-style");
|
||||||
|
}
|
||||||
|
if (navStyles == "icon-click") {
|
||||||
|
html.setAttribute("data-nav-style", "icon-click");
|
||||||
|
localStorage.removeItem("menoverticalstyles");
|
||||||
|
html.removeAttribute("data-vertical-style");
|
||||||
|
}
|
||||||
|
if (navStyles == "icon-hover") {
|
||||||
|
html.setAttribute("data-nav-style", "icon-hover");
|
||||||
|
localStorage.removeItem("menoverticalstyles");
|
||||||
|
html.removeAttribute("data-vertical-style");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (localStorage.menoclassic) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-page-style", "classic");
|
||||||
|
}
|
||||||
|
if (localStorage.menomodern) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-page-style", "modern");
|
||||||
|
}
|
||||||
|
if (localStorage.menoboxed) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-width", "boxed");
|
||||||
|
}
|
||||||
|
if (localStorage.menofullwidth) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-width", "fullwidth");
|
||||||
|
}
|
||||||
|
if (localStorage.menodefaultwidth) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-width", "default");
|
||||||
|
}
|
||||||
|
if (localStorage.menoheaderfixed) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-header-position", "fixed");
|
||||||
|
}
|
||||||
|
if (localStorage.menoheaderscrollable) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-header-position", "scrollable");
|
||||||
|
}
|
||||||
|
if (localStorage.menomenufixed) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-menu-position", "fixed");
|
||||||
|
}
|
||||||
|
if (localStorage.menomenuscrollable) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
html.setAttribute("data-menu-position", "scrollable");
|
||||||
|
}
|
||||||
|
if (localStorage.menoMenu) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
let menuValue = localStorage.getItem("menoMenu");
|
||||||
|
switch (menuValue) {
|
||||||
|
case "light":
|
||||||
|
html.setAttribute("data-menu-styles", "light");
|
||||||
|
break;
|
||||||
|
case "dark":
|
||||||
|
html.setAttribute("data-menu-styles", "dark");
|
||||||
|
break;
|
||||||
|
case "color":
|
||||||
|
html.setAttribute("data-menu-styles", "color");
|
||||||
|
break;
|
||||||
|
case "gradient":
|
||||||
|
html.setAttribute("data-menu-styles", "gradient");
|
||||||
|
break;
|
||||||
|
case "transparent":
|
||||||
|
html.setAttribute("data-menu-styles", "transparent");
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (localStorage.menoHeader) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
let headerValue = localStorage.getItem("menoHeader");
|
||||||
|
html.setAttribute("data-header-styles", headerValue);
|
||||||
|
}
|
||||||
|
if (localStorage.bgimg) {
|
||||||
|
let html = document.querySelector("html");
|
||||||
|
let value = localStorage.getItem("bgimg");
|
||||||
|
html.setAttribute("data-bg-img", value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
localStorageBackup();
|
||||||
|
|
||||||
|
// keep chosen files here (useful when uploading)
|
||||||
|
let selectedFiles = [];
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
const input = document.getElementById('imageInput');
|
||||||
|
if (input) {
|
||||||
|
input.addEventListener('change', previewImages);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Optional: allow dropping files onto the placeholder
|
||||||
|
const placeholder = document.getElementById('uploadPlaceholder');
|
||||||
|
if (placeholder) {
|
||||||
|
placeholder.addEventListener('dragover', e => {
|
||||||
|
e.preventDefault();
|
||||||
|
placeholder.style.borderColor = '#555';
|
||||||
|
});
|
||||||
|
placeholder.addEventListener('dragleave', e => {
|
||||||
|
placeholder.style.borderColor = '#cfcfcf';
|
||||||
|
});
|
||||||
|
placeholder.addEventListener('drop', e => {
|
||||||
|
e.preventDefault();
|
||||||
|
placeholder.style.borderColor = '#cfcfcf';
|
||||||
|
const dtFiles = Array.from(e.dataTransfer.files || []);
|
||||||
|
// Use same handler as input: create a fake event-like object with .files
|
||||||
|
previewImages({ target: { files: dtFiles } });
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Update the actual input.files property to match selectedFiles using DataTransfer
|
||||||
|
function updateInputFiles() {
|
||||||
|
const dataTransfer = new DataTransfer();
|
||||||
|
selectedFiles.forEach(file => dataTransfer.items.add(file));
|
||||||
|
const input = document.getElementById('imageInput');
|
||||||
|
input.files = dataTransfer.files;
|
||||||
|
}
|
||||||
|
|
||||||
|
function previewImages(event) {
|
||||||
|
const container = document.getElementById('imagePreviewContainer');
|
||||||
|
const uploadPlaceholder = document.getElementById('uploadPlaceholder');
|
||||||
|
const newFiles = Array.from(event.target.files || []);
|
||||||
|
|
||||||
|
if (!newFiles.length) return;
|
||||||
|
|
||||||
|
newFiles.forEach(file => {
|
||||||
|
if (!file.type.startsWith('image/')) return;
|
||||||
|
|
||||||
|
// avoid exact duplicates (same name + size)
|
||||||
|
if (selectedFiles.some(f => f.name === file.name && f.size === file.size)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
selectedFiles.push(file);
|
||||||
|
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.onload = function(e) {
|
||||||
|
const wrapper = document.createElement('div');
|
||||||
|
wrapper.className = 'preview-item';
|
||||||
|
wrapper.style.position = 'relative';
|
||||||
|
wrapper.style.width = '150px';
|
||||||
|
wrapper.style.height = '150px';
|
||||||
|
wrapper.style.marginRight = '8px';
|
||||||
|
|
||||||
|
const img = document.createElement('img');
|
||||||
|
img.src = e.target.result;
|
||||||
|
img.alt = file.name;
|
||||||
|
img.style.width = '100%';
|
||||||
|
img.style.height = '100%';
|
||||||
|
img.style.objectFit = 'cover';
|
||||||
|
img.className = 'img-fluid rounded';
|
||||||
|
|
||||||
|
const btn = document.createElement('button');
|
||||||
|
btn.type = 'button';
|
||||||
|
btn.className = 'remove-btn btn btn-sm btn-danger position-absolute top-0 end-0';
|
||||||
|
btn.innerText = '×';
|
||||||
|
btn.title = 'Remove';
|
||||||
|
btn.style.cursor = 'pointer';
|
||||||
|
|
||||||
|
// Position button at top right
|
||||||
|
btn.style.position = 'absolute';
|
||||||
|
btn.style.top = '2px';
|
||||||
|
btn.style.right = '2px';
|
||||||
|
btn.style.zIndex = '10';
|
||||||
|
|
||||||
|
btn.addEventListener('click', () => {
|
||||||
|
wrapper.remove();
|
||||||
|
selectedFiles = selectedFiles.filter(f => !(f.name === file.name && f.size === file.size));
|
||||||
|
updateInputFiles();
|
||||||
|
});
|
||||||
|
|
||||||
|
wrapper.appendChild(img);
|
||||||
|
wrapper.appendChild(btn);
|
||||||
|
|
||||||
|
// insert before the upload placeholder so the placeholder stays on the right
|
||||||
|
container.insertBefore(wrapper, uploadPlaceholder);
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
});
|
||||||
|
|
||||||
|
// update input.files to include all selected files
|
||||||
|
updateInputFiles();
|
||||||
|
}
|
||||||
|
|
||||||
|
// for debugging: expose selectedFiles in console
|
||||||
|
window.getSelectedFiles = () => selectedFiles;
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
+3
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
@@ -0,0 +1,19 @@
|
|||||||
|
(function() {
|
||||||
|
'use strict'
|
||||||
|
|
||||||
|
document.querySelectorAll(".prism-toggle").forEach((element)=>{
|
||||||
|
element.addEventListener("click",()=>{
|
||||||
|
let carElement = element.parentNode.parentNode
|
||||||
|
if(!carElement.children[1].classList.contains("d-none")){
|
||||||
|
element.firstElementChild.childNodes[1].className = "ri-code-s-slash-line ms-2 align-middle d-inline-block"
|
||||||
|
carElement.children[1].classList.add("d-none")
|
||||||
|
carElement.children[2].classList.remove("d-none")
|
||||||
|
}else{
|
||||||
|
element.firstElementChild.childNodes[1].className = "ri-code-line ms-2 align-middle d-inline-block"
|
||||||
|
carElement.children[1].classList.remove("d-none")
|
||||||
|
carElement.children[2].classList.add("d-none")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
})();
|
||||||
@@ -0,0 +1,590 @@
|
|||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
/* Sales Revenue */
|
||||||
|
var options = {
|
||||||
|
chart: {
|
||||||
|
height: 367,
|
||||||
|
toolbar: {
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
zoom: {
|
||||||
|
enabled: false,
|
||||||
|
},
|
||||||
|
dropShadow: {
|
||||||
|
enabled: true,
|
||||||
|
enabledOnSeries: undefined,
|
||||||
|
top: 7,
|
||||||
|
left: 0,
|
||||||
|
blur: 1,
|
||||||
|
color: ["var(--primary-color)", "var(--primary02)", "rgb(255, 90, 41)"],
|
||||||
|
opacity: 0.05,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
show: true,
|
||||||
|
borderColor: "rgba(119, 119, 142, 0.1)",
|
||||||
|
strokeDashArray: 4,
|
||||||
|
},
|
||||||
|
dataLabels: {
|
||||||
|
enabled: false,
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
width: [1.5, 1.5],
|
||||||
|
curve: "straight",
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
show: true,
|
||||||
|
position: "top",
|
||||||
|
horizontalAlign: "center",
|
||||||
|
fontWeight: 600,
|
||||||
|
fontSize: "11px",
|
||||||
|
labels: {
|
||||||
|
colors: "#74767c",
|
||||||
|
},
|
||||||
|
markers: {
|
||||||
|
size: 4,
|
||||||
|
strokeWidth: 0,
|
||||||
|
strokeColor: '#fff',
|
||||||
|
fillColors: undefined,
|
||||||
|
radius: 5,
|
||||||
|
customHTML: undefined,
|
||||||
|
onClick: undefined,
|
||||||
|
offsetX: 0,
|
||||||
|
offsetY: 0
|
||||||
|
},
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "فروش",
|
||||||
|
data: [5,15, 21,20,15,40,55,55, 55,30,45,100,85, 85,85,130,100,56, 131,140,195,140,140,140, 85,115,106,100,100,110, 129,140,137,135,140,145, 153,157,160,220,110,100,95, 90,90,105,92,105,120,122, 150,130,117, 108,120,127,150,],
|
||||||
|
type: "area",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name:"بازاریابی",
|
||||||
|
data: [40,45, 47,49,52,50,80,86, 85,70,89,130,100, 110,110,180,130,106, 140,110,110,90,80,110, 135,145,120,110,110,120, 139,150,117,110,110,100, 123,137,110,110,130,140,135, 140,190,125,102,105,100,92, 108,120,127,150,130,117],
|
||||||
|
type: "line",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
fill: {
|
||||||
|
type: ['gradient', 'solid'],
|
||||||
|
gradient: {
|
||||||
|
shadeIntensity: 1,
|
||||||
|
opacityFrom: 0.4,
|
||||||
|
opacityTo: 0.1,
|
||||||
|
stops: [0, 90, 100],
|
||||||
|
colorStops: [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
offset: 0,
|
||||||
|
color: "var(--primary01)",
|
||||||
|
opacity: 0.1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 75,
|
||||||
|
color: "var(--primary01)",
|
||||||
|
opacity: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 100,
|
||||||
|
color: 'var(--primary02)',
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
offset: 0,
|
||||||
|
color: 'rgb(255, 90, 41)',
|
||||||
|
opacity: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 75,
|
||||||
|
color: 'rgb(255, 90, 41)',
|
||||||
|
opacity: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 100,
|
||||||
|
color: 'rgb(255, 90, 41)',
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
],
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
colors: ["var(--primary-color)", "rgb(184 ,122 ,243)"],
|
||||||
|
yaxis: {
|
||||||
|
min:0,
|
||||||
|
title: {
|
||||||
|
style: {
|
||||||
|
color: "#adb5be",
|
||||||
|
fontSize: "14px",
|
||||||
|
fontFamily: "IRANSans",
|
||||||
|
fontWeight: 600,
|
||||||
|
cssClass: "apexcharts-yaxis-label",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
xaxis: {
|
||||||
|
type: "day",
|
||||||
|
categories: [
|
||||||
|
"فروردین",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"اردیبهشت",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"خرداد",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"تیر",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"مرداد",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"شهریور",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"مهر",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"آبان",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"آذر",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"دی",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"بهمن",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"اسفند",
|
||||||
|
],
|
||||||
|
axisBorder: {
|
||||||
|
show: true,
|
||||||
|
color: "rgba(119, 119, 142, 0.05)",
|
||||||
|
offsetX: 0,
|
||||||
|
offsetY: 0,
|
||||||
|
},
|
||||||
|
axisTicks: {
|
||||||
|
show: true,
|
||||||
|
borderType: "solid",
|
||||||
|
color: "rgba(119, 119, 142, 0.05)",
|
||||||
|
width: 6,
|
||||||
|
offsetX: 0,
|
||||||
|
offsetY: 0,
|
||||||
|
},
|
||||||
|
labels: {
|
||||||
|
rotate: -90,
|
||||||
|
style: {
|
||||||
|
colors: "#8c9097",
|
||||||
|
fontSize: "11px",
|
||||||
|
fontWeight: 600,
|
||||||
|
cssClass: "apexcharts-xaxis-label",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
var chart = new ApexCharts(document.querySelector("#sales-revenue"), options);
|
||||||
|
chart.render();
|
||||||
|
/* Sales Revenue */
|
||||||
|
|
||||||
|
/* Sales Summary */
|
||||||
|
var options = {
|
||||||
|
series: [14, 18, 17, 15, 12, 10],
|
||||||
|
chart: {
|
||||||
|
type: 'polarArea',
|
||||||
|
height: 251,
|
||||||
|
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
colors: ['#fff'],
|
||||||
|
},
|
||||||
|
fill: {
|
||||||
|
opacity: 1
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
show: false,
|
||||||
|
position: 'bottom',
|
||||||
|
itemMargin: {
|
||||||
|
horizontal: 5,
|
||||||
|
vertical: 5
|
||||||
|
},
|
||||||
|
fontFamily: "IRANSans",
|
||||||
|
},
|
||||||
|
labels: ['تحویل شد', 'لغو', 'در حال تعلیق', 'بازگردانده شد', 'ارسال شد', 'ناموفق'],
|
||||||
|
colors: ["var(--primary-color)", "rgba(175 ,109, 237,0.7)", "rgba(40 ,215 ,133,0.7)", "rgba(241 ,113 ,177,0.7)", "rgba(221 ,58, 82,0.7)", "rgba(253 ,126 ,20,0.7)"],
|
||||||
|
responsive: [{
|
||||||
|
breakpoint: 480,
|
||||||
|
options: {
|
||||||
|
chart: {
|
||||||
|
width: 200,
|
||||||
|
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
position: 'bottom'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
var chart = new ApexCharts(document.querySelector("#sales-summary"), options);
|
||||||
|
chart.render();
|
||||||
|
/*Sales Summary */
|
||||||
|
|
||||||
|
/* Visitors Device */
|
||||||
|
var options = {
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "هفته جاری",
|
||||||
|
data: [25, 50, 30, 55, ]
|
||||||
|
},
|
||||||
|
|
||||||
|
],
|
||||||
|
chart: {
|
||||||
|
height: 300,
|
||||||
|
type: 'bar',
|
||||||
|
offsetY: -10
|
||||||
|
},
|
||||||
|
plotOptions: {
|
||||||
|
|
||||||
|
bar: {
|
||||||
|
startAngle: -135,
|
||||||
|
endAngle: 135,
|
||||||
|
columnWidth: "40%",
|
||||||
|
|
||||||
|
dataLabels: {
|
||||||
|
name: {
|
||||||
|
fontSize: '16px',
|
||||||
|
color: undefined,
|
||||||
|
offsetY: 120
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
offsetY: 76,
|
||||||
|
fontSize: '22px',
|
||||||
|
color: undefined,
|
||||||
|
formatter: function (val) {
|
||||||
|
return val + "%";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
stroke: {
|
||||||
|
dashArray: 4
|
||||||
|
},
|
||||||
|
labels: ['موبایل','دسکتاپ','لپ تاپ','تبلت'],
|
||||||
|
colors: ["var(--primary-color)", "rgba(175 ,109, 237,0.7)", "rgba(40 ,215 ,133,0.7)", "rgba(241 ,113 ,177,0.7)", ],
|
||||||
|
};
|
||||||
|
var chart = new ApexCharts(document.querySelector("#visitors-device"), options);
|
||||||
|
chart.render();
|
||||||
|
/* Visitors Device */
|
||||||
|
|
||||||
|
/* line-graph charts */
|
||||||
|
var options2 = {
|
||||||
|
series: [{
|
||||||
|
data: [25, 39, 15, 89, 47, 70, 44]
|
||||||
|
}],
|
||||||
|
chart: {
|
||||||
|
type: 'line',
|
||||||
|
width: 100,
|
||||||
|
height: 35,
|
||||||
|
sparkline: {
|
||||||
|
enabled: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
width: [1.5],
|
||||||
|
show: true,
|
||||||
|
curve: 'smooth',
|
||||||
|
lineCap: 'butt',
|
||||||
|
},
|
||||||
|
colors:["rgb(88 ,155, 255)"],
|
||||||
|
tooltip: {
|
||||||
|
fixed: {
|
||||||
|
enabled: false
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
title: {
|
||||||
|
formatter: function (seriesName) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
marker: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var chart2 = new ApexCharts(document.querySelector("#line-graph1"), options2);
|
||||||
|
chart2.render();
|
||||||
|
|
||||||
|
var options2 = {
|
||||||
|
series: [{
|
||||||
|
data: [5, 20, 15, 29, 17, 40, 4]
|
||||||
|
}],
|
||||||
|
chart: {
|
||||||
|
type: 'line',
|
||||||
|
width: 100,
|
||||||
|
height: 35,
|
||||||
|
sparkline: {
|
||||||
|
enabled: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
width: [1.5],
|
||||||
|
show: true,
|
||||||
|
curve: 'smooth',
|
||||||
|
lineCap: 'butt',
|
||||||
|
},
|
||||||
|
colors:["rgb(175 ,109, 237)"],
|
||||||
|
tooltip: {
|
||||||
|
fixed: {
|
||||||
|
enabled: false
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
title: {
|
||||||
|
formatter: function (seriesName) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
marker: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var chart2 = new ApexCharts(document.querySelector("#line-graph2"), options2);
|
||||||
|
chart2.render();
|
||||||
|
|
||||||
|
var options2 = {
|
||||||
|
series: [{
|
||||||
|
data: [55,9, 55, 29, 87, 70, 64]
|
||||||
|
}],
|
||||||
|
chart: {
|
||||||
|
type: 'line',
|
||||||
|
width: 100,
|
||||||
|
height: 35,
|
||||||
|
sparkline: {
|
||||||
|
enabled: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
width: [1.5],
|
||||||
|
show: true,
|
||||||
|
curve: 'smooth',
|
||||||
|
lineCap: 'butt',
|
||||||
|
},
|
||||||
|
colors:["rgb(40 ,215 ,133)"],
|
||||||
|
tooltip: {
|
||||||
|
fixed: {
|
||||||
|
enabled: false
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
title: {
|
||||||
|
formatter: function (seriesName) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
marker: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var chart2 = new ApexCharts(document.querySelector("#line-graph3"), options2);
|
||||||
|
chart2.render();
|
||||||
|
|
||||||
|
var options2 = {
|
||||||
|
series: [{
|
||||||
|
data: [2, 39, 5, 49, 37, 70, 24]
|
||||||
|
}],
|
||||||
|
chart: {
|
||||||
|
type: 'line',
|
||||||
|
width: 100,
|
||||||
|
height: 35,
|
||||||
|
sparkline: {
|
||||||
|
enabled: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
width: [1.5],
|
||||||
|
show: true,
|
||||||
|
curve: 'smooth',
|
||||||
|
lineCap: 'butt',
|
||||||
|
},
|
||||||
|
colors:["rgb(241 ,113 ,177)"],
|
||||||
|
tooltip: {
|
||||||
|
fixed: {
|
||||||
|
enabled: false
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
title: {
|
||||||
|
formatter: function (seriesName) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
marker: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var chart2 = new ApexCharts(document.querySelector("#line-graph4"), options2);
|
||||||
|
chart2.render();
|
||||||
|
|
||||||
|
var options2 = {
|
||||||
|
series: [{
|
||||||
|
data: [25, 89, 15, 89, 47, 70, 44]
|
||||||
|
}],
|
||||||
|
chart: {
|
||||||
|
type: 'line',
|
||||||
|
width: 100,
|
||||||
|
height: 35,
|
||||||
|
sparkline: {
|
||||||
|
enabled: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
width: [1.5],
|
||||||
|
show: true,
|
||||||
|
curve: 'smooth',
|
||||||
|
lineCap: 'butt',
|
||||||
|
},
|
||||||
|
colors:["rgb(253 ,126 ,20)"],
|
||||||
|
tooltip: {
|
||||||
|
fixed: {
|
||||||
|
enabled: false
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
title: {
|
||||||
|
formatter: function (seriesName) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
marker: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var chart2 = new ApexCharts(document.querySelector("#line-graph5"), options2);
|
||||||
|
chart2.render();
|
||||||
|
/* line-graph charts */
|
||||||
|
|
||||||
|
/* Orders Summary */
|
||||||
|
var options = {
|
||||||
|
series: [1754, 834,549,234 ],
|
||||||
|
labels: ["مرد", "زن", "سایر","نامشخص"],
|
||||||
|
chart: {
|
||||||
|
height: 310,
|
||||||
|
type: 'donut',
|
||||||
|
},
|
||||||
|
dataLabels: {
|
||||||
|
enabled: false,
|
||||||
|
},
|
||||||
|
|
||||||
|
legend: {
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
show: true,
|
||||||
|
curve: 'smooth',
|
||||||
|
lineCap: 'round',
|
||||||
|
colors: "#fff",
|
||||||
|
width: 2,
|
||||||
|
dashArray: 0,
|
||||||
|
},
|
||||||
|
plotOptions: {
|
||||||
|
pie: {
|
||||||
|
startAngle: -90,
|
||||||
|
endAngle: 90,
|
||||||
|
offsetY: 10,
|
||||||
|
expandOnClick: false,
|
||||||
|
donut: {
|
||||||
|
size: '75%',
|
||||||
|
background: 'transparent',
|
||||||
|
labels: {
|
||||||
|
show: true,
|
||||||
|
name: {
|
||||||
|
show: true,
|
||||||
|
fontSize: '20px',
|
||||||
|
color: '#495057',
|
||||||
|
fontFamily: "IRANSans",
|
||||||
|
offsetY: -35
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
show: true,
|
||||||
|
fontSize: '22px',
|
||||||
|
color: undefined,
|
||||||
|
offsetY: -25,
|
||||||
|
fontWeight: 600,
|
||||||
|
fontFamily: "IRANSans",
|
||||||
|
formatter: function (val) {
|
||||||
|
return val + "%"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
total: {
|
||||||
|
show: true,
|
||||||
|
showAlways: true,
|
||||||
|
label: 'کل بازدیدکنندگان',
|
||||||
|
fontSize: '14px',
|
||||||
|
fontWeight: 400,
|
||||||
|
color: '#495057',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
padding: {
|
||||||
|
bottom: -100
|
||||||
|
}
|
||||||
|
},
|
||||||
|
colors: ["var(--primary-color)", "rgb(175 ,109, 237)", "rgb(40 ,215 ,133)", "rgb(241 ,113 ,177)"],
|
||||||
|
};
|
||||||
|
var chart = new ApexCharts(document.querySelector("#orders-summary"), options);
|
||||||
|
chart.render();
|
||||||
|
/* Orders Summary */
|
||||||
|
|
||||||
|
|
||||||
|
})();
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
|
||||||
|
"use strict"
|
||||||
|
|
||||||
|
// for show password
|
||||||
|
let createpassword = (type, ele) => {
|
||||||
|
document.getElementById(type).type = document.getElementById(type).type == "password" ? "text" : "password"
|
||||||
|
let icon = ele.childNodes[0].classList
|
||||||
|
let stringIcon = icon.toString()
|
||||||
|
if (stringIcon.includes("ri-eye-line")) {
|
||||||
|
ele.childNodes[0].classList.remove("ri-eye-line")
|
||||||
|
ele.childNodes[0].classList.add("ri-eye-off-line")
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
ele.childNodes[0].classList.add("ri-eye-line")
|
||||||
|
ele.childNodes[0].classList.remove("ri-eye-off-line")
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var myElement = document.getElementById('sidebar-scroll');
|
||||||
|
new SimpleBar(myElement, { autoHide: true });
|
||||||
|
|
||||||
|
})();
|
||||||
+10
File diff suppressed because one or more lines are too long
@@ -0,0 +1,21 @@
|
|||||||
|
|
||||||
|
"use strict";
|
||||||
|
(() => {
|
||||||
|
window.addEventListener('scroll', stickyFn);
|
||||||
|
var navbar = document.getElementById("sidebar");
|
||||||
|
var navbar1 = document.getElementById("header");
|
||||||
|
var sticky = navbar.offsetTop;
|
||||||
|
var sticky1 = navbar1.offsetTop;
|
||||||
|
function stickyFn() {
|
||||||
|
if (window.scrollY >= 75) {
|
||||||
|
navbar.classList.add("sticky-pin")
|
||||||
|
navbar1.classList.add("sticky-pin")
|
||||||
|
} else {
|
||||||
|
navbar.classList.remove("sticky-pin");
|
||||||
|
navbar1.classList.remove("sticky-pin");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
window.addEventListener('scroll', stickyFn);
|
||||||
|
window.addEventListener('DOMContentLoaded', stickyFn);
|
||||||
|
})();
|
||||||
|
|
||||||
Vendored
+2
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 @@
|
|||||||
|
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1 @@
|
|||||||
|
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{position:relative;margin:.5em 0;overflow:visible;padding:1px}pre[class*=language-]>code{position:relative;z-index:1;border-left:10px solid #358ccb;box-shadow:-1px 0 0 0 #358ccb,0 0 0 1px #dfdfdf;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%,rgba(69,142,209,.04) 50%);background-size:3em 3em;background-origin:content-box;background-attachment:local}code[class*=language-]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdfdfd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em}:not(pre)>code[class*=language-]{position:relative;padding:.2em;border-radius:.3em;color:#c92c2c;border:1px solid rgba(0,0,0,.1);display:inline;white-space:normal}pre[class*=language-]:after,pre[class*=language-]:before{content:'';display:block;position:absolute;bottom:.75em;left:.18em;width:40%;height:20%;max-height:13em;box-shadow:0 13px 8px #979797;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}pre[class*=language-]:after{right:.75em;left:auto;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7d8b99}.token.punctuation{color:#5f6364}.token.boolean,.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol,.token.tag{color:#c92c2c}.token.attr-name,.token.builtin,.token.char,.token.function,.token.inserted,.token.selector,.token.string{color:#2f9c0a}.token.entity,.token.operator,.token.url,.token.variable{color:#a67f59;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.class-name,.token.keyword{color:#1990b8}.token.important,.token.regex{color:#e90}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,.5)}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.7}@media screen and (max-width:767px){pre[class*=language-]:after,pre[class*=language-]:before{bottom:14px;box-shadow:none}}pre[class*=language-].line-numbers.line-numbers{padding-left:0}pre[class*=language-].line-numbers.line-numbers code{padding-left:3.8em}pre[class*=language-].line-numbers.line-numbers .line-numbers-rows{left:0}pre[class*=language-][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line] code{position:relative;padding-left:4em}pre .line-highlight{margin-top:0}
|
||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user