First complete upload on nas

This commit is contained in:
2024-09-18 11:20:28 +02:00
commit 4f086962fe
6456 changed files with 1232660 additions and 0 deletions
+257
View File
@@ -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);
+1
View File
@@ -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);
+278
View File
@@ -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') + ' &middot; <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);