//======================================================Price Format==============// function mp_price_format(price) { price = price.toFixed(mp_num_of_decimal); let total_part = price.toString().split("."); total_part[0] = total_part[0].replace(/\B(?=(\d{3})+(?!\d))/g, mp_currency_thousands_separator); price = total_part.join(mp_currency_decimal); let price_text = ''; if (mp_currency_position === 'right') { price_text = price + mp_currency_symbol; } else if (mp_currency_position === 'right_space') { price_text = price + ' ' + mp_currency_symbol; } else if (mp_currency_position === 'left') { price_text = mp_currency_symbol + price; } else { price_text = mp_currency_symbol + ' ' + price; } return price_text; } //=======================================================Loader==============// function dLoader(target) { if (target.find('div[class*="dLoader"]').length < 1) { target.addClass('pRelative').append('
'); } } function dLoader_xs(target) { if (target.find('div[class*="dLoader"]').length < 1) { target.addClass('pRelative').append('
'); } } function simpleSpinner(target) { if (target.find('div[class*="simpleSpinner"]').length < 1) { target.addClass('pRelative').append('
'); } } function simpleSpinnerRemove(target = jQuery('body')) { target.removeClass('noScroll'); target.removeClass('pRelative').find('div[class*="simpleSpinner"]').remove(); } function dLoaderBody() { let body = jQuery('body'); if (body.find('div[class*="dLoader"]').length < 1) { body.addClass('noScroll').append('
'); } } function dLoaderBody_xs() { let body = jQuery('body'); if (body.find('div[class*="dLoader"]').length < 1) { body.addClass('noScroll').append('
'); } } function dLoader_circle(target) { if (target.find('div[class*="dLoader"]').length < 1) { target.addClass('pRelative').append('
'); } } function dLoader_xs_circle(target) { if (target.find('div[class*="dLoader"]').length < 1) { target.addClass('pRelative').append('
'); } } function dLoaderRemove(target = jQuery('body')) { target.removeClass('noScroll'); target.removeClass('pRelative').find('div[class*="dLoader"]').remove(); } function placeholderLoader(target) { target.addClass('placeholderLoader'); } function placeholderLoaderRemove(target) { target.each(function () { target.removeClass('placeholderLoader'); }) } //======================================================Page Scroll==============// function pageScrollTo(target) { jQuery('html, body').animate({ scrollTop: target.offset().top -= 150 }, 1000); } //====================================================Load Date picker==============// function mp_load_date_picker(parent = jQuery('.mpStyle')) { parent.find(".date_type.hasDatepicker").each(function () { jQuery(this).removeClass('hasDatepicker').attr('id', '').removeData('datepicker').unbind(); }).promise().done(function () { parent.find(".date_type").datepicker({ dateFormat: mp_date_format, autoSize: true, changeMonth: true, changeYear: true, onSelect: function (dateString, data) { let date = data.selectedYear + '-' + ('0' + (parseInt(data.selectedMonth) + 1)).slice(-2) + '-' + data.selectedDay; jQuery(this).closest('label').find('input[type="hidden"]').val(date).trigger('change'); } }); }); } //========================================================Alert==============// function mp_alert($this, attr = 'alert') { alert($this.data(attr)); } //=====================================================Load initial=================// (function ($) { "use strict"; $(document).ready(function () { mp_load_date_picker(); $('.mp_select2').select2({}); }); }(jQuery)); //====================================================================Load Bg Image=================// function loadBgImage() { jQuery('body').find('[data-bg-image]:visible').each(function () { let target = jQuery(this); let width = target.outerWidth(); let height = target.outerHeight(); if (target.css('background-image') === 'none' || width === 0 || height === 0) { let bg_url = target.data('bg-image'); if (!bg_url || bg_url.width === 0 || bg_url.width === 'undefined') { bg_url = mp_empty_image_url; } mp_resize_bg_image_area(target, bg_url); target.css('background-image', 'url("' + bg_url + '")').promise().done(function () { dLoaderRemove(jQuery(this)); }); } }); return true; } function mp_resize_bg_image_area(target, bg_url) { let tmpImg = new Image(); tmpImg.src = bg_url; jQuery(tmpImg).one('load', function () { let imgWidth = tmpImg.width; let imgHeight = tmpImg.height; let height = target.outerWidth() * imgHeight / imgWidth; target.css({"min-height": height}); }); } (function ($) { let bg_image_load = false; $(document).ready(function () { $('body').find('[data-bg-image]').each(function () { dLoader($(this)); }); $(window).on('load', function () { load_initial(); }); if (!bg_image_load) { load_initial(); $(document).scroll(function () { load_initial(); }); } }); $(document).on('click', '[data-href]', function () { let href = $(this).data('href'); if (href) { window.location.href = href; } }); $(window).on('load , resize', function () { $('body').find('[data-bg-image]:visible').each(function () { let target = $(this); let bg_url = target.data('bg-image'); if (!bg_url || bg_url.width === 0 || bg_url.width === 'undefined') { bg_url = mp_empty_image_url; } mp_resize_bg_image_area(target, bg_url); }); }); function load_initial() { if (!bg_image_load) { if (loadBgImage()) { bg_image_load = true; placeholderLoaderRemove($('.mpStyle.placeholderLoader')) } } } }(jQuery)); //=============================================================================Change icon and text=================// function content_icon_change(currentTarget) { let openIcon = currentTarget.data('open-icon'); let closeIcon = currentTarget.data('close-icon'); if (openIcon || closeIcon) { currentTarget.find('[data-icon]').toggleClass(closeIcon).toggleClass(openIcon); } } function content_text_change(currentTarget) { let openText = currentTarget.data('open-text'); openText = openText ? openText.toString() : ''; let closeText = currentTarget.data('close-text'); closeText = closeText ? closeText : ''; if (openText || closeText) { let text = currentTarget.find('[data-text]').html(); text = text ? text.toString() : '' if (text !== openText) { currentTarget.find('[data-text]').html(openText); } else { currentTarget.find('[data-text]').html(closeText); } } } function content_class_change(currentTarget) { let clsName = currentTarget.data('add-class'); if (clsName) { if (currentTarget.find('[data-class]').length > 0) { currentTarget.find('[data-class]').toggleClass(clsName); } else { currentTarget.toggleClass(clsName); } } } function content_input_value_change(currentTarget) { currentTarget.find('[data-value]').each(function () { let value = jQuery(this).val(); if (value) { jQuery(this).val(''); } else { jQuery(this).val(jQuery(this).data('value')); } jQuery(this).trigger('change'); }); } function mp_all_content_change($this) { loadBgImage(); content_class_change($this); content_icon_change($this); content_text_change($this); content_input_value_change($this); } (function ($) { "use strict"; $(document).on('click', '.mp_load_more_text_area [data-read]', function (e) { e.stopPropagation(); let parent = $(this).closest('.mp_load_more_text_area'); let open_text = parent.find('[data-read-open]').html(); let close_text = parent.find('[data-read-close]').html(); parent.find('[data-read-close]').html(open_text); parent.find('[data-read-open]').html(close_text); content_text_change($(this)); }); $(document).on('click', '[data-all-change]', function () { mp_all_content_change($(this)); }); $(document).on('click', '[data-icon-change]', function () { content_icon_change($(this)); }); $(document).on('click', '[data-text-change]', function () { content_text_change($(this)); }); $(document).on('click', '[data-class-change]', function () { content_class_change($(this)); }); $(document).on('click', '[data-value-change]', function () { content_input_value_change($(this)); }); $(document).on('keyup change', '.mpStyle [data-input-text]', function () { let input_value = $(this).val(); let input_id = $(this).data('input-text'); $("[data-input-change='" + input_id + "']").each(function () { $(this).html(input_value); }); }); $(document).on('keyup change', '.mpStyle [data-target-same-input]', function () { let input_value = $(this).val(); let input_id = $(this).data('target-same-input'); $("[data-same-input='" + input_id + "']").each(function () { $(this).val(input_value); }); }); }(jQuery)); //==============================================================================Qty inc dec================// (function ($) { "use strict"; $(document).on("click", "div.mpStyle .decQty ,div.mpStyle .incQty", function () { let current = $(this); let target = current.closest('.qtyIncDec').find('input'); let currentValue = parseInt(target.val()); let value = current.hasClass('incQty') ? (currentValue + 1) : ((currentValue - 1) > 0 ? (currentValue - 1) : 0); let min = parseInt(target.attr('min')); let max = parseInt(target.attr('max')); target.parents('.qtyIncDec').find('.incQty , .decQty').removeClass('mpDisabled'); if (value < min || isNaN(value) || value === 0) { value = min; target.parents('.qtyIncDec').find('.decQty').addClass('mpDisabled'); } if (value > max) { value = max; target.parents('.qtyIncDec').find('.incQty').addClass('mpDisabled'); } target.val(value).trigger('change').trigger('input'); }); }(jQuery)); //==============================================================================Input use as select================// (function ($) { "use strict"; $(document).on("click", "div.mpStyle .mp_input_select input.formControl", function () { $(this).closest('.mp_input_select').find('.mp_input_select_list').slideDown(250); }); $(document).on("click", "div.mpStyle .mp_input_select .mp_input_select_list li", function () { let current = $(this); let parent = $(this).closest('.mp_input_select'); let value = current.data('value'); let text = current.html(); parent.find('input.formControl').val(text); parent.find('.mp_input_select_list').slideUp(250); parent.find('input[type="hidden"]').val(value).trigger('change') }); }(jQuery)); //============================================================================Sticky================// function mp_sticky_management() { if (jQuery('.mpStyle .mp_sticky_area').length > 0) { window.onscroll = function () { jQuery('.mpStyle .mp_sticky_area').each(function () { let body_width = jQuery('body').outerWidth(); let scroll_top = jQuery(window).scrollTop(); let current = jQuery(this); let target_scroll = current.find('.mp_sticky_on_scroll'); let content_top = current.parent().offset().top; let parent = current.closest('.mp_sticky_section'); let depend_height = parent.find('.mp_sticky_depend_area').innerHeight(); let content_height = depend_height - Math.max(scroll_top - content_top, 0) - (target_scroll.offset().top - current.offset().top) - 100; if (body_width > 800 && scroll_top + 100 >= content_top) { target_scroll.css('max-height', content_height); if (!current.hasClass('mpSticky')) { current.addClass('mpSticky').css('top', 100); } } else { target_scroll.css('max-height', content_height + 100); current.removeClass('mpSticky'); } }); }; } } (function ($) { "use strict"; $(document).ready(function () { mp_sticky_management(); }); }(jQuery)); //============================================================================Tabs================// (function ($) { "use strict"; function active_next_tab(parent, targetTab) { parent.height(parent.height()); let tabsContent = parent.find('.tabsContentNext:first'); let target_tabContent = tabsContent.children('[data-tabs-next="' + targetTab + '"]'); let index = target_tabContent.index() + 1; let num_of_tab = parent.find('.tabListsNext:first').children('[data-tabs-target-next]').length; let i = 1; for (i; i <= num_of_tab; i++) { let target_tab = parent.find('.tabListsNext:first').children('[data-tabs-target-next]:nth-child(' + i + ')'); if (i <= index) { target_tab.addClass('active'); } else { target_tab.removeClass('active'); } if (i === index - 1) { mp_all_content_change(target_tab); } } if (index < 2 && num_of_tab > index) { parent.find('.nextTab_next').slideDown('fast'); parent.find('.nextTab_prev').slideUp('fast'); } else if (num_of_tab === index) { parent.find('.nextTab_next').slideUp('fast'); parent.find('.nextTab_prev').slideDown('fast'); } else { parent.find('.nextTab_next').slideDown('fast'); parent.find('.nextTab_prev').slideDown('fast'); } target_tabContent.slideDown(350); tabsContent.children('[data-tabs-next].active').slideUp(350).removeClass('active').promise().done(function () { target_tabContent.addClass('active').promise().done(function () { pageScrollTo(tabsContent); parent.height('auto').promise().done(function () { loadBgImage(); mp_sticky_management(); dLoaderRemove(parent); }); }); }); } $(document).on('click', '.mpStyle .mpTabsNext .nextTab_prev_link', function () { let parent = $(this).closest('.mpTabsNext'); if (parent.find('[data-tabs-target-next].active').length > 1) { parent.find('.nextTab_prev').trigger('click'); } }); $(document).on('click', '.mpStyle .mpTabsNext .nextTab_next', function () { let parent = $(this).closest('.mpTabsNext'); let target = parent.find('.tabListsNext:first'); let num_of_tab = target.children('[data-tabs-target-next].active').length + 1; let targetTab = target.children('[data-tabs-target-next]:nth-child(' + num_of_tab + ')').data('tabs-target-next'); active_next_tab(parent, targetTab); }); $(document).on('click', '.mpStyle .mpTabsNext .nextTab_prev', function () { let parent = $(this).closest('.mpTabsNext'); let target = parent.find('.tabListsNext:first'); let num_of_tab = target.children('[data-tabs-target-next].active').length - 1; let targetTab = target.children('[data-tabs-target-next]:nth-child(' + num_of_tab + ')').data('tabs-target-next'); active_next_tab(parent, targetTab); }); $(document).ready(function () { $('.mpStyle .mpTabs').each(function () { let tabLists = $(this).find('.tabLists:first'); let activeTab = tabLists.find('[data-tabs-target].active'); let targetTab = activeTab.length > 0 ? activeTab : tabLists.find('[data-tabs-target]').first(); targetTab.trigger('click'); }); $('.mpStyle .mpTabsNext').each(function () { let parent = $(this); if (parent.find('[data-tabs-target-next].active').length < 1) { dLoader(parent); let tabLists = parent.find('.tabListsNext:first'); let targetTab = tabLists.find('[data-tabs-target-next]').first().data('tabs-target-next') active_next_tab(parent, targetTab); } }); }); $(document).on('click', '.mpStyle [data-tabs-target]', function () { if (!$(this).hasClass('active')) { let tabsTarget = $(this).data('tabs-target'); let parent = $(this).closest('.mpTabs'); parent.height(parent.height()); let tabLists = $(this).closest('.tabLists'); let tabsContent = parent.find('.tabsContent:first'); tabLists.find('[data-tabs-target].active').each(function () { $(this).removeClass('active').promise().done(function () { mp_all_content_change($(this)) }); }); $(this).addClass('active').promise().done(function () { mp_all_content_change($(this)) }); tabsContent.children('[data-tabs="' + tabsTarget + '"]').slideDown(350); tabsContent.children('[data-tabs].active').slideUp(350).removeClass('active').promise().done(function () { tabsContent.children('[data-tabs="' + tabsTarget + '"]').addClass('active').promise().done(function () { //dLoaderRemove(tabsContent); loadBgImage(); parent.height('auto'); }); }); } }); }(jQuery)); //======================================================================Collapse=================// (function ($) { "use strict"; $(document).on('click', '[data-collapse-target]', function () { let currentTarget = $(this); let target_id = currentTarget.data('collapse-target'); let close_id = currentTarget.data('close-target'); let target = $('[data-collapse="' + target_id + '"]'); if (target_close(close_id, target_id) && collapse_close_inside(currentTarget) && target_collapse(target, currentTarget)) { mp_all_content_change(currentTarget); } }); $(document).on('change', 'select[data-collapse-target]', function () { let currentTarget = $(this); let value = currentTarget.val(); currentTarget.find('option').each(function () { let target_id = $(this).data('option-target'); let target = $('[data-collapse="' + target_id + '"]'); target.slideUp('fast').removeClass('mActive'); }).promise().done(function () { currentTarget.find('option').each(function () { let current_value = $(this).val(); if (current_value === value) { if ($(this).attr('data-option-target-multi')) { let target_ids = $(this).data('option-target-multi'); target_ids = target_ids.toString().split(" "); target_ids.forEach(function (target_id) { let target = $('[data-collapse="' + target_id + '"]'); target.slideDown(350).removeClass('mActive'); }); } else { let target_id = $(this).data('option-target'); let target = $('[data-collapse="' + target_id + '"]'); target.slideDown(350).removeClass('mActive'); } } }); }); }); function target_close(close_id, target_id) { $('body').find('[data-close="' + close_id + '"]:not([data-collapse="' + target_id + '"])').slideUp(250); return true; } function target_collapse(target, $this) { if ($this.is('[type="radio"]')) { target.slideDown(250); } else { target.each(function () { $(this).slideToggle(250).toggleClass('mActive'); }); } return true; } function collapse_close_inside(currentTarget) { let parent_target_close = currentTarget.data('collapse-close-inside'); if (parent_target_close) { $(parent_target_close).find('[data-collapse]').each(function () { if ($(this).hasClass('mActive')) { let collapse_id = $(this).data('collapse'); let target_collapse = $('[data-collapse-target="' + collapse_id + '"]'); if (collapse_id !== currentTarget.data('collapse-target')) { $(this).slideUp(250).removeClass('mActive'); let clsName = target_collapse.data('add-class'); if (clsName) { target_collapse.removeClass(clsName); } content_text_change(target_collapse); content_icon_change(target_collapse); } } }) } return true; } }(jQuery)); //=====================================================================Group Check box==========// (function ($) { "use strict"; $(document).on('click', '.groupCheckBox .customCheckboxLabel', function () { let parent = $(this).closest('.groupCheckBox'); let value = ''; let separator = ','; parent.find(' input[type="checkbox"]').each(function () { if ($(this).is(":checked")) { let currentValue = $(this).attr('data-checked'); value = value + (value ? separator : '') + currentValue; } }).promise().done(function () { parent.find('input[type="hidden"]').val(value); }); }); // radio $(document).on('click', '[data-radio]', function () { let target = $(this).closest('label'); let value = $(this).attr('data-radio'); target.find('.customRadio').removeClass('active'); $(this).addClass('active'); target.find('input').val(value).trigger('change'); }); $(document).on('click', '.groupRadioBox [data-group-radio]', function () { let parent = $(this).closest('.groupRadioBox'); let $this = $(this); let value = $this.data('group-radio'); parent.find('[data-group-radio]').each(function () { $(this).removeClass('active'); }).promise().done(function () { $this.addClass('active'); parent.find('input[type="text"]').val(value); }); }); //Group radio like checkbox $(document).on('click', '.groupRadioCheck [data-radio-check]', function () { //e.stopPropagation(); let parent = $(this).closest('.groupRadioCheck'); let $this = $(this); if (!$this.hasClass('mpActive')) { let value = $this.data('radio-check'); parent.find('.mpActive[data-radio-check]').each(function () { $(this).removeClass('mpActive'); mp_all_content_change($(this)); }).promise().done(function () { $this.addClass('mpActive'); mp_all_content_change($this); parent.find('input[type="hidden"]').val(value).trigger('change'); }); } }); }(jQuery)); //=======================================================validation ==============// (function ($) { "use strict"; $(document).on('keyup change', '.mpStyle .mp_number_validation', function () { let n = $(this).val(); $(this).val(n.replace(/\D/g, '')); return true; }); $(document).on('keyup change', '.mpStyle .mp_price_validation', function () { let n = $(this).val(); $(this).val(n.replace(/[^\d.]/g, '')); return true; }); $(document).on('keyup change', '.mpStyle .mp_name_validation', function () { let n = $(this).val(); $(this).val(n.replace(/[@%'":;&_]/g, '')); return true; }); $(document).on('keyup change', '.mpStyle [required]', function () { if ($(this).val() !== '') { $(this).removeClass('mpRequired'); } else { $(this).addClass('mpRequired'); } return true; }); }(jQuery)); //==========================================================pagination==========// function mp_pagination_page_management(parent, pagination_page, total_item) { let per_page_item = parseInt(parent.find('input[name="pagination_per_page"]').val()); let total_active_page = Math.floor(total_item / per_page_item) + ((total_item % per_page_item) > 0 ? 1 : 0); let page_limit_start = (pagination_page > 2) ? (pagination_page - 2) : 0; let page_limit_end = (pagination_page > 2) ? (pagination_page + 2) : 4; let limit_dif = total_active_page - pagination_page; if (total_active_page > 5 && limit_dif < 3) { page_limit_start = page_limit_start - ((limit_dif > 1) ? 1 : 2); } let total_page = parent.find('[data-pagination]').length; for (let i = 0; i < total_page; i++) { if (i < total_active_page && i >= page_limit_start && i <= page_limit_end) { parent.find('[data-pagination="' + i + '"]').slideDown(200); } else { parent.find('[data-pagination="' + i + '"]').slideUp(200); } } if (pagination_page > 0) { parent.find('.page_prev').removeAttr('disabled'); } else { parent.find('.page_prev').prop('disabled', true); } if (pagination_page > 2 && total_active_page > 5) { parent.find('.ellipse_left').slideDown(200); } else { parent.find('.ellipse_left').slideUp(200); } if (pagination_page < total_active_page - 3 && total_active_page > 5) { parent.find('.ellipse_right').slideDown(200); } else { parent.find('.ellipse_right').slideUp(200); } if (pagination_page < total_active_page - 1) { parent.find('.page_next').removeAttr('disabled'); } else { parent.find('.page_next').prop('disabled', true); } return true; } (function ($) { "use strict"; $(document).on('click', '.pagination_area .page_prev', function (e) { e.preventDefault(); let parent = $(this).closest('.pagination_area'); let page_no = parseInt(parent.find('.active_pagination').data('pagination')) - 1; parent.find('[data-pagination="' + page_no + '"]').trigger('click'); }); $(document).on('click', '.pagination_area .page_next', function (e) { e.preventDefault(); let parent = $(this).closest('.pagination_area'); let page_no = parseInt(parent.find('.active_pagination').data('pagination')) + 1; parent.find('[data-pagination="' + page_no + '"]').trigger('click'); }); }(jQuery)); //==============================================================Modal / Popup==========// (function ($) { "use strict"; $(document).on('click', '.mpStyle [data-target-popup]', function () { let target = $(this).attr('data-active-popup', '').data('target-popup'); $('body').addClass('noScroll').find('[data-popup="' + target + '"]').addClass('in').promise().done(function () { loadBgImage(); return true; }); }); $(document).on('click', 'div.mpPopup .popupClose', function () { $(this).closest('[data-popup]').removeClass('in'); $('body').removeClass('noScroll').find('[data-active-popup]').removeAttr('data-active-popup'); return true; }); }(jQuery)); //==============================================================Slider=================// (function ($) { "use strict"; //=================initial call============// $('.superSlider').each(function () { sliderItemActive($(this), 1); }); //==============Slider===================// $(document).on('click', '.superSlider [data-slide-target]', function () { if (!$(this).hasClass('activeSlide')) { let activeItem = $(this).data('slide-target'); let parent = $(this).closest('.superSlider'); sliderItemActive(parent, activeItem); parent.find('[data-slide-target]').removeClass('activeSlide'); $(this).addClass('activeSlide'); } }); $(document).on('click', '.superSlider .iconIndicator', function () { let parent = $(this).closest('.superSlider'); let activeItem = parseInt(parent.find('.sliderAllItem').first().find('.sliderItem.activeSlide').data('slide-index')); if ($(this).hasClass('nextItem')) { ++activeItem; } else { --activeItem; } sliderItemActive(parent, activeItem); }); function sliderItemActive(parent, activeItem) { let itemLength = parent.find('.sliderAllItem').first().find('[data-slide-index]').length; let currentItem = getSliderItem(parent, activeItem); let activeCurrent = parseInt(parent.find('.sliderAllItem').first().find('.sliderItem.activeSlide').data('slide-index')); let i = 1; for (i; i <= itemLength; i++) { let target = parent.find('.sliderAllItem').first().find('[data-slide-index="' + i + '"]').first(); if (i < currentItem && currentItem !== 1) { sliderClassControl(target, currentItem, activeCurrent, 'prevSlider', 'nextSlider'); } if (i === currentItem) { parent.find('.sliderAllItem').first().find('[data-slide-index="' + currentItem + '"]').removeClass('prevSlider nextSlider').addClass('activeSlide'); } if (i > currentItem && currentItem !== itemLength) { sliderClassControl(target, currentItem, activeCurrent, 'nextSlider', 'prevSlider'); } if (i === itemLength && itemLength > 1) { if (currentItem === 1) { target = parent.find('.sliderAllItem').first().find('[data-slide-index="' + itemLength + '"]'); sliderClassControl(target, currentItem, activeCurrent, 'prevSlider', 'nextSlider'); } if (currentItem === itemLength) { target = parent.find('.sliderAllItem').first().find('[data-slide-index="1"]'); sliderClassControl(target, currentItem, activeCurrent, 'nextSlider', 'prevSlider'); } } } } function sliderClassControl(target, currentItem, activeCurrent, add_class, remove_class) { if (target.hasClass('activeSlide')) { if (currentItem > activeCurrent) { target.removeClass('activeSlide').addClass(add_class); } else { target.removeClass('activeSlide').removeClass(remove_class).addClass(add_class); } } else if (target.hasClass(remove_class)) { target.removeClass(remove_class).delay(600).addClass(add_class); } else { if (!target.hasClass(add_class)) { target.addClass(add_class); } } } function getSliderItem(parent, activeItem) { let itemLength = parent.find('.sliderAllItem').first().find('[data-slide-index]').length; activeItem = activeItem < 1 ? itemLength : activeItem; activeItem = activeItem > itemLength ? 1 : activeItem; return activeItem; } //popup $(document).on('click', '.superSlider [data-target-popup]', function () { let target = $(this).data('target-popup'); let activeItem = $(this).data('slide-index'); $('body').addClass('noScroll').find('[data-popup="' + target + '"]').addClass('in').promise().done(function () { sliderItemActive($(this), activeItem); loadBgImage(); }); }); $(document).on('click', '.superSlider .popupClose', function () { $(this).closest('[data-popup]').removeClass('in'); $('body').removeClass('noScroll'); }); }(jQuery)); //======================================================================Outer Close==========// (function ($) { "use strict"; $(document).click(function (e) { let target = $(e.target); let popup = target.closest('[data-popup]'); if (popup.length > 0) { let hLength = target.closest('.popupHeader').length; let bLength = target.closest('.popupBody').length; let fLength = target.closest('.popupFooter').length; if (hLength === 0 && bLength === 0 && fLength === 0) { popup.find('.popupClose').trigger('click'); } } let mp_input_select_list = target.closest('.mp_input_select'); if (mp_input_select_list.length === 0) { $('body').find('.mp_input_select_list').slideUp(250); } }); }(jQuery));