File: /home/bibuzptr/elearning.bibu-edu.us/student/js/main.js
(function($) {
"use strict";
var windowOn = $(window);
////////////////////////////////////////////////////
//preloader
$(window).on( 'load', function() {
$("#back__preloader").delay(1000).fadeOut(400);
})
jQuery(document).ready(function() {
/*====== mobile off canvas active ======*/
function headermobileAside() {
var navbarTrigger = $('.mobile-aside-button'),
endTrigger = $('.mobile-aside-close'),
container = $('.mobile-off-canvas-active'),
wrapper = $('.wrapper');
wrapper.prepend('<div class="body-overlay"></div>');
navbarTrigger.on('click', function(e) {
e.preventDefault();
container.addClass('inside');
wrapper.addClass('overlay-active');
});
endTrigger.on('click', function() {
container.removeClass('inside');
wrapper.removeClass('overlay-active');
});
$('.body-overlay').on('click', function() {
container.removeClass('inside');
wrapper.removeClass('overlay-active');
});
};
headermobileAside();
/*--- language currency active ----*/
$('.mobile-language-active').on('click', function(e) {
e.preventDefault();
$('.lang-dropdown-active').slideToggle(900);
});
$('.mobile-currency-active').on('click', function(e) {
e.preventDefault();
$('.curr-dropdown-active').slideToggle(900);
});
$('.mobile-account-active').on('click', function(e) {
e.preventDefault();
$('.account-dropdown-active').slideToggle(900);
});
/*---------------------
mobile-menu
--------------------- */
var $offCanvasNav = $('.mobile-menu'),
$offCanvasNavSubMenu = $offCanvasNav.find('.dropdown');
/*Add Toggle Button With Off Canvas Sub Menu*/
$offCanvasNavSubMenu.parent().prepend('<span class="menu-expand"><i></i></span>');
/*Close Off Canvas Sub Menu*/
$offCanvasNavSubMenu.slideUp();
/*Category Sub Menu Toggle*/
$offCanvasNav.on('click', 'li a, li .menu-expand', function(e) {
var $this = $(this);
if (($this.parent().attr('class').match(/\b(menu-item-has-children|has-children|has-sub-menu)\b/)) && ($this.attr('href') === '#' || $this.hasClass('menu-expand'))) {
e.preventDefault();
if ($this.siblings('ul:visible').length) {
$this.parent('li').removeClass('active');
$this.siblings('ul').slideUp();
} else {
$this.parent('li').addClass('active');
$this.closest('li').siblings('li').removeClass('active').find('li').removeClass('active');
$this.closest('li').siblings('li').find('ul:visible').slideUp();
$this.siblings('ul').slideDown();
}
}
});
// mobile__menu__end
// scrollToTop
$.scrollUp({
scrollName: 'scrollUp', // Element ID
topDistance: '300', // Distance from top before showing element (px)
topSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: '<i class="icofont-rounded-up"></i>', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
});
$(window).on('scroll', function() {
var scroll = $(window).scrollTop();
if (scroll < 245) {
$(".header__sticky").removeClass("sticky");
} else {
$(".header__sticky").addClass("sticky");
}
});
// Grid Countdown
$('[data-countdown]').each(function() {
var $this = $(this),
finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
$this.html(event.strftime('<div class="count"><p>%D</p><span>Days</span></div><div class="count"><p>%H</p> <span>Hrs</span></div><div class="count"><p>%M</p> <span>Min</span></div><div class="count"> <p>%S</p> <span>Sec</span></div>'));
});
});
/*====== Search active ======*/
function sidebarSearch() {
var searchTrigger = $('.header__icon'),
endTriggersearch = $('.header__search__close'),
container = $('.header__main__search__active ');
searchTrigger.on('click', function(e) {
e.preventDefault();
container.addClass('inside');
});
endTriggersearch.on('click', function() {
container.removeClass('inside');
});
};
sidebarSearch();
// // Counter Js
$('.counter').counterUp({
delay: 100,
time: 1000
});
/* magnificPopup video view */
$('.video-btn').magnificPopup({
type: 'iframe'
});
/* magnificPopup img view */
$('.popup__img').magnificPopup({
type: 'image',
gallery: {
enabled: true
},
});
//testimonial__section__start
$('.testimonial__slider__active').slick({
infinite: true,
slidesToShow: 2,
slidesToScroll: 1,
dots: false,
prevArrow: '<span class="prev_class"><i class="icofont-long-arrow-left"></i></span>',
nextArrow: '<span class="next_class"><i class="icofont-long-arrow-right"></i></span>',
responsive: [{
breakpoint: 1367,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 993,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 769,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 321,
settings: {
slidesToShow: 1,
}
},
]
});
$('.testimonial__slider__active__3').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
prevArrow: '<span class="prev_class"><i class="icofont-long-arrow-left "></i></span>',
nextArrow: '<span class="next_class"><i class="icofont-long-arrow-right active"></i></span>',
responsive: [{
breakpoint: 1367,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 993,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 769,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 321,
settings: {
slidesToShow: 1,
}
},
]
});
//about__course__slider__start
$('.about__course__slider__active').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
dots: false,
arrows: false,
responsive: [{
breakpoint: 1367,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 993,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 769,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 500,
settings: {
slidesToShow: 1,
}
},
]
});
//instructor__slider__start
$('.instructor__slider__active').slick({
infinite: true,
slidesToShow: 2,
slidesToScroll: 1,
dots: false,
arrows: false,
responsive: [{
breakpoint: 1367,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 993,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 769,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 500,
settings: {
slidesToShow: 1,
}
},
]
});
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
// Block Show/hide option
if (document.querySelector('.toggle-btn') !== null) {
$('.toggle-btn').on('click', function(e) {
e.preventDefault();
var $this = $(this).attr('data-target');
$($this).toggleClass('visible');
});
}
// image loaded portfolio init
var gridfilter = $('.grid');
if (gridfilter.length) {
$('.grid').imagesLoaded(function() {
$('.gridFilter').on('click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({
filter: filterValue
});
});
var $grid = $('.grid').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
columnWidth: '.grid-item',
}
});
});
}
// project Filter
if ($('.gridFilter button').length) {
var projectfiler = $('.gridFilter button');
if (projectfiler.length) {
$('.gridFilter button').on('click', function(event) {
$(this).siblings('.active').removeClass('active');
$(this).addClass('active');
event.preventDefault();
});
}
}
/* Tilter Activation */
if ($('[data-tilt]').length) {
$('[data-tilt]').tilt({
perspective: 2000,
});
}
/* ----------------------------
AOS Scroll Animation
-------------------------------*/
AOS.init({
offset: 40,
duration: 1000,
once: true,
easing: 'ease',
});
/*===================================
Svg Icon Draw
====================================*/
var $svgIconBox = $('.single-svg-icon-box');
$svgIconBox.each(function() {
var $this = $(this),
$svgIcon = $this.find('.svg-icon'),
$id = $svgIcon.attr('id'),
$icon = $svgIcon.data('svg-icon');
var $vivus = new Vivus($id, { duration: 100, file: $icon });
$this.on('mouseenter', function() {
$vivus.reset().play();
});
});
/*----------------------------
Cart Plus Minus Button
------------------------------ */
var CartPlusMinus = $('.cart-plus-minus');
CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
CartPlusMinus.append('<div class="inc qtybutton">+</div>');
$('.qtybutton').on('click', function() {
var $button = $(this);
var oldValue = $button.parent().find('input').val();
if ($button.text() === "+") {
var newVal = parseFloat(oldValue) + 1;
} else {
// Don't allow decrementing below zero
if (oldValue > 0) {
var newVal = parseFloat(oldValue) - 1;
} else {
newVal = 1;
}
}
$button.parent().find('input').val(newVal);
});
});
})(jQuery);
var swiper = new Swiper(".hero__course", {
effect: "cards",
grabCursor: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
var swiper = new Swiper(".featured__course", {
grabCursor: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
slidesPerView: 1,
breakpoints: {
575: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 3
},
1500: {
slidesPerView: 4
}
},
});
var swiper = new Swiper(".ecommerce__slider", {
pagination: {
el: ".swiper-pagination",
clickable: true,
},
grabCursor: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
slidesPerView: 1,
});
var swiper = new Swiper(".university__slider__thumb", {
spaceBetween: 10,
slidesPerView: 4,
freeMode: true,
watchSlidesProgress: true,
});
var swiper2 = new Swiper(".university__slider", {
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiper,
},
});
var swiper = new Swiper(".ai__slider", {
pagination: {
el: ".swiper-pagination",
clickable: true,
},
grabCursor: true,
slidesPerView: 1,
});
// Dark to light mode js
const lightToDarkButton = document.getElementById("light--to-dark-button");
lightToDarkButton?.addEventListener("click", function () {
if (localStorage.getItem("theme-color")) {
if (localStorage.getItem("theme-color") === "light") {
document.documentElement.classList.add("is_dark");
localStorage.setItem("theme-color", "dark");
lightToDarkButton?.classList.add("dark--mode");
} else {
document.documentElement.classList.remove("is_dark");
localStorage.setItem("theme-color", "light");
lightToDarkButton?.classList?.remove("dark--mode");
}
} else {
if (document.documentElement.classList.contains("is_dark")) {
document.documentElement.classList.remove("is_dark");
lightToDarkButton?.classList?.remove("dark--mode");
localStorage.setItem("theme-color", "light");
} else {
document.documentElement.classList.add("is_dark");
localStorage.setItem("theme-color", "dark");
lightToDarkButton?.classList.add("dark--mode");
}
}
});
//Modal Gallery
var swiper = new Swiper(".details__gallery", {
spaceBetween: 10,
slidesPerView: 5,
freeMode: true,
watchSlidesProgress: true,
});
var swiper2 = new Swiper(".details__gallery__big", {
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiper,
},
});
//Modal Gallery
var swiper = new Swiper(".modal__gallery", {
spaceBetween: 10,
slidesPerView: 5,
freeMode: true,
watchSlidesProgress: true,
});
var swiper2 = new Swiper(".modal__gallery__big", {
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiper,
},
});
//line chart
function lineChart() {
const ctx = document.getElementById('lineChart');
if (!ctx) return;
const myChart = new Chart(ctx, {
type: 'line',
data: {
labels: [
'Jan', 'Feb', 'Marc', 'April', 'May', 'Jun', 'July', 'Agust', 'Sept', 'Oct', 'Now', 'Dec',
],
datasets: [{
label: '#',
data: [148, 100, 205, 110, 165, 145, 180, 156, 148, 220, 180, 245],
tension: 0.4,
backgroundColor: '#5F2DED',
borderColor: '#5F2DED',
borderWidth: 2,
}]
},
options: {
responsive: true,
plugins: {
legend: {
display: false,
},
},
scales: {
y: {
min: 0,
max: 300,
ticks: {
stepSize: 50
}
}
},
},
});
}
//Pie Chart
function pieChart() {
const ctx = document.getElementById('pieChart');
if (!ctx) return;
const myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: [ 'Direct', 'Referal', 'Organic', ],
datasets: [{
label: '#',
data: [40, 28, 32],
}]
},
options: {
cutout: '75%',
plugins: {
legend: {
position: 'left',
}
},
elements: {
arc: {
backgroundColor: '#5F2DED',
hoverBackgroundColor: '#5F2DED'
}
}
},
})
const getOrCreateLegendList = (chart, id) => {
const legendContainer = document.getElementById(id);
let listContainer = legendContainer.querySelector('ul');
if (!listContainer) {
listContainer = document.createElement('ul');
listContainer.style.display = 'flex';
listContainer.style.flexDirection = 'row';
listContainer.style.margin = 0;
listContainer.style.padding = 0;
legendContainer.appendChild(listContainer);
}
return listContainer;
};
const htmlLegendPlugin = {
id: 'htmlLegend',
afterUpdate(chart, args, options) {
const ul = getOrCreateLegendList(chart, options.containerID);
// Remove old legend items
while (ul.firstChild) {
ul.firstChild.remove();
}
// Reuse the built-in legendItems generator
const items = chart.options.plugins.legend.labels.generateLabels(chart);
items.forEach(item => {
const li = document.createElement('li');
li.style.alignItems = 'center';
li.style.cursor = 'pointer';
li.style.display = 'flex';
li.style.flexDirection = 'row';
li.style.marginLeft = '10px';
li.onclick = () => {
const {type} = chart.config;
if (type === 'pie' || type === 'doughnut') {
// Pie and doughnut charts only have a single dataset and visibility is per item
chart.toggleDataVisibility(item.index);
} else {
chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));
}
chart.update();
};
// Color box
const boxSpan = document.createElement('span');
boxSpan.style.background = item.fillStyle;
boxSpan.style.borderColor = item.strokeStyle;
boxSpan.style.borderWidth = item.lineWidth + 'px';
boxSpan.style.display = 'inline-block';
boxSpan.style.height = '20px';
boxSpan.style.marginRight = '10px';
boxSpan.style.width = '20px';
// Text
const textContainer = document.createElement('p');
textContainer.style.color = item.fontColor;
textContainer.style.margin = 0;
textContainer.style.padding = 0;
textContainer.style.textDecoration = item.hidden ? 'line-through' : '';
const text = document.createTextNode(item.text);
textContainer.appendChild(text);
li.appendChild(boxSpan);
li.appendChild(textContainer);
ul.appendChild(li);
});
}
};
}
lineChart()
pieChart()