| Server IP : 160.25.81.117 / Your IP : 216.73.216.137 Web Server : Apache/2 System : Linux sv05.hilab.cloud 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : bellizen ( 1045) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/bellizen/domains/bellizeno.com/public_html/public/plugin/ |
Upload File : |
/*-----------------------------------------------------------------------------------
Theme Name: LEE
Author: LEE
Author URI: http://
Version: 1.0.0
Description: A Beautiful, Professional and Multipurpose Theme Made by LEE
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
[Table of contents]
- MobileMenu
- PreLoader
- AnimationScrollPage
- CountTo
- ParallaxBackground
- Slider
- InputFile
- MegaMenu
- ScrollToTop
- LightBox
- CustomTheme
- PriceRange
- CalcQuantity
- Ads
- ImageZoom
------------------------------------------------------------------*/
'use strict';
//action
$(window).on('resize', function () {
CustomTheme.responsive();
});
$(document).ready(function () {
MobileMenu.init();
PreLoader.init();
AnimationScrollPage.init();
// CountTo.init();
ParallaxBackground.init();
Slider.init();
// InputFile.init();
ScrollToTop.init();
CustomTheme.init();
// PriceRange.init();
CalcQuantity.init();
// ImageZoom.init();
// Cart.init();
StickyScroll.init();
ToolTip.init();
MainMenu.init();
// LightBox.init();
$('.ui.dropdown')
.dropdown();
});
var MainMenu = function () {
var _initInstances = function () {
// Shop Template
$('.top-nav-shop').on({
// mouseenter: function(e){
// e.preventDefault();
// $('body').removeClass('about-sub-nav-open');
// $('body').addClass('shop-sub-nav-open');
// },
// // Duplicate for touch since we can see this version of the nav on tablet portrait
// touchstart: function(e){
// e.preventDefault();
// $('body').removeClass('about-sub-nav-open');
// $('body').addClass('shop-sub-nav-open');
// },
// mouseleave: function(e){
// $('body').removeClass('shop-sub-nav-open');
// },
click: function (e) {
// Prevent clicking on the # links
if ($(this).find('a').attr('href') == '#') {
e.preventDefault();
}
$('body').removeClass('about-sub-nav-open');
$('body').toggleClass('shop-sub-nav-open');
$('.top-nav-has-sub-nav').not($(this)).removeClass('active');
$(this).toggleClass('active');
}
});
$(document).on('touchstart', function (event) {
if (!$(event.target).closest('.top-nav-has-sub-nav, .top-nav-sub-nav ').length) {
$('body').removeClass('shop-sub-nav-open');
$('body').removeClass('about-sub-nav-open');
$('.top-nav-has-sub-nav').removeClass('active');
}
});
// Position sub navs
$(window).on('ready load resize', function () {
/*
* Shop
*/
// Get the positioning
var $top_shop = $('.top-nav-shop');
var $shop_sub = $('.shop-sub-nav');
var $shop_sub_ul = $('.shop-sub-nav ul');
var gutter = 20;
// The left edge of the top nav link
var top_shop_left = $top_shop.offset().left;
// Get the center by adding 1/2 the width of the link
var top_shop_center = top_shop_left + $top_shop.outerWidth() / 2;
// The left edge of the sub-nav needs to be shifted over by the width of the ul and the wrapper gutter
var shop_sub_pos = top_shop_center - $shop_sub_ul.outerWidth() / 2 - gutter / 2;
// Add the class
// DISABLED ON SHOP BECAUSE IT'S 100% WIDTH
// $shop_sub_ul.css('margin-left',shop_sub_pos+'px');
// Because the ul has a max width and abs positioning, set the left margin
var win_w = $(window).width();
var ul_w = $shop_sub_ul.width();
var left_margin = ((win_w - ul_w) / 2) - gutter;
$shop_sub_ul.css('margin-left', left_margin + 'px');
/*
* About
*/
// Get the positioning
var $top_about = $('.top-nav-about');
var $about_sub = $('.about-sub-nav');
var $about_sub_ul = $('.about-sub-nav ul');
// Gutter set above
// The left edge of the top nav link
var top_about_left = $top_about.offset().left;
// Get the center by adding 1/2 the width of the link
var top_about_center = top_about_left + $top_about.outerWidth() / 2;
// The left edge of the sub-nav needs to be shifted over by the width of the ul and the wrapper gutter
var about_sub_pos = top_about_center - $about_sub_ul.outerWidth() / 2 - gutter / 2;
// Add the class to the ul now
$about_sub_ul.css('margin-left', about_sub_pos + 'px');
// Remove the classes if below desktop
if ($(window).width() < 768) {
$('body').removeClass('shop-sub-nav-open');
$('body').removeClass('about-sub-nav-open');
$('.top-nav-has-sub-nav').removeClass('active');
}
});
// Account sub nav
$('.toggle-customer-sub-nav, .customer-sub-nav').on({
mouseover: function () {
$('.customer-sub-nav').show();
},
mouseout: function () {
$('.customer-sub-nav').hide();
}
});
// On Shop and About open the sub navs on ready()
if ($('body').hasClass('template-collection')) {
// $('body').addClass('shop-sub-nav-open');
// $('.top-nav-shop.top-nav-has-sub-nav').addClass('active');
}
if ($('body').hasClass('template-page-about') || $('body').hasClass('template-page-education-2')) {
// $('body').addClass('about-sub-nav-open');
// $('.top-nav-about.top-nav-has-sub-nav').addClass('active');
}
/*
* =================================================================
* Tiered Shop Nav via crometrics.com
* =================================================================
*/
// change shop nav from click to hover
$('.top-nav-shop a').mouseenter(function () {
$('.top-nav-has-sub-nav').removeClass('active');
$('body').removeClass('about-sub-nav-open');
$(this).parents('li.top-nav-has-sub-nav').addClass('active');
$('body').addClass('shop-sub-nav-open');
});
// change about nav from click to hover
$('.top-nav-about a').mouseenter(function () {
$('.top-nav-has-sub-nav').removeClass('active');
$('body').removeClass('shop-sub-nav-open');
$(this).parents('li.top-nav-has-sub-nav').addClass('active');
$('body').addClass('about-sub-nav-open');
});
// hide nav if mouse moves out of subnav or to another navigation item
function hideShopItems() {
$('.top-nav-shop a').parents('li.top-nav-has-sub-nav').removeClass('active');
$('body').removeClass('shop-sub-nav-open');
}
$('.top-nav-shop a').mouseleave(function () {
$(".top-nav-sub-nav").mouseleave(function () {
hideShopItems();
});
$('.top-nav-best-sellers, .top-nav-about, .top-nav-reviews, .top-nav-press').mouseenter(function () {
hideShopItems();
});
});
// hide nav if mouse moves out of subnav or to another navigation item
function hideAboutItems() {
$('.top-nav-about a').parents('li.top-nav-has-sub-nav').removeClass('active');
$('body').removeClass('about-sub-nav-open');
}
$('.top-nav-about a').mouseleave(function () {
$(".top-nav-sub-nav").mouseleave(function () {
hideAboutItems();
});
$('.top-nav-best-sellers, .top-nav-shop, .top-nav-reviews, .top-nav-press').mouseenter(function () {
hideAboutItems();
});
});
// Controls the menu
$(function () {
// jQuery menuAim plugin
// https://github.com/kamens/jQuery-menu-aim
// Reduced DELAY from 300 to 0
(function ($) {
$.fn.menuAim = function (opts) {
this.each(function () {
init.call(this, opts)
});
return this
};
function init(opts) {
var $menu = $(this), activeRow = null, mouseLocs = [], lastDelayLoc = null, timeoutId = null,
options = $.extend({
rowSelector: "> li",
submenuSelector: "*",
submenuDirection: "right",
tolerance: 75,
enter: $.noop,
exit: $.noop,
activate: $.noop,
deactivate: $.noop,
exitMenu: $.noop
}, opts);
var MOUSE_LOCS_TRACKED = 3, DELAY = 0;
var mousemoveDocument = function (e) {
mouseLocs.push({x: e.pageX, y: e.pageY});
if (mouseLocs.length > MOUSE_LOCS_TRACKED) {
mouseLocs.shift()
}
};
var mouseleaveMenu = function () {
if (timeoutId) {
clearTimeout(timeoutId)
}
if (options.exitMenu(this)) {
if (activeRow) {
options.deactivate(activeRow)
}
activeRow = null
}
};
var mouseenterRow = function () {
if (timeoutId) {
clearTimeout(timeoutId)
}
options.enter(this);
possiblyActivate(this)
}, mouseleaveRow = function () {
options.exit(this)
};
var clickRow = function () {
activate(this)
};
var activate = function (row) {
if (row == activeRow) {
return
}
if (activeRow) {
options.deactivate(activeRow)
}
options.activate(row);
activeRow = row
};
var possiblyActivate = function (row) {
var delay = activationDelay();
if (delay) {
timeoutId = setTimeout(function () {
possiblyActivate(row)
}, delay)
} else {
activate(row)
}
};
var activationDelay = function () {
if (!activeRow || !$(activeRow).is(options.submenuSelector)) {
return 0
}
var offset = $menu.offset(), upperLeft = {x: offset.left, y: offset.top - options.tolerance},
upperRight = {x: offset.left + $menu.outerWidth(), y: upperLeft.y},
lowerLeft = {x: offset.left, y: offset.top + $menu.outerHeight() + options.tolerance},
lowerRight = {x: offset.left + $menu.outerWidth(), y: lowerLeft.y},
loc = mouseLocs[mouseLocs.length - 1], prevLoc = mouseLocs[0];
if (!loc) {
return 0
}
if (!prevLoc) {
prevLoc = loc
}
if (prevLoc.x < offset.left || prevLoc.x > lowerRight.x || prevLoc.y < offset.top || prevLoc.y > lowerRight.y) {
return 0
}
if (lastDelayLoc && loc.x == lastDelayLoc.x && loc.y == lastDelayLoc.y) {
return 0
}
function slope(a, b) {
return (b.y - a.y) / (b.x - a.x)
};var decreasingCorner = upperRight, increasingCorner = lowerRight;
if (options.submenuDirection == "left") {
decreasingCorner = lowerLeft;
increasingCorner = upperLeft
} else if (options.submenuDirection == "below") {
decreasingCorner = lowerRight;
increasingCorner = lowerLeft
} else if (options.submenuDirection == "above") {
decreasingCorner = upperLeft;
increasingCorner = upperRight
}
var decreasingSlope = slope(loc, decreasingCorner),
increasingSlope = slope(loc, increasingCorner),
prevDecreasingSlope = slope(prevLoc, decreasingCorner),
prevIncreasingSlope = slope(prevLoc, increasingCorner);
if (decreasingSlope < prevDecreasingSlope && increasingSlope > prevIncreasingSlope) {
lastDelayLoc = loc;
return DELAY
}
lastDelayLoc = null;
return 0
};
$menu.mouseleave(mouseleaveMenu).find(options.rowSelector).mouseenter(mouseenterRow).mouseleave(mouseleaveRow).click(clickRow);
$(document).mousemove(mousemoveDocument)
}
})($);
// Define our menu with the dropdown-menu class
var $menu = $('.dropdown-menu');
// jQuery-menu-aim: the following JS is used to show and hide the submenu contents.
function activateSubmenu(row) {
var $row = $(row),
submenuId = $row.data('submenuId'),
$submenu = $('#' + submenuId);
$row.siblings('li').find('> a:eq(0)').removeClass('maintainHover');
$row.siblings('li').find('> .popover:eq(0)').css({display: 'none'});
// Show the submenu
$submenu.css({
display: 'block',
});
// Keep the currently activated row's highlighted look
$row.find('> a').addClass('maintainHover');
}
function deactivateSubmenu(row) {
var $row = $(row),
submenuId = $row.data('submenuId'),
$submenu = $('#' + submenuId);
// Hide the submenu and remove the row's highlighted look
$submenu.css('display', 'none');
$row.find('a').removeClass('maintainHover');
}
// jQuery-menu-aim: Hook up events to be fired on menu row activation.
$menu.menuAim({
activate: activateSubmenu,
deactivate: deactivateSubmenu
});
});
$('.dropdown-menu.first-tier > li > a').on('mouseenter', function () {
var $elm = $(this).parent().find('.second-tier li').first().find('a').first();
$elm.trigger('mouseenter').addClass('maintainHover');
});
$('.dropdown-menu.second-tier > li > a.alpha').on('mouseenter', function () {
var $elm = $(this).parent().find('.list-product').first().find('a').first();
$elm.trigger('mouseenter').addClass('maintainHover');
});
};
return {
init: function () {
_initInstances();
}
};
}();
// sticky scroll
var LightBox = function () {
var _initInstances = function () {
lightbox.option({
'resizeDuration': 200,
'wrapAround': true
})
};
return {
init: function () {
_initInstances();
}
};
}();
// sticky scroll
var ToolTip = function () {
var _initInstances = function () {
$('[data-toggle="tooltip"]').tooltip({})
};
return {
init: function () {
_initInstances();
}
};
}();
// sticky scroll
var StickyScroll = function () {
var _initInstances = function () {
var obj = $('[data-layout="sticky"]');
var shrinkHeader = 300;
obj.stickOnScroll({
topOffset: 0,
bottomOffset: 5,
footerElement: null,
viewport: window,
stickClass: 'stickOnScroll-on',
setParentOnStick: false,
setWidthOnStick: false,
onStick: null,
onUnStick: null
});
// obj.next().css({
// 'position':'relative',
// 'top': obj.outerHeight(true) + 'px',
// });
$(window).scroll(function () {
var scroll = getCurrentScroll();
if (scroll >= shrinkHeader) {
obj.addClass('_shrink');
}
else {
obj.removeClass('_shrink');
}
});
var getCurrentScroll = function () {
return window.pageYOffset || document.documentElement.scrollTop;
}
};
return {
init: function () {
_initInstances();
}
};
}();
// Cart
var Cart = function () {
var _initInstances = function () {
var step1 = $('#step1');
var step2 = $('#step2');
var step3 = $('#step3');
step2.addClass('unavailable');
step3.addClass('unavailable');
// $('#needs-validation ').find(':input').each(function () {
step1.find(':input').each(function () {
var attr = $(this).attr('required')
if (typeof attr !== typeof undefined && attr !== false) {
$(this).addClass('unvalidated');
}
});
// $('#needs-validation :input').on('change keyup paste click', function (e) {
step1.find(":input").on('change keyup paste click', function (e) {
var attr = $(this).attr('required');
var value = $(this).val();
if (typeof attr === typeof undefined) {
$(this).removeClass('unvalidated');
}
if (typeof attr !== typeof undefined && attr !== false) {
$(this).addClass('was-validated');
if (value !== '') {
$(this).removeClass('unvalidated');
}
else {
$(this).addClass('unvalidated');
}
}
else {
$(this).addClass('was-validated');
$(this).removeClass('unvalidated');
}
if (checkValidated() === true) {
step2.addClass('available');
step2.removeClass('unavailable')
}
else {
step2.addClass('unavailable');
step2.removeClass('available')
}
//step3
var validateStep2 = step2.hasClass('available');
if (checkValidated() && validateStep2) {
step3.addClass('available');
step3.removeClass('unavailable')
}
else {
step3.addClass('unavailable');
step3.removeClass('available')
}
});
var checkValidated = function () {
var check = true;
step1.find(':input[required]').each(function () {
if ($(this).hasClass('unvalidated') === true) {
check = false;
return check;
}
});
return check;
};
};
return {
init: function () {
_initInstances();
}
};
}();
//Image Zoom
var ImageZoom = function () {
var _initInstances = function () {
var imageZoom = $('#zoom_03');
imageZoom.elevateZoom({
// gallery: 'gallery_03',
// zoomWindowWidth: $("").width(),
// zoomWindowHeight: $("").height(),
// zoomWindowPosition: "zome3-container",
borderSize: 1,
cursor: 'pointer',
// galleryActiveClass: 'active',
// imageCrossfade: true,
// loadingIcon: 'ajax-loader.gif',
//
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500,
lensFadeIn: 500,
lensFadeOut: 500,
easing: true,
scrollZoom: true
//Inner zoom
//zoomType: "inner",
//cursor: "crosshair"
//Lens zom
//zoomType: "lens",
//lensShape: "round",
//lensSize: 200
});
$("#zoom_03")
.bind("click",
function (e) {
var ez = $('#zoom_03').data('elevateZoom');
$.fancybox(ez.getGalleryList());
return false;
});
$('.slick')
.slick({
slidesToShow: 3,
focusOnSelect: true,
centerMode: true
});
// Click xzoom on slick change
$('.slick')
.on('afterChange',
function (event, slick, currentSlide) {
if ($(".slick .slick-slide[data-slick-index=" + currentSlide + "]").attr("data-image") !==
$(".mainImage").attr("src"))
$(".slick .slick-slide[data-slick-index=" + currentSlide + "]").click();
});
setTimeout(function () {
$(".slick .slick-current").click();
},
100);
};
return {
init: function () {
_initInstances();
}
};
}();
// preloader
var PreLoader = function () {
var _initInstances = function () {
$('.animsition').animsition({
// loadingClass: 'loader',
inDuration: 500,
outDuration: 300,
linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([href^="javascript:void(0);"]):not([href^="callto:"]):not([href^="mailto:"])',
});
};
return {
init: function () {
_initInstances();
}
};
}();
//Mmenu
var MobileMenu = function () {
var _initInstances = function () {
var mobileMenu = $("#menu");
var closeButton = $("#hamburger");
mobileMenu.mmenu({
"extensions": [
// "fx-panels-zoom",
"pagedim-black",
// "theme-dark"
],
"offCanvas": {
// "position": "right"
},
"navbars": [
{
"position": "bottom",
"content": [
"<a class='fa fa-envelope' href='#/'></a>",
"<a class='fa fa-twitter' href='#/'></a>",
"<a class='fa fa-facebook' href='#/'></a>"
]
}
]
});
//close
var API = mobileMenu.data("mmenu");
closeButton.click(function () {
API.close();
});
};
return {
init: function () {
_initInstances();
}
};
}();
// animation scroll page
var AnimationScrollPage = function () {
var _initInstances = function () {
$('.animation').waypoint(function (direction) {
$(this.element).addClass('animation-active');
}, {
offset: '90%',
triggerOnce: true
});
};
return {
init: function () {
_initInstances();
}
};
}();
// count to
var CountTo = function () {
var _initInstances = function () {
var itemCount = $('.vk-counter .number-count');
$(itemCount).waypoint({
handler: function (direction) {
$(this.element).countTo({
from: 0,
speed: 2000,
refreshInterval: 50,
formatter: function (value, options) {
return numeral(value).format('0,0');
}
});
},
offset: '100%',
triggerOnce: true,
});
};
return {
init: function () {
_initInstances();
}
};
}();
// parallax background
var ParallaxBackground = function () {
var _initInstances = function () {
$('.vk-parallax').attr('data-stellar-background-ratio', '0.3');
$.stellar({
verticalOffset: 0,
horizontalScrolling: false,
});
};
return {
init: function () {
_initInstances();
}
};
}();
// slider
var Slider = function () {
var singleProjectSlider = function () {
var sliderNav = $(".slider-nav");
var sliderFor = $(".slider-for");
sliderFor.slick({
slidesToShow: 1,
slidesToScroll: 1,
nextArrow: '<button class="vk-btn vk-slider__arrow next"><img src="http://localhost/bellizeno/images/icon/arrow-right-1.png"></button>',
prevArrow: '<button class="vk-btn vk-slider__arrow prev"><img src="http://localhost/bellizeno/images/icon/arrow-left-1.png"></i></button>',
fade: true,
asNavFor: '.slider-nav',
focusOnSelect: true,
});
sliderNav.slick({
slidesToShow: 0,
slidesToScroll: 1,
asNavFor: '.slider-for',
focusOnSelect: true,
arrows: false,
});
$(".shop-color-pick").on("change", function (e) {
var selectedValueFix ;
var selectedValue = parseInt(this.value);
// var imgThumbnailSelected = sliderNav.find("[data-slick-index=" + selectedValue + "] img").attr('src');
// var imgThumbnail = $(this).parents(".form-group").first().find(".shop-color-thumbnail");
sliderFor.find('[data-shop-id ='+selectedValue+']').first().each(function(e){
if(parseInt($(this).data('shop-id'))=== selectedValue ){
selectedValueFix = parseInt($(this).data('slick-index'));
console.log($(this));
return selectedValueFix;
}
})
sliderFor.slick("slickGoTo", selectedValueFix);
// imgThumbnail.attr("src", imgThumbnailSelected)
})
};
var homepageSlider = function () {
jQuery(function ($) {
$('ul.logos li').on('click', function () {
var i = $(this).index();
var img = $(this).find('img');
$('.grid--press-tabs .flexslider').flexslider(i);
$('ul.logos li').removeClass('active');
$(this).addClass('active');
});
$('.grid--press-tabs .flexslider').flexslider({
controlNav: false,
directionNav: false,
slideshow: true,
fadeFirstSlide: false,
touch: true,
pauseOnAction: false,
pauseOnHover: false,
animation: "slide",
initDelay: 3000,
slideshowSpeed: 3000,
animationSpeed: 750,
start: function (slider) {
// $('.grid--press-tabs .flexslider').css('opacity',1);
},
before: function (slider) {
var c = slider.count;
var i = slider.currentSlide + 1;
// console.log('c'+c+' i'+i);
if (i == c) {
i = 0;
}
$('ul.logos li').removeClass('active').eq(i).addClass('active');
}
});
});
var newsSlider = $('[data-slider="news"]');
newsSlider.slick({
arrows: false,
nextArrow: '<button class="vk-btn vk-slider__arrow next"><img src="images/icon/arrow-right.png"></button>',
prevArrow: '<button class="vk-btn vk-slider__arrow prev"><img src="images/icon/arrow-left.png"></button>',
slidesToShow: 2,
swipeToSlide: true,
autoplay: true,
// fade: true,
responsive: [
{
breakpoint: 540,
settings: {
slidesToShow: 1,
}
}]
})
$('#next').on('click', function () {
console.log('next')
newsSlider.slick("slickNext");
})
$('#prev').on('click', function () {
newsSlider.slick("slickPrev");
})
$("[data-slider='related']").slick({
arrows: false,
nextArrow: '<button class="vk-btn vk-slider__arrow next"><img src="images/icon/arrow-right.png"></button>',
prevArrow: '<button class="vk-btn vk-slider__arrow prev"><img src="images/icon/arrow-left.png"></button>',
slidesToShow: 2,
swipeToSlide: true,
autoplay: true,
adaptiveHeight: true,
// fade: true,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1,
}
}]
})
};
var shopSlider = function () {
$('.vk-slider[data-slider="product-relate"]').slick({
nextArrow: '<button class="vk-btn vk-arrow next"><img src="images/icon/arrow-right.png"></button>',
prevArrow: '<button class="vk-btn vk-arrow prev"><img src="images/icon/arrow-left.png"></button>',
slidesToShow: 4,
autoplay: true,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 3,
arrows: false
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
arrows: false
}
},
{
breakpoint: 567,
settings: {
slidesToShow: 1,
arrows: false
}
}
],
})
};
var arrowsJustifyAround = function () {
var obj = $('[data-arrows="justify-around"]');
var arrowDots = obj.find('.vk-arrow-dots');
var arrowPrev = obj.find('.vk-arrow.prev');
var arrowNext = obj.find('.vk-arrow.next');
var distanceOffset = 5;
var dotsNavWidth = arrowDots.width();
var distanceFromBetween = parseFloat(dotsNavWidth / 2) + distanceOffset;
var currentWidth = $(window).width();
if (currentWidth > 991) {
arrowPrev.css('transform', 'translateX(calc(-100% - ' + distanceFromBetween + 'px))');
arrowNext.css('transform', 'translateX(calc(100% + ' + distanceFromBetween + 'px))');
}
return false;
}
var _initInstances = function () {
homepageSlider();
singleProjectSlider();
shopSlider();
arrowsJustifyAround();
};
return {
init: function () {
_initInstances();
}
};
}();
// masonry item
var MasonryItem = function () {
var masonry = '[data-layout="masonry"]';
var masonryItem = '[data-layout="masonry-item"]'
var masonryFix = '[data-layout="masonry-fix"]';
var buttonFilterDefault = '[data-filter-button="default"]';
var buttonFilterFix = '[data-filter-button="filter-fix"]';
var filterFix = function () {
var delayFilter = function () {
$(masonryFix).isotope({
filter: '.first',
})
}
setTimeout(delayFilter, 100);
$(buttonFilterFix)
.on('click', 'li', function () {
var filterValue = $(this).attr('data-filter');
console.log(filterValue)
$(masonryFix).isotope({
filter: filterValue,
});
return false;
})
.on('change', function () {
// get filter value from option value
var filterValue = this.value;
$(masonryFix).isotope({
filter: filterValue,
});
return false;
});
}
var masonryLayout = function () {
$(masonry).isotope({
// options...
itemSelector: masonryItem,
masonry: {
columnWidth: masonryItem,
}
});
//filter items on button click
$(buttonFilterDefault)
.on('click', 'li', function () {
var filterValue = $(this).attr('data-filter');
console.log(filterValue);
$(masonry).isotope({
filter: filterValue,
});
return false;
})
.on('change', function () {
// get filter value from option value
var filterValue = this.value;
// console.log(filterValue);
$(masonry).isotope({
filter: filterValue,
});
return false;
});
};
var _initInstances = function () {
masonryLayout();
filterFix();
};
return {
init: function () {
_initInstances();
},
responsive: function () {
}
};
}();
// google maps
if ($('[data-map="true"]').length) {
var script = document.createElement('script');
script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyC2Gs0Rw7L416l5ghD0zrUWf8FGibwT7Ds&callback=initMap";
document.getElementsByTagName('head')[0].appendChild(script);
var initMap = function () {
var myLatLng = {lat: 38.5397102, lng: -93.6881803};
// Create a map object and specify the DOM element for display.
var map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
scrollwheel: false,
zoom: 4
});
// Create a marker and set its position.
var marker = new google.maps.Marker({
map: map,
position: myLatLng,
title: 'HELLO WORLD!'
});
};
}
// input file
var InputFile = function () {
var _initInstances = function () {
var inputs = document.querySelectorAll('.vk-input-file');
Array.prototype.forEach.call(inputs, function (input) {
var label = input.nextElementSibling,
labelVal = label.innerHTML;
input.addEventListener('change', function (e) {
var fileName = '';
if (this.files && this.files.length > 1)
fileName = ( this.getAttribute('data-multiple-caption') || '' ).replace('{count}', this.files.length);
else
fileName = e.target.value.split('\\').pop();
if (fileName)
label.querySelector('span').innerHTML = fileName;
else
label.innerHTML = labelVal;
});
// Firefox bug fix
input.addEventListener('focus', function () {
input.classList.add('has-focus');
});
input.addEventListener('blur', function () {
input.classList.remove('has-focus');
});
});
}
return {
init: function () {
_initInstances();
}
};
}();
//scroll up
var ScrollToTop = function () {
var _initInstances = function () {
$.scrollUp({
scrollText: '<i class="fa fa-angle-up"></i>',
scrollSpeed: 500,
zIndex: 1,
});
$('[data-scroll-to^="#"]').on('click', function (event) {
var target = $(this.getAttribute('data-scroll-to'));
if (target.length) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
// var obj = $('[data-scroll-to]');
//
// $(window).on('scroll', function () {
//
// var scroll = $(window).scrollTop();
//
// if (obj.length){
//
// obj.each(function(){
//
// var target = $(this).attr('href');
//
// if (scroll > $(target).offset().top){
// $(this).hide();
// }
// else {
// $(this).css('opacity',1 - scroll / $(target).offset().top);
// $(this).show();
// }
// });
// }
//
// });
};
return {
init: function () {
_initInstances();
}
};
}();
// price range
var PriceRange = function () {
var _initInstances = function () {
var slider_range = '#slider-range';
var amount1 = '#amount1';
var amount2 = '#amount2';
$(slider_range).slider({
range: true,
min: 0,
max: 1000,
values: [59, 799],
slide: function (event, ui) {
$(amount1).val(ui.values[0]);
$(amount2).val(ui.values[1]);
}
});
$(amount1).val($(slider_range).slider("values", 0));
$(amount2).val($(slider_range).slider("values", 1));
};
return {
init: function () {
_initInstances();
}
};
}();
// calculator quantity
var CalcQuantity = function () {
var _initInstances = function () {
$("[data-calculator] button").on("click", function () {
var $button = $(this);
var oldValue = $button.siblings("input").val();
if ($button.attr('data-index') == "plus") {
var newVal = parseFloat(oldValue) + 1;
} else {
// Don't allow decrementing below zero
if (oldValue > 1) {
var newVal = parseFloat(oldValue) - 1;
} else {
newVal = 1;
}
}
$button.siblings("input").val(newVal);
return false;
});
};
return {
init: function () {
_initInstances();
}
};
}();
// custom theme
var CustomTheme = function () {
var _initInstances = function () {
$("#myTab").on ('click','.nav-item',function(){
$(this).find('input').prop("checked",true)
})
//validateform
var formValidate = $('#formValidate')
var formControl = formValidate.find('.has-validate');
function setState(state,selector){
if(state){
selector.addClass('border-success');
selector.parent().addClass('border-success')
selector.parent().removeClass('border-danger')
selector.removeClass('border-danger')
}else{
selector.addClass('border-danger');
selector.parent().addClass('border-danger')
selector.parent().removeClass('border-success')
selector.removeClass('border-success')
}
}
function inputValidate(){
var check = false
formControl.each(function(){
if($(this).prop('value').length === 0 || parseInt($(this).prop('value')) === 0){
setState(false,$(this))
check = true
}else{
setState(true,$(this))
}
})
console.log( check)
return check
}
$("#btnAddToCart").prop('disabled',true)
function inputValidateAction(){
if (inputValidate()){
$("#btnAddToCart").prop('disabled',true)
}else{
$("#btnAddToCart").prop('disabled',false)
}
}
inputValidateAction()
$(formValidate).on('change keyup', function(){
inputValidateAction()
})
// end them
var flag = false;
var imgThumbailDefault = $(".shop-color-thumbnail").attr("src");
var imgThumbnail = "";
var imgThunbnailSelect = "";
var imgValue = '';
var inputValue = '';
var imgThumbnail1;
var inputImgThumbnail;
var modalTarget;
var inputImgThumbnail_id;
var inputImgThumbnail_id_val;
//click modal
$(".btn-embroidery, .vk-shop__filter-thumbnail").on("click", function () {
modalTarget = $(this).data('target');
imgThumbnail = $(this).parents('.form-group').find('.shop-color-thumbnail');
imgThumbnail1 = $(this).parents('.form-group').find('.shop-color-thumbnail').prop("src");
inputImgThumbnail = $(this).parents('.form-group').find('.shop-value-selected');
inputImgThumbnail_id = $(this).parents('.form-group').find('.shop-value-selected-id');
imgValue = parseInt(imgThumbnail.attr('data-value'));
$(modalTarget).find("input").each(function () {
inputValue = parseInt($(this).val());
$(this).removeAttr("checked");
if (inputValue === imgValue) {
$(this).prop("checked", true);
}
})
//set images
// $(".vk-embroidery-item input").on("change", function () {
$(modalTarget).find('.vk-embroidery-item input').on("change", function () {
if ($(this).prop("checked")) {
imgThunbnailSelect = $(this).siblings().first().find('img').attr("src");
imgValue = $(this).prop("value");
inputImgThumbnail_id_val = parseInt($(this).data('id'));
}else{
imgThunbnailSelect = imgThumbailDefault;
imgValue = 0;
inputImgThumbnail_id_val = 0;
}
flag = true;
})
//add image
$(modalTarget).find("#addToEmbroid").on("click", function () {
console.log(imgThumbnail)
if(flag){
imgThumbnail.attr({
"src": imgThunbnailSelect,
"data-src": imgThunbnailSelect,
"data-value": imgValue,
});
inputImgThumbnail.attr('value',imgValue);
inputImgThumbnail_id.attr('value',inputImgThumbnail_id_val);
//them 20-12
inputValidateAction()
}
})
return(imgThunbnailSelect = imgThumbailDefault, imgValue = 0);
});
// the selector will match all input controls of type :checkbox
// and attach a click event handler
$("input:checkbox").on('click', function () {
// in the handler, 'this' refers to the box clicked on
var $box = $(this);
if ($box.is(":checked")) {
// the name of the box is retrieved using the .attr() method
// as it is assumed and expected to be immutable
var group = "input:checkbox[name='" + $box.attr("name") + "']";
// the checked state of the group/box on the other hand will change
// and the current value is retrieved using .prop() method
$(group).prop("checked", false);
$box.prop("checked", true);
} else {
$box.prop("checked", false);
}
});
$('.menu .nav-item').tab();
// window.location.href='checkout.php'
// var username = $('#username');
// var password = $('#password');
// var checkbox = $('#checkbox');
// var button = $('#button');
// if (username.length ){
// (username).on('change keypress',function(){
// console.log()
// if(username.val().length && password.val().length){
// checkbox.attr('disabled','disabled');
// }else{
// checkbox.removeAttr('disabled');
// checkbox.removeAttr('disabled');
// }
//
// })
// }
$("#checkoutProcess").on('click', function () {
$("#checkoutConfirm").removeAttr('hidden');
$("#checkoutReview").attr('hidden', 'hidden');
})
// disable event click a tag
$('a').on("click", function (e) {
if ($(this).attr('href') === undefined) {
e.preventDefault();
return false;
}
});
}
var _initResponsive = function () {
var currentHeight = $(window).height();
var obj = $('[data-layout="full-height"]');
var obj1 = $('[data-layout="full-height-home"]');
obj.css('min-height', currentHeight + 'px');
obj1.css('min-height', (currentHeight - 100) + 'px');
}
return {
init: function () {
_initInstances();
_initResponsive();
},
responsive: function () {
_initResponsive();
}
};
}();