/home/kueuepay/public_html/public/frontend/js/main.js
(function ($) {
"user strict";
//preloder
$(window).on('load', function() {
$(".preloader").delay(1500).animate({
"opacity": "0"
}, 1500, function () {
$(".preloader").css("display", "none");
});
});
// Header
$(".logo-btn").click(function () {
$(".main-side-menu").toggleClass("show");
});
$(".main-side-menu-cross").click(function () {
$(".main-side-menu").removeClass("show");
});
// header-sidebar-Active
document.addEventListener('DOMContentLoaded', function() {
// Get the current URL path
const currentPath = window.location.pathname.split('/').pop();
// Get all menu items
const menuItems = document.querySelectorAll('.main-side-menu-list a');
// Loop through each menu item
menuItems.forEach(function(item) {
// Get the href attribute of the menu item
const itemPath = item.getAttribute('href');
// Check if the current path matches the item's path
if (itemPath === currentPath) {
// Add the 'active' class to the parent <li>
item.parentElement.classList.add('active');
}
});
});
//Create Background Image
(function background() {
let img = $('.bg_img');
img.css('background-image', function () {
var bg = ('url(' + $(this).data('background') + ')');
return bg;
});
})();
// aos
AOS.init();
// nice-select
$(".nice-select").niceSelect(),
// lightcase
$(window).on('load', function () {
$("a[data-rel^=lightcase]").lightcase();
})
// scroll-to-top
var ScrollTop = $(".scrollToTop");
$(window).on('scroll', function () {
if ($(this).scrollTop() < 100) {
ScrollTop.removeClass("active");
} else {
ScrollTop.addClass("active");
}
});
//Notification
$('.notification-icon').on('click', function (e) {
e.preventDefault();
if($('.notification-wrapper').hasClass('active')) {
$('.notification-wrapper').removeClass('active');
$('.body-overlay').removeClass('view');
}else {
$('.notification-wrapper').addClass('active');
$('.body-overlay').addClass('view');
}
});
$('#body-overlay').on('click', function (e) {
e.preventDefault();
$('.notification-wrapper').removeClass('active');
$('.body-overlay').removeClass('view');
$('.body-overlay').addClass('show');
});
// testimonial Slider
var swiper = new Swiper(".testimonial-slider", {
slidesPerView: 2,
spaceBetween: 20,
loop: true,
autoplay: {
speed: 1000,
delay: 3000,
},
speed: 1000,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
1199: {
slidesPerView: 2,
},
991: {
slidesPerView: 1,
},
767: {
slidesPerView: 1,
},
575: {
slidesPerView: 1,
},
}
});
var swiper = new Swiper(".virtualCardDetails-slider", {
spaceBetween: 30,
cssMode: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
},
mousewheel: true,
keyboard: true,
});
//Odometer
if ($(".counter").length) {
$(".counter").each(function () {
$(this).isInViewport(function (status) {
if (status === "entered") {
for (var i = 0; i < document.querySelectorAll(".odometer").length; i++) {
var el = document.querySelectorAll('.odometer')[i];
el.innerHTML = el.getAttribute("data-odometer-final");
}
}
});
});
}
//toggle password
$(".toggle-password").click(function() {
$(this).toggleClass("la-eye la-eye-slash");
var input = $($(this).attr("toggle"));
if (input.attr("type") == "password") {
input.attr("type", "text");
} else {
input.attr("type", "password");
}
});
//toggle password
$(document).ready(function() {
$(".show_hide_password .show-pass").on('click', function(event) {
event.preventDefault();
if($(this).parent().find("input").attr("type") == "text"){
$(this).parent().find("input").attr('type', 'password');
$(this).find("i").addClass( "fa-eye-slash" );
$(this).find("i").removeClass( "fa-eye" );
}else if($(this).parent().find("input").attr("type") == "password"){
$(this).parent().find("input").attr('type', 'text');
$(this).find("i").removeClass( "fa-eye-slash" );
$(this).find("i").addClass( "fa-eye" );
}
});
});
// faq
$('.faq-wrapper .faq-title').on('click', function (e) {
var element = $(this).parent('.faq-item');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('.faq-content').removeClass('open');
element.find('.faq-content').slideUp(300, "swing");
} else {
element.addClass('open');
element.children('.faq-content').slideDown(300, "swing");
element.siblings('.faq-item').children('.faq-content').slideUp(300, "swing");
element.siblings('.faq-item').removeClass('open');
element.siblings('.faq-item').find('.faq-title').removeClass('open');
element.siblings('.taq-item').find('.faq-content').slideUp(300, "swing");
}
});
$(document).ready(function () {
var AFFIX_TOP_LIMIT = 300;
var AFFIX_OFFSET = 110;
var $menu = $("#menu"),
$btn = $("#menu-toggle");
$("#menu-toggle").on("click", function () {
$menu.toggleClass("open");
return false;
});
$(".docs-nav").each(function () {
var $affixNav = $(this),
$container = $affixNav.parent(),
affixNavfixed = false,
originalClassName = this.className,
current = null,
$links = $affixNav.find("a");
function getClosestHeader(top) {
var last = $links.first();
if (top < AFFIX_TOP_LIMIT) {
return last;
}
for (var i = 0; i < $links.length; i++) {
var $link = $links.eq(i),
href = $link.attr("href");
if (href.charAt(0) === "#" && href.length > 1) {
var $anchor = $(href).first();
if ($anchor.length > 0) {
var offset = $anchor.offset();
if (top < offset.top - AFFIX_OFFSET) {
return last;
}
last = $link;
}
}
}
return last;
}
$(window).on("scroll", function (evt) {
var top = window.scrollY,
height = $affixNav.outerHeight(),
max_bottom = $container.offset().top + $container.outerHeight(),
bottom = top + height + AFFIX_OFFSET;
if (affixNavfixed) {
if (top <= AFFIX_TOP_LIMIT) {
$affixNav.removeClass("fixed");
$affixNav.css("top", 0);
affixNavfixed = false;
} else if (bottom > max_bottom) {
$affixNav.css("top", (max_bottom - height) - top);
} else {
$affixNav.css("top", AFFIX_OFFSET);
}
} else if (top > AFFIX_TOP_LIMIT) {
$affixNav.addClass("fixed");
affixNavfixed = true;
}
var $current = getClosestHeader(top);
if (current !== $current) {
$affixNav.find(".active").removeClass("active");
$current.addClass("active");
current = $current;
}
});
});
});
// switch-toggles
$(document).ready(function(){
$.each($(".switch-toggles"),function(index,item) {
var firstSwitch = $(item).find(".switch").first();
var lastSwitch = $(item).find(".switch").last();
if(firstSwitch.attr('data-value') == null) {
$(item).find(".switch").first().attr("data-value",true);
$(item).find(".switch").last().attr("data-value",false);
}
if($(item).hasClass("active")) {
$(item).find('input').val(firstSwitch.attr("data-value"));
}else {
$(item).find('input').val(lastSwitch.attr("data-value"));
}
});
});
$('.switch-toggles .switch').on('click', function () {
$(this).parents(".switch-toggles").toggleClass('active');
$(this).parents(".switch-toggles").find("input").val($(this).attr("data-value"));
let targetAttrVal = $(this).parent().attr("data-deactive");
if($(this).parent().hasClass("active") == false) {
$('[data-switcher='+targetAttrVal+']').removeClass("d-none").slideDown(400);
}else {
$('[data-switcher='+targetAttrVal+']').slideUp(400);
}
});
// active menu JS
function splitSlash(data) {
return data.split('/').pop();
}
function splitQuestion(data) {
return data.split('?').shift().trim();
}
var pageNavLis = $('.developer-bar-main-menu a');
var dividePath = splitSlash(window.location.href);
var divideGetData = splitQuestion(dividePath);
var currentPageUrl = divideGetData;
// find current sidebar element
$.each(pageNavLis,function(index,item){
var anchoreTag = $(item);
var anchoreTagHref = $(item).attr('href');
var index = anchoreTagHref.indexOf('/');
var getUri = "";
if(index != -1) {
// split with /
getUri = splitSlash(anchoreTagHref);
getUri = splitQuestion(getUri);
}else {
getUri = splitQuestion(anchoreTagHref);
}
if(getUri == currentPageUrl) {
var thisElementParent = anchoreTag.parents('.sidebar-single-menu');
(anchoreTag.hasClass('nav-link') == true) ? anchoreTag.addClass('active') : thisElementParent.addClass('active');
(anchoreTag.parents('.has-sub')) ? anchoreTag.parents('.has-sub').addClass('active') : '';
(thisElementParent.find('.sidebar-submenu')) ? thisElementParent.find('.sidebar-submenu').slideDown("slow") : '';
return false;
}
});
// sidebar
$(".sidebar-menu-item > a").on("click", function () {
var element = $(this).parent("li");
if (element.hasClass("active")) {
element.removeClass("active");
element.children("ul").slideUp(500);
}
else {
element.siblings("li").removeClass('active');
element.addClass("active");
element.siblings("li").find("ul").slideUp(500);
element.children('ul').slideDown(500);
}
});
// dashboard-list
$('.dashboard-list-item').on('click', function (e) {
var element = $(this).parent('.dashboard-list-item-wrapper');
if (element.hasClass('show')) {
element.removeClass('show');
element.find('.preview-list-wrapper').removeClass('show');
element.find('.preview-list-wrapper').slideUp(300, "swing");
} else {
element.addClass('show');
element.children('.preview-list-wrapper').slideDown(300, "swing");
element.siblings('.dashboard-list-item-wrapper').children('.preview-list-wrapper').slideUp(300, "swing");
element.siblings('.dashboard-list-item-wrapper').removeClass('show');
element.siblings('.dashboard-list-item-wrapper').find('.dashboard-list-item').removeClass('show');
element.siblings('.dashboard-list-item-wrapper').find('.preview-list-wrapper').slideUp(300, "swing");
}
});
// invoice-form
$('.invoice-form').on('click', '.add-row-btn', function() {
$('.add-row-btn').closest('.invoice-form').find('.add-row-wrapper').last().clone().show().appendTo('.results');
});
$(document).on('click','.invoice-cross-btn', function (e) {
e.preventDefault();
$(this).parent().parent().hide(300);
});
//pdf
$('.pdf').on('click', function (e) {
e.preventDefault();
$('.pdf-area').addClass('active');
$('.body-overlay').addClass('active');
});
$('#body-overlay, #pdf-area').on('click', function (e) {
e.preventDefault();
$('.pdf-area').removeClass('active');
$('.body-overlay').removeClass('active');
})
//Profile Upload
function proPicURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
var preview = $(input).parents('.preview-thumb').find('.profilePicPreview');
$(preview).css('background-image', 'url(' + e.target.result + ')');
$(preview).addClass('has-image');
$(preview).hide();
$(preview).fadeIn(650);
}
reader.readAsDataURL(input.files[0]);
}
}
$(".profilePicUpload").on('change', function () {
proPicURL(this);
});
$(".remove-image").on('click', function () {
$(".profilePicPreview").css('background-image', 'none');
$(".profilePicPreview").removeClass('has-image');
});
//info-btn
$(document).on('click', '.info-btn', function () {
$('.support-profile-wrapper').addClass('active');
});
$(document).on('click', '.chat-cross-btn', function () {
$('.support-profile-wrapper').removeClass('active');
});
$(document).on("click",".card-custom",function(){
$(this).toggleClass("active");
});
//account-toggle
$('.header-account-btn').on('click', function (e) {
e.preventDefault();
$('.account-section').addClass('active');
$('.body-overlay').addClass('active');
});
$('#body-overlay').on('click', function (e) {
e.preventDefault();
$('.account-section').removeClass('active');
$('.body-overlay').removeClass('active');
});
$('.account-close').on('click', function (e) {
e.preventDefault();
$('.account-section').removeClass('active');
$('.body-overlay').removeClass('active');
});
$('.remove-account').on('click', function (e) {
e.preventDefault();
$(this).parent().parent().hide(300);
});
$('.account-control-btn').on('click', function () {
$('.account-area').toggleClass('change-form');
})
$(".account-control-btn").click(function(){
var source = $(this).attr("data-block");
$(".account-wrapper").hide();
$(".account-wrapper."+source).show();
});
//sidebar Menu
$('.sidebar-menu-bar').on('click', function (e) {
e.preventDefault();
if($('.sidebar, .navbar-wrapper, .body-wrapper').hasClass('active')) {
$('.sidebar, .navbar-wrapper, .body-wrapper').removeClass('active');
$('.body-overlay').removeClass('show');
}else {
$('.sidebar, .navbar-wrapper, .body-wrapper').addClass('active');
$('.body-overlay').addClass('show');
}
});
$('.body-overlay').on('click', function (e) {
e.preventDefault();
$('.sidebar, .navbar-wrapper, .body-wrapper').removeClass('active');
$('.body-overlay').removeClass('show');
});
// sidebar single menu
$(".has-sub > a").on("click", function () {
var element = $(this).parent("li");
if (element.hasClass("active")) {
element.removeClass("active");
element.children("ul").slideUp(500);
}
else {
element.siblings("li").removeClass('active');
element.addClass("active");
element.siblings("li").find("ul").slideUp(500);
element.children('ul').slideDown(500);
}
});
// select-2 init
$('.select2-basic').select2();
$('.select2-multi-select').select2();
$(".select2-auto-tokenize").select2({
tags: true,
tokenSeparators: [',']
});
// Checkbox
$(document).on("change",".dependency-checkbox",function() {
dependencyCheckboxHandle($(this));
});
$(document).ready(function() {
let dependencyCheckbox = $(".dependency-checkbox");
$.each(dependencyCheckbox, function(index,item) {
dependencyCheckboxHandle($(item));
});
});
function dependencyCheckboxHandle(targetCheckbox) {
let target = $(targetCheckbox).attr("data-target");
if($(targetCheckbox).is(":checked")) {
$("." + target).slideDown(300);
}else {
$("." + target).slideUp(300);
}
}
// Dasboard menu btn
function toggleDropdown() {
var dropdownMenu = document.getElementById('dropdown-menu');
if (dropdownMenu.style.display === 'block') {
dropdownMenu.style.display = 'none';
} else {
dropdownMenu.style.display = 'block';
}
}
// animation
document.addEventListener("DOMContentLoaded", function () {
const observerOptions = {
root: null,
rootMargin: "0px",
threshold: 0.1
};
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add("in-view");
} else {
entry.target.classList.remove("in-view");
}
});
}, observerOptions);
const target = document.getElementById("animated-section");
if (target) { // Check if the target exists
observer.observe(target);
}
});
})(jQuery);
/**
* Function For Get All Country list by AJAX Request
* @param {HTML DOM} targetElement
* @param {Error Place Element} errorElement
* @returns
*/
var allCountries = "";
function getAllCountries(hitUrl,targetElement = $(".country-select"),errorElement = $(".country-select").siblings(".select2")) {
if(targetElement.length == 0) {
return false;
}
var CSRF = $("meta[name=csrf-token]").attr("content");
var data = {
_token : CSRF,
};
$.post(hitUrl,data,function() {
// success
$(errorElement).removeClass("is-invalid");
$(targetElement).siblings(".invalid-feedback").remove();
}).done(function(response){
// Place States to States Field
var options = "<option selected disabled>Select Country</option>";
var selected_old_data = "";
if($(targetElement).attr("data-old") != null) {
selected_old_data = $(targetElement).attr("data-old");
}
$.each(response,function(index,item) {
options += `<option value="${item.name}" data-id="${item.id}" data-mobile-code="${item.mobile_code}" ${selected_old_data == item.name ? "selected" : ""}>${item.name}</option>`;
});
allCountries = response;
$(targetElement).html(options);
}).fail(function(response) {
var faildMessage = "Something went wrong! Please try again.";
var faildElement = `<span class="invalid-feedback" role="alert">
<strong>${faildMessage}</strong>
</span>`;
$(errorElement).addClass("is-invalid");
if($(targetElement).siblings(".invalid-feedback").length != 0) {
$(targetElement).siblings(".invalid-feedback").text(faildMessage);
}else {
errorElement.after(faildElement);
}
});
}
$('.select2-basic').select2();
$('.select2-multi-select').select2();
$(".select2-auto-tokenize").select2({
tags: true,
tokenSeparators: [',']
});
/**
* Function for open delete modal with method DELETE
* @param {string} URL
* @param {string} target
* @param {string} message
* @returns
*/
function openAlertModal(URL,target,message,actionBtnText = "Remove",method = "DELETE"){
if(URL == "" || target == "") {
return false;
}
if(message == "") {
message = "Are you sure to delete ?";
}
var method = `<input type="hidden" name="_method" value="${method}">`;
openModalByContent(
{
content: `<div class="card modal-alert border-0">
<div class="card-body">
<form method="POST" action="${URL}">
<input type="hidden" name="_token" value="${laravelCsrf()}">
${method}
<div class="head mb-3">
${message}
<input type="hidden" name="target" value="${target}">
</div>
<div class="foot d-flex align-items-center justify-content-between">
<button type="button" class="modal-close btn--base btn-for-modal">Close</button>
<button type="submit" class="alert-submit-btn btn--base bg-danger btn-loading btn-for-modal">${actionBtnText}</button>
</div>
</form>
</div>
</div>`,
},
);
}
/**
* Function For Open Modal Instant by pushing HTML Element
* @param {Object} data
*/
function openModalByContent(data = {
content:"",
animation: "mfp-move-horizontal",
size: "medium",
}) {
$.magnificPopup.open({
removalDelay: 500,
items: {
src: `<div class="white-popup mfp-with-anim ${data.size ?? "medium"}">${data.content}</div>`, // can be a HTML string, jQuery object, or CSS selector
},
callbacks: {
beforeOpen: function() {
this.st.mainClass = data.animation ?? "mfp-move-horizontal";
},
open: function() {
var modalCloseBtn = this.contentContainer.find(".modal-close");
$(modalCloseBtn).click(function() {
$.magnificPopup.close();
});
},
},
midClick: true,
});
}
/**
* Function for getting CSRF token for form submit in laravel
* @returns string
*/
function laravelCsrf() {
return $("head meta[name=csrf-token]").attr("content");
}
function placePhoneCode(code) {
if(code != undefined) {
code = code.replace("+","");
code = "+" + code;
$("input.phone-code").val(code);
$("div.phone-code").html(code);
}
}
$(document).on("keyup",".number-input",function(){
var pattern = /^[0-9]*\.?[0-9]*$/;
var value = $(this).val();
var test = pattern.test(value);
if(test == false) {
var rightValue = value;
if(value.length > 0) {
for (let index = 0; index < value.length; index++){
if(!$.isNumeric(rightValue)) {
rightValue = rightValue.slice(0, -1);
}
}
}
$(this).val(rightValue);
}
});
var timeOut;
function itemSearch(inputElement,tableElement,URL,minTextLength = 3) {
$(inputElement).bind("keyup",function(){
clearTimeout(timeOut);
timeOut = setTimeout(executeItemSearch, 500,$(this),tableElement,URL,minTextLength);
});
}
function executeItemSearch(inputElement,tableElement,URL,minTextLength) {
$(tableElement).parent().find(".search-result-table").remove();
var searchText = inputElement.val();
if(searchText.length > minTextLength) {
// console.log(searchText);
$(tableElement).addClass("d-none");
makeSearchItemXmlRequest(searchText,tableElement,URL);
}else {
$(tableElement).removeClass("d-none");
}
}
function makeSearchItemXmlRequest(searchText,tableElement,URL) {
var data = {
_token : laravelCsrf(),
text : searchText,
};
$.post(URL,data,function(response) {
//response
}).done(function(response){
itemSearchResult(response,tableElement);
// if($(tableElement).siblings(".search-result-table").length > 0) {
// $(tableElement).parent().find(".search-result-table").html(response);
// }else{
// $(tableElement).after(`<div class="search-result-table"></div>`);
// $(tableElement).parent().find(".search-result-table").html(response);
// }
}).fail(function(response) {
throwMessage('error',["Something went wrong! Please try again."]);
});
}
function itemSearchResult(response,tableElement) {
if(response == "") {
throwMessage('error',["No data found!"]);
}
if($(tableElement).siblings(".search-result-table").length > 0) {
$(tableElement).parent().find(".search-result-table").html(response);
}else{
$(tableElement).after(`<div class="search-result-table"></div>`);
$(tableElement).parent().find(".search-result-table").html(response);
}
}
$('textarea').keydown(function (e) {
const keyCode = e.which || e.keyCode;
if (keyCode === 13 && !e.shiftKey) {
e.preventDefault();
}
});
/**
* Function for make ajax request for switcher
* @param {HTML DOM} inputName
* @param {AJAX URL} hitUrl
* @param {URL METHOD} method
*/
function switcherAjax(hitUrl,method = "PUT") {
$(document).on("click",".event-ready",function(event) {
var inputName = $(this).parents(".switch-toggles").find("input").attr("name");
if(inputName == undefined || inputName == "") {
return false;
}
$(this).parents(".switch-toggles").find(".switch").removeClass("event-ready");
var input = $(this).parents(".switch-toggles").find("input[name="+inputName+"]");
var eventElement = $(this);
if(input.length == 0) {
alert("Input field not found.");
$(this).parents(".switch-toggles").find(".switch").addClass("event-ready");
$(this).find(".btn-ring").hide();
return false;
}
var CSRF = $("head meta[name=csrf-token]").attr("content");
var dataTarget = "";
if(input.attr("data-target")) {
dataTarget = input.attr("data-target");
}
var inputValue = input.val();
var data = {
_token: CSRF,
_method: method,
data_target: dataTarget,
status: inputValue,
input_name: inputName,
};
$.post(hitUrl,data,function(response) {
throwMessage('success',response.message.success);
// Remove Loading animation
$(event.target).find(".btn-ring").hide();
}).done(function(response){
$(eventElement).parents(".switch-toggles").find(".switch").addClass("event-ready");
// $(eventElement).parents(".switch-toggles.btn-load").toggleClass('active');
var dataValue = $(eventElement).parents(".switch-toggles").find(".switch").last().attr("data-value");
if($(eventElement).parents(".switch-toggles").hasClass("active")) {
dataValue = $(eventElement).parents(".switch-toggles").find(".switch").first().attr("data-value");
// $(eventElement).parents(".switch-toggles").find(".switch").first().find(".btn-ring").hide();
}
$(eventElement).parents(".switch-toggles.btn-load").find("input").val(dataValue);
// $(eventElement).parents(".switch-toggles").find(".switch").find(".btn-ring").hide();
}).fail(function(response) {
var response = JSON.parse(response.responseText);
throwMessage(response.type,response.message.error);
$(eventElement).parents(".switch-toggles").find(".switch").addClass("event-ready");
$(eventElement).parents(".switch-toggles").find(".btn-ring").hide();
return false;
});
});
}
$(".sidebar-mobile-btn button").click(function(){
$(".developer-page-container .developer-bar").toggleClass("active");
$('.body-overlay').addClass('active');
});
$(document).on("click","#body-overlay",function(){
$('.body-overlay').removeClass('active');
$('.developer-page-container .developer-bar').removeClass('active');
});
var pageNavActive = $('.developer-bar-main-menu a.nav-link.active');
if(pageNavActive.length > 0) {
if(pageNavActive.first().parents(".has-sub").length > 0) {
pageNavActive.first().parents(".has-sub").find(".sidebar-submenu").slideDown("slow");
}
}
// page load active menu
setTimeout(() => {
if ($('.sidebar-single-menu').hasClass('active')) {
$('.developer-bar').animate({
scrollTop: $('.sidebar-single-menu.active').offset().top - 600
}, 600);
}
if ($('.sidebar-dropdown').hasClass('active')) {
$('.developer-bar').animate({
scrollTop: $('.has-sub.active').offset().top - 600
}, 600);
}
}, 200);
Run Command [Bypass]
Run Command
User Registration
top
In the digital age, privacy concerns have become increasingly paramount, prompting the European Union to enact the General Data Protection Regulation (GDPR) in 2018. Among its many provisions, GDPR sets strict guidelines for the collection and processing of personal data, including the use of cookies on websites. Privacy Policy
Allow
Decline