First complete upload on nas
This commit is contained in:
+257
@@ -0,0 +1,257 @@
|
||||
(function ($) {
|
||||
"use strict"; // Start of use strict
|
||||
/*
|
||||
- Input search focus action
|
||||
- Navbar toggler
|
||||
- Dark Theme
|
||||
- Fullscreen
|
||||
- Scrollbar
|
||||
- Sidebar collapse
|
||||
- Material ripple effect
|
||||
- Back to top
|
||||
- Page loader
|
||||
*/
|
||||
/*-------------------------------------------
|
||||
Input search focus action
|
||||
--------------------------------------------- */
|
||||
if ($('.search').length) {
|
||||
$("body").on("focus", ".search__text", function () {
|
||||
$(this).closest(".search").addClass("search--focus");
|
||||
}), $("body").on("blur", ".search__text", function () {
|
||||
$(this).val(""), $(this).closest(".search").removeClass("search--focus");
|
||||
});
|
||||
}
|
||||
/*-------------------------------------------
|
||||
Navbar toggler
|
||||
--------------------------------------------- */
|
||||
if ($('.navbar-toggler').length) {
|
||||
//Navbar collapse hide
|
||||
$('.navbar-toggler').on('click', function () {
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
});
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
Navbar
|
||||
--------------------------------------------- */
|
||||
//navbar add remove calss
|
||||
var header = $(".navbar-transfarent");
|
||||
$(window).scroll(function () {
|
||||
var scroll = $(window).scrollTop();
|
||||
if (scroll >= 1) {
|
||||
header.removeClass('navbar-transfarent').addClass("navbar-bg");
|
||||
} else {
|
||||
header.removeClass("navbar-bg").addClass('navbar-transfarent');
|
||||
}
|
||||
});
|
||||
|
||||
/*-------------------------------------------
|
||||
Dark Theme
|
||||
--------------------------------------------- */
|
||||
if ($('.dark-button, .light-button').length) {
|
||||
// Dark Mode Setup
|
||||
const darkMode = localStorage.getItem('dark-mode') || 'light';
|
||||
$('html').toggleClass('dark', darkMode === 'dark');
|
||||
$('.dark-button').toggle(darkMode !== 'dark');
|
||||
$('.light-button').toggle(darkMode === 'dark');
|
||||
|
||||
// Toggle dark UI
|
||||
$('.dark-button, .light-button').on('click', function () {
|
||||
const isDark = $(this).hasClass('dark-button');
|
||||
$('.dark-button').toggle(!isDark);
|
||||
$('.light-button').toggle(isDark);
|
||||
$('html').toggleClass('dark', isDark);
|
||||
localStorage.setItem('dark-mode', isDark ? 'dark' : 'light');
|
||||
|
||||
});
|
||||
}
|
||||
/*-------------------------------------------
|
||||
Fullscreen
|
||||
--------------------------------------------- */
|
||||
if ($('#btnFullscreen').length) {
|
||||
function toggleFullscreen(elem = document.documentElement) {
|
||||
const isFullscreen = document.fullscreenElement || document.mozFullScreenElement ||
|
||||
document.webkitFullscreenElement || document.msFullscreenElement;
|
||||
|
||||
if (!isFullscreen) {
|
||||
const methods = ['requestFullscreen', 'msRequestFullscreen', 'mozRequestFullScreen', 'webkitRequestFullscreen'];
|
||||
const method = methods.find(method => elem[method]);
|
||||
|
||||
if (method) elem[method](Element.ALLOW_KEYBOARD_INPUT);
|
||||
} else {
|
||||
const exitMethods = ['exitFullscreen', 'msExitFullscreen', 'mozCancelFullScreen', 'webkitExitFullscreen'];
|
||||
const exitMethod = exitMethods.find(method => document[`${method}`]);
|
||||
|
||||
if (exitMethod) document[`${exitMethod}`]();
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('btnFullscreen')?.addEventListener('click', function () {
|
||||
toggleFullscreen();
|
||||
$(this).find('.fa-maximize').toggleClass('fa-minimize');
|
||||
});
|
||||
|
||||
}
|
||||
/*-------------------------------------------
|
||||
Scrollbar
|
||||
--------------------------------------------- */
|
||||
if ($('.sidebar-body').length) {
|
||||
$('.sidebar-body').each(function () {
|
||||
const ps = new PerfectScrollbar($(this)[0]);
|
||||
});
|
||||
}
|
||||
if ($('.dropdown-menu-scroll').length) {
|
||||
$('.dropdown-menu-scroll').each(function () {
|
||||
const ps = new PerfectScrollbar($(this)[0]);
|
||||
});
|
||||
}
|
||||
if ($('.metismenu').length) {
|
||||
$('.metismenu').metisMenu();//Metismenu
|
||||
}
|
||||
|
||||
|
||||
/*-------------------------------------------
|
||||
Sidebar collapse
|
||||
--------------------------------------------- */
|
||||
if ($('#sidebarCollapse').length) {
|
||||
$('#sidebarCollapse').on('click', function () {
|
||||
$('.sidebar, .navbar').toggleClass('active');
|
||||
if (window.matchMedia('(max-width: 767px)').matches) {
|
||||
$('.overlay').toggleClass('active');
|
||||
} else {
|
||||
$('.overlay').removeClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
$('.overlay').on('click', function () {
|
||||
$('.sidebar, .overlay, .sidebar-icon-aside, .sidebar-icon .nav-link').removeClass('active');
|
||||
});
|
||||
|
||||
$('.sidebar .with-sub').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
var $parent = $(this).parent();
|
||||
$parent.toggleClass('show').siblings().removeClass('show');
|
||||
});
|
||||
|
||||
var minimizeSidebar = false,
|
||||
miniSidebar = 0;
|
||||
|
||||
function checkPosition(x) {
|
||||
if (x.matches) { // If media query matches
|
||||
|
||||
if (!minimizeSidebar) {
|
||||
var minibutton = $('.sidebar-toggle-icon');
|
||||
if ($('.sidebar-mini').hasClass('sidebar-collapse')) {
|
||||
miniSidebar = 1;
|
||||
minibutton.addClass('toggled');
|
||||
}
|
||||
minibutton.on('click', function () {
|
||||
if (miniSidebar === 1) {
|
||||
$('.sidebar-mini').removeClass('sidebar-collapse');
|
||||
minibutton.removeClass('toggled');
|
||||
miniSidebar = 0;
|
||||
} else {
|
||||
$('.sidebar-mini').addClass('sidebar-collapse');
|
||||
minibutton.addClass('toggled');
|
||||
miniSidebar = 1;
|
||||
}
|
||||
$(window).resize();
|
||||
});
|
||||
minimizeSidebar = true;
|
||||
}
|
||||
$('.sidebar').hover(function () {
|
||||
if ($('.sidebar-mini').hasClass('sidebar-collapse')) {
|
||||
$('.sidebar-mini').addClass('sidebar-collapse_hover');
|
||||
}
|
||||
}, function () {
|
||||
if ($('.sidebar-mini').hasClass('sidebar-collapse')) {
|
||||
$('.sidebar-mini').removeClass('sidebar-collapse_hover');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var x = window.matchMedia("(min-width: 768px)");
|
||||
checkPosition(x); // Call listener function at run time
|
||||
x.addListener(checkPosition); // Attach listener function on state changes
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
Material ripple effect
|
||||
--------------------------------------------- */
|
||||
if ($('.material-ripple').length) {
|
||||
$(".material-ripple").on('click', function (event) {
|
||||
var surface = $(this);
|
||||
if (!surface.find(".material-ink").length) surface.prepend("<div class='material-ink'></div>");
|
||||
var ink = surface.find(".material-ink").removeClass("animate");
|
||||
if (!ink.height() && !ink.width()) {
|
||||
var diameter = Math.max(surface.outerWidth(), surface.outerHeight());
|
||||
ink.css({ height: diameter, width: diameter });
|
||||
}
|
||||
var xPos = event.pageX - surface.offset().left - (ink.width() / 2);
|
||||
var yPos = event.pageY - surface.offset().top - (ink.height() / 2);
|
||||
var rippleColor = surface.data("ripple-color");
|
||||
ink.css({ top: yPos + 'px', left: xPos + 'px', background: rippleColor }).addClass("animate");
|
||||
});
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
Back to top
|
||||
--------------------------------------------- */
|
||||
|
||||
$('body').append('<div id="toTop" class="btn-top"><i class="fa-solid fa-arrow-up fs-16"></i></div>');
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() !== 0) {
|
||||
$('#toTop').fadeIn();
|
||||
} else {
|
||||
$('#toTop').fadeOut();
|
||||
}
|
||||
});
|
||||
$('#toTop').on('click', function () {
|
||||
$("html, body").animate({ scrollTop: 0 }, 600);
|
||||
return false;
|
||||
});
|
||||
|
||||
/*-------------------------------------------
|
||||
Page loader
|
||||
--------------------------------------------- */
|
||||
|
||||
$(window).on("load", function () {
|
||||
if ($('.page-loader-content').length) {
|
||||
setTimeout(function () {
|
||||
$(".page-loader-content").addClass("page-loader-active");
|
||||
}, 200);
|
||||
$(document).ready(function () {
|
||||
pageLoading();
|
||||
});
|
||||
|
||||
function pageLoading() {
|
||||
var progressBar = $(".page-loader-bar");
|
||||
var percentText = $(".page-loader-percent");
|
||||
|
||||
var interval = setInterval(function () {
|
||||
var currentWidth = progressBar.width();
|
||||
var maxWidth = $(".page-loader-progress").width();
|
||||
var currentPercent = Math.round((currentWidth / maxWidth) * 100);
|
||||
|
||||
if (currentPercent < 101) {
|
||||
progressBar.width(currentWidth + 1);
|
||||
percentText.text(currentPercent + "%");
|
||||
} else {
|
||||
clearInterval(interval);
|
||||
|
||||
setTimeout(function () {
|
||||
$(".page-loader-content").removeClass("page-loader-active");
|
||||
}, 400);
|
||||
setTimeout(function () {
|
||||
$(".page-loader").removeClass("page-loader-active");
|
||||
}, 800);
|
||||
}
|
||||
}, 5);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
!function(e){"use strict";e(".search").length&&(e("body").on("focus",".search__text",function(){e(this).closest(".search").addClass("search--focus")}),e("body").on("blur",".search__text",function(){e(this).val(""),e(this).closest(".search").removeClass("search--focus")})),e(".navbar-toggler").length&&e(".navbar-toggler").on("click",function(){e(".navbar-collapse").collapse("hide")});var a=e(".navbar-transfarent");if(e(window).scroll(function(){e(window).scrollTop()>=1?a.removeClass("navbar-transfarent").addClass("navbar-bg"):a.removeClass("navbar-bg").addClass("navbar-transfarent")}),e(".dark-button, .light-button").length){let t=localStorage.getItem("dark-mode")||"light";e("html").toggleClass("dark","dark"===t),e(".dark-button").toggle("dark"!==t),e(".light-button").toggle("dark"===t),e(".dark-button, .light-button").on("click",function(){let a=e(this).hasClass("dark-button");e(".dark-button").toggle(!a),e(".light-button").toggle(a),e("html").toggleClass("dark",a),localStorage.setItem("dark-mode",a?"dark":"light")})}if(e("#btnFullscreen").length&&document.getElementById("btnFullscreen")?.addEventListener("click",function(){(function e(a=document.documentElement){let t=document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement;if(t){let l=["exitFullscreen","msExitFullscreen","mozCancelFullScreen","webkitExitFullscreen"].find(e=>document[`${e}`]);l&&document[`${l}`]()}else{let s=["requestFullscreen","msRequestFullscreen","mozRequestFullScreen","webkitRequestFullscreen"].find(e=>a[e]);s&&a[s](Element.ALLOW_KEYBOARD_INPUT)}})(),e(this).find(".fa-maximize").toggleClass("fa-minimize")}),e(".sidebar-body").length&&e(".sidebar-body").each(function(){new PerfectScrollbar(e(this)[0])}),e(".dropdown-menu-scroll").length&&e(".dropdown-menu-scroll").each(function(){new PerfectScrollbar(e(this)[0])}),e(".metismenu").length&&e(".metismenu").metisMenu(),e("#sidebarCollapse").length){e("#sidebarCollapse").on("click",function(){e(".sidebar, .navbar").toggleClass("active"),window.matchMedia("(max-width: 767px)").matches?e(".overlay").toggleClass("active"):e(".overlay").removeClass("active")}),e(".overlay").on("click",function(){e(".sidebar, .overlay, .sidebar-icon-aside, .sidebar-icon .nav-link").removeClass("active")}),e(".sidebar .with-sub").on("click",function(a){a.preventDefault(),e(this).parent().toggleClass("show").siblings().removeClass("show")});var l=!1,s=0;function n(a){if(a.matches){if(!l){var t=e(".sidebar-toggle-icon");e(".sidebar-mini").hasClass("sidebar-collapse")&&(s=1,t.addClass("toggled")),t.on("click",function(){1===s?(e(".sidebar-mini").removeClass("sidebar-collapse"),t.removeClass("toggled"),s=0):(e(".sidebar-mini").addClass("sidebar-collapse"),t.addClass("toggled"),s=1),e(window).resize()}),l=!0}e(".sidebar").hover(function(){e(".sidebar-mini").hasClass("sidebar-collapse")&&e(".sidebar-mini").addClass("sidebar-collapse_hover")},function(){e(".sidebar-mini").hasClass("sidebar-collapse")&&e(".sidebar-mini").removeClass("sidebar-collapse_hover")})}}var i=window.matchMedia("(min-width: 768px)");n(i),i.addListener(n)}e(".material-ripple").length&&e(".material-ripple").on("click",function(a){var t=e(this);t.find(".material-ink").length||t.prepend("<div class='material-ink'></div>");var l=t.find(".material-ink").removeClass("animate");if(!l.height()&&!l.width()){var s=Math.max(t.outerWidth(),t.outerHeight());l.css({height:s,width:s})}var n=a.pageX-t.offset().left-l.width()/2,i=a.pageY-t.offset().top-l.height()/2,o=t.data("ripple-color");l.css({top:i+"px",left:n+"px",background:o}).addClass("animate")}),e("body").append('<div id="toTop" class="btn-top"><i class="fa-solid fa-arrow-up fs-16"></i></div>'),e(window).scroll(function(){0!==e(this).scrollTop()?e("#toTop").fadeIn():e("#toTop").fadeOut()}),e("#toTop").on("click",function(){return e("html, body").animate({scrollTop:0},600),!1}),e(window).on("load",function(){e(".page-loader-content").length&&(setTimeout(function(){e(".page-loader-content").addClass("page-loader-active")},200),e(document).ready(function(){var a,t,l;a=e(".page-loader-bar"),t=e(".page-loader-percent"),l=setInterval(function(){var s=a.width(),n=Math.round(s/e(".page-loader-progress").width()*100);n<101?(a.width(s+1),t.text(n+"%")):(clearInterval(l),setTimeout(function(){e(".page-loader-content").removeClass("page-loader-active")},400),setTimeout(function(){e(".page-loader").removeClass("page-loader-active")},800))},5)}))})}(jQuery);
|
||||
@@ -0,0 +1,278 @@
|
||||
(function ($) {
|
||||
"use strict"; // Start of use strict
|
||||
/*
|
||||
- Counter
|
||||
- Data table
|
||||
- Popup youtube & gallery
|
||||
- File Up
|
||||
- Apex Charts
|
||||
- Tooltip
|
||||
*/
|
||||
/*-------------------------------------------
|
||||
Counter
|
||||
--------------------------------------------- */
|
||||
if ($('.counter').length) {
|
||||
$('.counter').counterUp({
|
||||
delay: 1,
|
||||
time: 500,
|
||||
});
|
||||
}
|
||||
/*-------------------------------------------
|
||||
Data table
|
||||
--------------------------------------------- */
|
||||
if ($('.category-list').length) {
|
||||
$('.category-list').DataTable({
|
||||
language: {
|
||||
oPaginate: {
|
||||
sNext: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>',
|
||||
sPrevious: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>'
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
/*-------------------------------------------
|
||||
Popup youtube & gallery
|
||||
--------------------------------------------- */
|
||||
if ($('.zoom-gallery').length) {
|
||||
$('.zoom-gallery').magnificPopup({
|
||||
delegate: 'a',
|
||||
type: 'image',
|
||||
closeOnContentClick: false,
|
||||
closeBtnInside: false,
|
||||
mainClass: 'mfp-with-zoom mfp-img-mobile',
|
||||
image: {
|
||||
verticalFit: true,
|
||||
titleSrc: function (item) {
|
||||
return item.el.attr('title') + ' · <a class="image-source-link" href="' + item.el.attr('data-source') + '" target="_blank">image source</a>';
|
||||
}
|
||||
},
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300, // don't foget to change the duration also in CSS
|
||||
opener: function (element) {
|
||||
return element.find('img');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
File Up
|
||||
--------------------------------------------- */
|
||||
if ($('.fileUp').length) {
|
||||
$('.fileUp').FancyFileUpload({
|
||||
params: {
|
||||
action: 'fileuploader'
|
||||
},
|
||||
maxfilesize: 1000000
|
||||
});
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
Apex Charts
|
||||
--------------------------------------------- */
|
||||
|
||||
if ($('#chart').length) {
|
||||
// Dark Mode Setup
|
||||
const darkMode = localStorage.getItem('dark-mode') || 'light';
|
||||
$('html').toggleClass('dark', darkMode === 'dark');
|
||||
$('.dark-button').toggle(darkMode !== 'dark');
|
||||
$('.light-button').toggle(darkMode === 'dark');
|
||||
|
||||
// ApexCharts Options
|
||||
var lightOptions = {
|
||||
// Light theme options
|
||||
colors: ['#f84525'],
|
||||
series: [
|
||||
{
|
||||
data: [10, 20, 15, 30, 35, 30, 45, 59, 30, 35, 25, 29, 15]
|
||||
}
|
||||
],
|
||||
chart: {
|
||||
type: "area",
|
||||
height: 350,
|
||||
zoom: {
|
||||
enabled: false
|
||||
},
|
||||
toolbar: {
|
||||
tools: {
|
||||
download: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-grid" viewBox="0 0 16 16"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z"/></svg>'
|
||||
}
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
markers: {
|
||||
colors: ["#FFFFFF"]
|
||||
},
|
||||
stroke: {
|
||||
curve: "smooth",
|
||||
width: 3,
|
||||
},
|
||||
fill: {
|
||||
type: "gradient",
|
||||
gradient: {
|
||||
shadeIntensity: 1,
|
||||
type: "vertical",
|
||||
colorStops: [
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "#f84525",
|
||||
opacity: 1.0
|
||||
},
|
||||
{
|
||||
offset: 70,
|
||||
color: "#f7b733",
|
||||
opacity: 0.2
|
||||
},
|
||||
{
|
||||
offset: 97,
|
||||
color: "#f7b733",
|
||||
opacity: 0.0
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
axisBorder: {
|
||||
show: false
|
||||
},
|
||||
axisTicks: {
|
||||
show: false
|
||||
},
|
||||
labels: {
|
||||
style: {
|
||||
colors: "#aaa"
|
||||
}
|
||||
}
|
||||
},
|
||||
yaxis: {
|
||||
labels: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
borderColor: "#eff2f7"
|
||||
},
|
||||
legend: {
|
||||
horizontalAlign: "left"
|
||||
}
|
||||
};
|
||||
|
||||
var darkOptions = {
|
||||
colors: ['#f84525'],
|
||||
series: [
|
||||
{
|
||||
data: [10, 20, 15, 30, 35, 30, 45, 59, 30, 35, 25, 29, 15]
|
||||
}
|
||||
],
|
||||
chart: {
|
||||
type: "area",
|
||||
height: 350,
|
||||
zoom: {
|
||||
enabled: false
|
||||
},
|
||||
toolbar: {
|
||||
tools: {
|
||||
download: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-grid" viewBox="0 0 16 16"><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z"/></svg>'
|
||||
}
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
markers: {
|
||||
colors: ["#FFFFFF"]
|
||||
},
|
||||
stroke: {
|
||||
curve: "smooth",
|
||||
width: 3,
|
||||
},
|
||||
fill: {
|
||||
type: "gradient",
|
||||
gradient: {
|
||||
shadeIntensity: 1,
|
||||
type: "vertical",
|
||||
colorStops: [
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "#f84525",
|
||||
opacity: 1.0
|
||||
},
|
||||
{
|
||||
offset: 70,
|
||||
color: "#f7b733",
|
||||
opacity: 0.2
|
||||
},
|
||||
{
|
||||
offset: 97,
|
||||
color: "#f7b733",
|
||||
opacity: 0.0
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
axisBorder: {
|
||||
show: false
|
||||
},
|
||||
axisTicks: {
|
||||
show: false
|
||||
},
|
||||
labels: {
|
||||
style: {
|
||||
colors: "#aaa"
|
||||
}
|
||||
}
|
||||
},
|
||||
yaxis: {
|
||||
labels: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
borderColor: "#26292d"
|
||||
},
|
||||
legend: {
|
||||
horizontalAlign: "left"
|
||||
},
|
||||
};
|
||||
|
||||
var options = darkMode === 'dark' ? darkOptions : lightOptions;
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// Toggle dark UI
|
||||
$('.dark-button, .light-button').on('click', function () {
|
||||
const isDark = $(this).hasClass('dark-button');
|
||||
$('.dark-button').toggle(!isDark);
|
||||
$('.light-button').toggle(isDark);
|
||||
$('html').toggleClass('dark', isDark);
|
||||
localStorage.setItem('dark-mode', isDark ? 'dark' : 'light');
|
||||
|
||||
// Update chart theme
|
||||
options = isDark ? darkOptions : lightOptions;
|
||||
chart.updateOptions(options);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
/*-------------------------------------------
|
||||
Tooltip
|
||||
--------------------------------------------- */
|
||||
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
||||
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
(function ($) {
|
||||
"use strict"; // Start of use strict
|
||||
['chat-list__in', 'chat-list__sidebar--right'].forEach(function (className) {
|
||||
new PerfectScrollbar($('.' + className)[0]);
|
||||
});
|
||||
|
||||
// $('[data-bs-toggle="popover"]').popover({
|
||||
// html: true
|
||||
// });
|
||||
|
||||
$('.change-bg-color label').on('click', function () {
|
||||
var color = $(this).data('color');
|
||||
$('.message-content').removeClass(function (index, css) {
|
||||
return (css.match(/(^|\s)bg-\S+/g) || []).join(' ');
|
||||
}).addClass('bg-text-' + color);
|
||||
});
|
||||
|
||||
var elements = { 'autobot': false, 'manual': true, 'switcher': null };
|
||||
['autobot', 'manual', 'switcher'].forEach(function (id) {
|
||||
var element = document.getElementById(id);
|
||||
element.addEventListener('click', function () {
|
||||
if (id === 'switcher') {
|
||||
elements['manual'].classList.toggle('toggler--is-active');
|
||||
elements['autobot'].classList.toggle('toggler--is-active');
|
||||
} else {
|
||||
elements['switcher'].checked = elements[id];
|
||||
elements[id === 'autobot' ? 'manual' : 'autobot'].classList.remove('toggler--is-active');
|
||||
elements[id].classList.add('toggler--is-active');
|
||||
}
|
||||
});
|
||||
elements[id] = element;
|
||||
});
|
||||
|
||||
$(".chat-header").each(function () {
|
||||
$(".search-btn", this).on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$(".conversation-search").slideToggle();
|
||||
});
|
||||
});
|
||||
|
||||
$(".close-search").on("click", function () {
|
||||
$(".conversation-search").slideUp();
|
||||
});
|
||||
|
||||
$('.chat-overlay, .chat-list .item-list').on('click', function () {
|
||||
$('.chat-list__sidebar, .chat-list__sidebar--right').removeClass('active');
|
||||
$('.chat-overlay').removeClass('active');
|
||||
});
|
||||
|
||||
$('.chat-sidebar-collapse, .chat-settings-collapse').on('click', function () {
|
||||
var sidebarClass = $(this).hasClass('chat-sidebar-collapse') ? 'chat-list__sidebar' : 'chat-list__sidebar--right';
|
||||
$('.' + sidebarClass).addClass('active');
|
||||
$('.chat-overlay').addClass('active');
|
||||
$('.collapse.in').toggleClass('in');
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user