Developer
(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);
Developer
Before you begin integrating the Kueue Pay Developer API, make sure you have: