You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2095 lines
69 KiB
2095 lines
69 KiB
7 years ago
|
"use strict";
|
||
|
(function () {
|
||
|
|
||
|
/**
|
||
|
* Global variables
|
||
|
*/
|
||
|
var userAgent = navigator.userAgent.toLowerCase(),
|
||
|
initialDate = new Date(),
|
||
|
|
||
|
$document = $(document),
|
||
|
$window = $(window),
|
||
|
$html = $("html"),
|
||
|
$body = $("body"),
|
||
|
|
||
|
isDesktop = $html.hasClass("desktop"),
|
||
|
isRtl = $html.attr("dir") === "rtl",
|
||
|
isIE = userAgent.indexOf("msie") !== -1 ? parseInt(userAgent.split("msie")[1], 10) : userAgent.indexOf("trident") !== -1 ? 11 : userAgent.indexOf("edge") !== -1 ? 12 : false,
|
||
|
isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
|
||
|
onloadCaptchaCallback,
|
||
|
plugins = {
|
||
|
animsitionPreloader: $('.animsition-overlay'),
|
||
|
pointerEvents: isIE < 11 ? "js/pointer-events.min.js" : false,
|
||
|
bootstrapTooltip: $("[data-toggle='tooltip']"),
|
||
|
bootstrapModalDialog: $('.modal'),
|
||
|
bootstrapTabs: $(".tabs-custom"),
|
||
|
bootstrapCollapse: $(".card-custom"),
|
||
|
rdNavbar: $(".rd-navbar"),
|
||
|
materialParallax: $(".parallax-container"),
|
||
|
rdGoogleMaps: $(".rd-google-map"),
|
||
|
rdMailForm: $(".rd-mailform"),
|
||
|
rdInputLabel: $(".form-label"),
|
||
|
regula: $("[data-constraints]"),
|
||
|
rdRange: $('.rd-range'),
|
||
|
wow: $(".wow"),
|
||
|
owl: $(".owl-carousel"),
|
||
|
//swiper: $(".swiper-slider"),
|
||
|
search: $(".rd-search"),
|
||
|
searchResults: $('.rd-search-results'),
|
||
|
statefulButton: $('.btn-stateful'),
|
||
|
isotope: $(".isotope"),
|
||
|
popover: $('[data-toggle="popover"]'),
|
||
|
viewAnimate: $('.view-animate'),
|
||
|
radio: $("input[type='radio']"),
|
||
|
checkbox: $("input[type='checkbox']"),
|
||
|
customToggle: $("[data-custom-toggle]"),
|
||
|
counter: $(".counter"),
|
||
|
progressLinear: $(".progress-linear"),
|
||
|
progressBar: $(".progress-bar-js"),
|
||
|
dateCountdown: $('.DateCountdown'),
|
||
|
preloader: $(".preloader"),
|
||
|
captcha: $('.recaptcha'),
|
||
|
lightGallery: $("[data-lightgallery='group']"),
|
||
|
lightGalleryItem: $("[data-lightgallery='item']"),
|
||
|
lightDynamicGalleryItem: $("[data-lightgallery='dynamic']"),
|
||
|
mailchimp: $('.mailchimp-mailform'),
|
||
|
campaignMonitor: $('.campaign-mailform'),
|
||
|
copyrightYear: $(".copyright-year"),
|
||
|
selectFilter: $("select"),
|
||
|
instafeed: $(".instafeed"),
|
||
|
inlineToggle: $('.inline-toggle'),
|
||
|
focusToggle: $('.focus-toggle'),
|
||
|
countDown: $(".countdown"),
|
||
|
stepper: $("input[type='number']"),
|
||
|
doughnutChart: $(".doughnut-chart"),
|
||
|
radioPanel: $('.radio-panel .radio-inline'),
|
||
|
//themeSwitcher: $("[data-color-picker], [data-theme-name]")
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Initialize All Scripts
|
||
|
*/
|
||
|
$(function () {
|
||
|
var isNoviBuilder = window.xMode;
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Animsition
|
||
|
* @description A simple and easy jQuery plugin for CSS animated page transitions.
|
||
|
* @link http://git.blivesta.com/animsition/
|
||
|
*/
|
||
|
if (plugins.animsitionPreloader && !isNoviBuilder) {
|
||
|
plugins.animsitionPreloader.animsition({
|
||
|
inClass: 'fade-in',
|
||
|
outClass: 'fade-out',
|
||
|
inDuration: 800,
|
||
|
outDuration: 800,
|
||
|
linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([class*="lg-trigger"]):not([href^="images"]):not([data-lightgallery="group-item"])', // e.g. linkElement: 'a:not([target="_blank"]):not([href^="#"])'
|
||
|
loading: true,
|
||
|
loadingParentElement: 'html', //animsition wrapper element
|
||
|
loadingClass: 'animsition-loading',
|
||
|
loadingInner: '', // e.g '<img src="assets/img/loading.svg" />'
|
||
|
timeout: true,
|
||
|
timeoutCountdown: 100,
|
||
|
onLoadEvent: true,
|
||
|
browser: ['animation-duration', '-webkit-animation-duration', '-o-animation-duration'], // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser. The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
|
||
|
overlay: false,
|
||
|
overlayClass: 'animsition-overlay-slide',
|
||
|
overlayParentElement: 'body',
|
||
|
transition: function (url) {
|
||
|
window.location.href = url;
|
||
|
}
|
||
|
})
|
||
|
.one('animsition.inStart', function () {
|
||
|
plugins.preloader.addClass("loaded");
|
||
|
})
|
||
|
.one('animsition.outStart', function () {
|
||
|
plugins.preloader.addClass("loaded");
|
||
|
});
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* getSwiperHeight
|
||
|
* @description calculate the height of swiper slider basing on data attr
|
||
|
*/
|
||
|
/*function getSwiperHeight(object, attr) {
|
||
|
var val = object.attr("data-" + attr),
|
||
|
dim;
|
||
|
|
||
|
if (!val) {
|
||
|
return undefined;
|
||
|
}
|
||
|
|
||
|
dim = val.match(/(px)|(%)|(vh)|(vw)$/i);
|
||
|
|
||
|
if (dim.length) {
|
||
|
switch (dim[0]) {
|
||
|
case "px":
|
||
|
return parseFloat(val);
|
||
|
case "vh":
|
||
|
return $window.height() * (parseFloat(val) / 100);
|
||
|
case "vw":
|
||
|
return $window.width() * (parseFloat(val) / 100);
|
||
|
case "%":
|
||
|
return object.width() * (parseFloat(val) / 100);
|
||
|
}
|
||
|
} else {
|
||
|
return undefined;
|
||
|
}
|
||
|
}*/
|
||
|
|
||
|
/**
|
||
|
* toggleSwiperInnerVideos
|
||
|
* @description toggle swiper videos on active slides
|
||
|
*/
|
||
|
/*function toggleSwiperInnerVideos(swiper) {
|
||
|
var prevSlide = $(swiper.slides[swiper.previousIndex]),
|
||
|
nextSlide = $(swiper.slides[swiper.activeIndex]),
|
||
|
videos,
|
||
|
videoItems = prevSlide.find("video");
|
||
|
|
||
|
for (var i = 0; i < videoItems.length; i++) {
|
||
|
videoItems[i].pause();
|
||
|
}
|
||
|
|
||
|
videos = nextSlide.find("video");
|
||
|
if (videos.length) {
|
||
|
videos.get(0).play();
|
||
|
}
|
||
|
}*/
|
||
|
|
||
|
/**
|
||
|
* toggleSwiperCaptionAnimation
|
||
|
* @description toggle swiper animations on active slides
|
||
|
*/
|
||
|
/*
|
||
|
function toggleSwiperCaptionAnimation(swiper) {
|
||
|
var prevSlide = $(swiper.container).find("[data-caption-animate]"),
|
||
|
nextSlide = $(swiper.slides[swiper.activeIndex]).find("[data-caption-animate]"),
|
||
|
delay,
|
||
|
duration,
|
||
|
nextSlideItem,
|
||
|
prevSlideItem;
|
||
|
|
||
|
for (var i = 0; i < prevSlide.length; i++) {
|
||
|
prevSlideItem = $(prevSlide[i]);
|
||
|
|
||
|
prevSlideItem.removeClass("animated")
|
||
|
.removeClass(prevSlideItem.attr("data-caption-animate"))
|
||
|
.addClass("not-animated");
|
||
|
}
|
||
|
|
||
|
|
||
|
var tempFunction = function (nextSlideItem, duration) {
|
||
|
return function () {
|
||
|
nextSlideItem
|
||
|
.removeClass("not-animated")
|
||
|
.addClass(nextSlideItem.attr("data-caption-animate"))
|
||
|
.addClass("animated");
|
||
|
if (duration) {
|
||
|
nextSlideItem.css('animation-duration', duration + 'ms');
|
||
|
}
|
||
|
};
|
||
|
};
|
||
|
|
||
|
for (var i = 0; i < nextSlide.length; i++) {
|
||
|
nextSlideItem = $(nextSlide[i]);
|
||
|
delay = nextSlideItem.attr("data-caption-delay");
|
||
|
duration = nextSlideItem.attr('data-caption-duration');
|
||
|
if (!isNoviBuilder) {
|
||
|
setTimeout(tempFunction(nextSlideItem, duration), parseInt(delay, 10));
|
||
|
|
||
|
} else {
|
||
|
nextSlideItem.removeClass("not-animated")
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
*/
|
||
|
|
||
|
|
||
|
/**
|
||
|
* initOwlCarousel
|
||
|
* @description Init owl carousel plugin
|
||
|
*/
|
||
|
/*function initOwlCarousel(c) {
|
||
|
var aliaces = ["-", "-sm-", "-md-", "-lg-", "-xl-", "-xxl-"],
|
||
|
values = [0, 576, 768, 992, 1200, 1600],
|
||
|
responsive = {};
|
||
|
|
||
|
for (var j = 0; j < values.length; j++) {
|
||
|
responsive[values[j]] = {};
|
||
|
for (var k = j; k >= -1; k--) {
|
||
|
if (!responsive[values[j]]["items"] && c.attr("data" + aliaces[k] + "items")) {
|
||
|
responsive[values[j]]["items"] = k < 0 ? 1 : parseInt(c.attr("data" + aliaces[k] + "items"), 10);
|
||
|
}
|
||
|
if (!responsive[values[j]]["stagePadding"] && responsive[values[j]]["stagePadding"] !== 0 && c.attr("data" + aliaces[k] + "stage-padding")) {
|
||
|
//console.log(aliaces[k]);
|
||
|
responsive[values[j]]["stagePadding"] = k < 0 ? 0 : parseInt(c.attr("data" + aliaces[k] + "stage-padding"), 10);
|
||
|
}
|
||
|
if (!responsive[values[j]]["margin"] && responsive[values[j]]["margin"] !== 0 && c.attr("data" + aliaces[k] + "margin")) {
|
||
|
responsive[values[j]]["margin"] = k < 0 ? 30 : parseInt(c.attr("data" + aliaces[k] + "margin"), 10);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
c.on("initialized.owl.carousel", function (event) {
|
||
|
var $carousel = $(event.currentTarget);
|
||
|
// Enable custom pagination
|
||
|
if (c.attr('data-dots-custom')) {
|
||
|
var customPag = $($carousel.attr("data-dots-custom")),
|
||
|
active = 0;
|
||
|
|
||
|
if ($carousel.attr('data-active')) {
|
||
|
active = parseInt($carousel.attr('data-active'), 10);
|
||
|
}
|
||
|
|
||
|
$carousel.trigger('to.owl.carousel', [active, 300, true]);
|
||
|
customPag.find("[data-owl-item='" + active + "']").addClass("active");
|
||
|
|
||
|
customPag.find("[data-owl-item]").on('click', function (e) {
|
||
|
e.preventDefault();
|
||
|
$carousel.trigger('to.owl.carousel', [parseInt(this.getAttribute("data-owl-item"), 10), 300, true]);
|
||
|
});
|
||
|
|
||
|
$carousel.on("translate.owl.carousel", function (event) {
|
||
|
customPag.find(".active").removeClass("active");
|
||
|
customPag.find("[data-owl-item='" + event.item.index + "']").addClass("active")
|
||
|
});
|
||
|
}
|
||
|
|
||
|
// Enable Custom Navigation
|
||
|
if (c.attr('data-nav-custom')) {
|
||
|
var customNav = $carousel.parents($carousel.attr("data-nav-custom"));
|
||
|
// Custom Navigation Events
|
||
|
customNav.find(".owl-arrow-next").click(function (e) {
|
||
|
e.preventDefault();
|
||
|
$carousel.trigger('next.owl.carousel');
|
||
|
});
|
||
|
customNav.find(".owl-arrow-prev").click(function (e) {
|
||
|
e.preventDefault();
|
||
|
$carousel.trigger('prev.owl.carousel');
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
|
||
|
c.on("initialized.owl.carousel", function (event) {
|
||
|
initLightGalleryItem(c.find('[data-lightgallery="item"]'), 'lightGallery-in-carousel');
|
||
|
});
|
||
|
|
||
|
c.owlCarousel({
|
||
|
autoplay: isNoviBuilder ? false : c.attr("data-autoplay") === "true",
|
||
|
autoplayTimeout: c.data("autoplay-timeout"),
|
||
|
autoplayHoverPause: c.data("autoplay-hover-pause"),
|
||
|
autoplaySpeed: c.data("data-autoplay-speed"),
|
||
|
center: c.data("data-center"),
|
||
|
startPosition: c.data("data-start-position"),
|
||
|
loop: isNoviBuilder ? false : c.attr("data-loop") === "true",
|
||
|
items: 1,
|
||
|
rtl: isRtl,
|
||
|
autoWidth: c.data("data-autowidth") === "true",
|
||
|
autoHeight: c.data("data-autoheight") === "true",
|
||
|
dotsContainer: c.attr("data-pagination-class") || false,
|
||
|
navContainer: c.attr("data-navigation-class") || false,
|
||
|
mouseDrag: isNoviBuilder ? false : c.attr("data-mouse-drag") !== "false",
|
||
|
touchDrag: c.data("data-touch-drag"),
|
||
|
dragEndSpeed: c.data("data-drag-end-speed"),
|
||
|
nav: c.attr('data-nav') === 'true',
|
||
|
navSpeed: c.data("data-nav-speed"),
|
||
|
dots: c.attr("data-dots") === "true",
|
||
|
dotsSpeed: c.data("dots-speed"),
|
||
|
dotsEach: c.attr("data-dots-each") ? parseInt(c.attr("data-dots-each"), 10) : false,
|
||
|
animateIn: c.attr('data-animation-in') ? c.attr('data-animation-in') : false,
|
||
|
animateOut: c.attr('data-animation-out') ? c.attr('data-animation-out') : false,
|
||
|
lazyLoad: c.data("data-lazy-load"),
|
||
|
responsive: responsive,
|
||
|
navText: function () {
|
||
|
try {
|
||
|
return JSON.parse(c.attr("data-nav-text"));
|
||
|
} catch (e) {
|
||
|
return [];
|
||
|
}
|
||
|
}(),
|
||
|
navClass: function () {
|
||
|
try {
|
||
|
return JSON.parse(c.attr("data-nav-class"));
|
||
|
} catch (e) {
|
||
|
return ['owl-prev', 'owl-next'];
|
||
|
}
|
||
|
}()
|
||
|
});
|
||
|
|
||
|
|
||
|
// Mousewheel plugin
|
||
|
var owl = $('.owl-mousewheel');
|
||
|
owl.on('mousewheel', '.owl-stage', function (e) {
|
||
|
var curr = $(this);
|
||
|
if (e.deltaY > 0) {
|
||
|
curr.trigger('prev.owl', [800]);
|
||
|
} else {
|
||
|
curr.trigger('next.owl', [800]);
|
||
|
}
|
||
|
e.preventDefault();
|
||
|
e.stopImmediatePropagation();
|
||
|
});
|
||
|
|
||
|
}*/
|
||
|
|
||
|
/**
|
||
|
* isScrolledIntoView
|
||
|
* @description check the element was been scrolled into the view
|
||
|
*/
|
||
|
function isScrolledIntoView(elem) {
|
||
|
if (!isNoviBuilder) {
|
||
|
return elem.offset().top + elem.outerHeight() >= $window.scrollTop() && elem.offset().top <= $window.scrollTop() + $window.height();
|
||
|
}
|
||
|
else {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* initOnView
|
||
|
* @description calls a function when element has been scrolled into the view
|
||
|
*/
|
||
|
function lazyInit(element, func) {
|
||
|
$document.on('scroll', function () {
|
||
|
if ((!element.hasClass('lazy-loaded') && (isScrolledIntoView(element)))) {
|
||
|
func.call();
|
||
|
element.addClass('lazy-loaded');
|
||
|
}
|
||
|
}).trigger("scroll");
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Live Search
|
||
|
* @description create live search results
|
||
|
*/
|
||
|
function liveSearch(options) {
|
||
|
$('#' + options.live).removeClass('cleared').html();
|
||
|
options.current++;
|
||
|
options.spin.addClass('loading');
|
||
|
$.get(handler, {
|
||
|
s: decodeURI(options.term),
|
||
|
liveSearch: options.live,
|
||
|
dataType: "html",
|
||
|
liveCount: options.liveCount,
|
||
|
filter: options.filter,
|
||
|
template: options.template
|
||
|
}, function (data) {
|
||
|
options.processed++;
|
||
|
var live = $('#' + options.live);
|
||
|
if ((options.processed === options.current) && !live.hasClass('cleared')) {
|
||
|
live.find('> #search-results').removeClass('active');
|
||
|
live.html(data);
|
||
|
setTimeout(function () {
|
||
|
live.find('> #search-results').addClass('active');
|
||
|
}, 50);
|
||
|
}
|
||
|
options.spin.parents('.rd-search').find('.input-group-addon').removeClass('loading');
|
||
|
})
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* attachFormValidator
|
||
|
* @description attach form validation to elements
|
||
|
*/
|
||
|
function attachFormValidator(elements) {
|
||
|
for (var i = 0; i < elements.length; i++) {
|
||
|
var o = $(elements[i]), v;
|
||
|
o.addClass("form-control-has-validation").after("<span class='form-validation'></span>");
|
||
|
v = o.parent().find(".form-validation");
|
||
|
if (v.is(":last-child")) {
|
||
|
o.addClass("form-control-last-child");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
elements
|
||
|
.on('input change propertychange blur', function (e) {
|
||
|
var $this = $(this), results;
|
||
|
|
||
|
if (e.type !== "blur") {
|
||
|
if (!$this.parent().hasClass("has-error")) {
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if ($this.parents('.rd-mailform').hasClass('success')) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if ((results = $this.regula('validate')).length) {
|
||
|
for (i = 0; i < results.length; i++) {
|
||
|
$this.siblings(".form-validation").text(results[i].message).parent().addClass("has-error")
|
||
|
}
|
||
|
} else {
|
||
|
$this.siblings(".form-validation").text("").parent().removeClass("has-error")
|
||
|
}
|
||
|
})
|
||
|
.regula('bind');
|
||
|
|
||
|
var regularConstraintsMessages = [
|
||
|
{
|
||
|
type: regula.Constraint.Required,
|
||
|
newMessage: "The text field is required."
|
||
|
},
|
||
|
{
|
||
|
type: regula.Constraint.Email,
|
||
|
newMessage: "The email is not a valid email."
|
||
|
},
|
||
|
{
|
||
|
type: regula.Constraint.Numeric,
|
||
|
newMessage: "Only numbers are required"
|
||
|
},
|
||
|
{
|
||
|
type: regula.Constraint.Selected,
|
||
|
newMessage: "Please choose an option."
|
||
|
}
|
||
|
];
|
||
|
|
||
|
|
||
|
for (var i = 0; i < regularConstraintsMessages.length; i++) {
|
||
|
var regularConstraint = regularConstraintsMessages[i];
|
||
|
|
||
|
regula.override({
|
||
|
constraintType: regularConstraint.type,
|
||
|
defaultMessage: regularConstraint.newMessage
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* isValidated
|
||
|
* @description check if all elemnts pass validation
|
||
|
*/
|
||
|
function isValidated(elements, captcha) {
|
||
|
var results, errors = 0;
|
||
|
|
||
|
if (elements.length) {
|
||
|
for (var j = 0; j < elements.length; j++) {
|
||
|
|
||
|
var $input = $(elements[j]);
|
||
|
if ((results = $input.regula('validate')).length) {
|
||
|
for (k = 0; k < results.length; k++) {
|
||
|
errors++;
|
||
|
$input.siblings(".form-validation").text(results[k].message).parent().addClass("has-error");
|
||
|
}
|
||
|
} else {
|
||
|
$input.siblings(".form-validation").text("").parent().removeClass("has-error")
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (captcha) {
|
||
|
if (captcha.length) {
|
||
|
return validateReCaptcha(captcha) && errors === 0
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return errors === 0;
|
||
|
}
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Init Bootstrap tooltip
|
||
|
* @description calls a function when need to init bootstrap tooltips
|
||
|
*/
|
||
|
function initBootstrapTooltip(tooltipPlacement) {
|
||
|
if (window.innerWidth < 576) {
|
||
|
plugins.bootstrapTooltip.tooltip('dispose');
|
||
|
plugins.bootstrapTooltip.tooltip({
|
||
|
placement: 'bottom'
|
||
|
});
|
||
|
} else {
|
||
|
plugins.bootstrapTooltip.tooltip('dispose');
|
||
|
plugins.bootstrapTooltip.tooltip({
|
||
|
placement: tooltipPlacement
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* validateReCaptcha
|
||
|
* @description validate google reCaptcha
|
||
|
*/
|
||
|
function validateReCaptcha(captcha) {
|
||
|
var captchaToken = captcha.find('.g-recaptcha-response').val();
|
||
|
|
||
|
if (captchaToken.length === 0) {
|
||
|
captcha
|
||
|
.siblings('.form-validation')
|
||
|
.html('Please, prove that you are not robot.')
|
||
|
.addClass('active');
|
||
|
captcha
|
||
|
.closest('.form-wrap')
|
||
|
.addClass('has-error');
|
||
|
|
||
|
captcha.on('propertychange', function () {
|
||
|
var $this = $(this),
|
||
|
captchaToken = $this.find('.g-recaptcha-response').val();
|
||
|
|
||
|
if (captchaToken.length > 0) {
|
||
|
$this
|
||
|
.closest('.form-wrap')
|
||
|
.removeClass('has-error');
|
||
|
$this
|
||
|
.siblings('.form-validation')
|
||
|
.removeClass('active')
|
||
|
.html('');
|
||
|
$this.off('propertychange');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* onloadCaptchaCallback
|
||
|
* @description init google reCaptcha
|
||
|
*/
|
||
|
window.onloadCaptchaCallback = function () {
|
||
|
for (var i = 0; i < plugins.captcha.length; i++) {
|
||
|
var $capthcaItem = $(plugins.captcha[i]);
|
||
|
|
||
|
grecaptcha.render(
|
||
|
$capthcaItem.attr('id'),
|
||
|
{
|
||
|
sitekey: $capthcaItem.attr('data-sitekey'),
|
||
|
size: $capthcaItem.attr('data-size') ? $capthcaItem.attr('data-size') : 'normal',
|
||
|
theme: $capthcaItem.attr('data-theme') ? $capthcaItem.attr('data-theme') : 'light',
|
||
|
callback: function (e) {
|
||
|
$('.recaptcha').trigger('propertychange');
|
||
|
}
|
||
|
}
|
||
|
);
|
||
|
$capthcaItem.after("<span class='form-validation'></span>");
|
||
|
}
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Google ReCaptcha
|
||
|
* @description Enables Google ReCaptcha
|
||
|
*/
|
||
|
if (plugins.captcha.length) {
|
||
|
$.getScript("//www.google.com/recaptcha/api.js?onload=onloadCaptchaCallback&render=explicit&hl=ru");
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Is Mac os
|
||
|
* @description add additional class on html if mac os.
|
||
|
*/
|
||
|
if (navigator.platform.match(/(Mac)/i)) $html.addClass("mac-os");
|
||
|
|
||
|
|
||
|
/**
|
||
|
* IE Polyfills
|
||
|
* @description Adds some loosing functionality to IE browsers
|
||
|
*/
|
||
|
if (isIE) {
|
||
|
if (isIE < 10) {
|
||
|
$html.addClass("lt-ie-10");
|
||
|
}
|
||
|
|
||
|
if (isIE < 11) {
|
||
|
if (plugins.pointerEvents) {
|
||
|
$.getScript(plugins.pointerEvents)
|
||
|
.done(function () {
|
||
|
$html.addClass("ie-10");
|
||
|
PointerEventsPolyfill.initialize({});
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (isIE === 11) {
|
||
|
$html.addClass("ie-11");
|
||
|
}
|
||
|
|
||
|
if (isIE === 12) {
|
||
|
$html.addClass("ie-edge");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Bootstrap Tooltips
|
||
|
* @description Activate Bootstrap Tooltips
|
||
|
*/
|
||
|
if (plugins.bootstrapTooltip.length) {
|
||
|
var tooltipPlacement = plugins.bootstrapTooltip.attr('data-placement');
|
||
|
initBootstrapTooltip(tooltipPlacement);
|
||
|
|
||
|
$window.on('resize orientationchange', function () {
|
||
|
initBootstrapTooltip(tooltipPlacement);
|
||
|
})
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* bootstrapModalDialog
|
||
|
* @description Stap vioeo in bootstrapModalDialog
|
||
|
*/
|
||
|
if (plugins.bootstrapModalDialog.length > 0) {
|
||
|
for (var i = 0; i < plugins.bootstrapModalDialog.length; i++) {
|
||
|
var modalItem = $(plugins.bootstrapModalDialog[i]);
|
||
|
|
||
|
modalItem.on('hidden.bs.modal', $.proxy(function () {
|
||
|
var activeModal = $(this),
|
||
|
rdVideoInside = activeModal.find('video'),
|
||
|
youTubeVideoInside = activeModal.find('iframe');
|
||
|
|
||
|
if (rdVideoInside.length) {
|
||
|
rdVideoInside[0].pause();
|
||
|
}
|
||
|
|
||
|
if (youTubeVideoInside.length) {
|
||
|
var videoUrl = youTubeVideoInside.attr('src');
|
||
|
|
||
|
youTubeVideoInside
|
||
|
.attr('src', '')
|
||
|
.attr('src', videoUrl);
|
||
|
}
|
||
|
}, modalItem))
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Popovers
|
||
|
* @description Enables Popovers plugin
|
||
|
*/
|
||
|
if (plugins.popover.length) {
|
||
|
if (window.innerWidth < 767) {
|
||
|
plugins.popover.attr('data-placement', 'bottom');
|
||
|
plugins.popover.popover();
|
||
|
}
|
||
|
else {
|
||
|
plugins.popover.popover();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Bootstrap Buttons
|
||
|
* @description Enable Bootstrap Buttons plugin
|
||
|
*/
|
||
|
if (plugins.statefulButton.length) {
|
||
|
$(plugins.statefulButton).on('click', function () {
|
||
|
var statefulButtonLoading = $(this).button('loading');
|
||
|
|
||
|
setTimeout(function () {
|
||
|
statefulButtonLoading.button('reset')
|
||
|
}, 2000);
|
||
|
})
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Bootstrap tabs
|
||
|
* @description Activate Bootstrap Tabs
|
||
|
*/
|
||
|
|
||
|
if (plugins.bootstrapTabs.length) {
|
||
|
for (var i = 0; i < plugins.bootstrapTabs.length; i++) {
|
||
|
var $bootstrapTabsItem = $(plugins.bootstrapTabs[i]);
|
||
|
|
||
|
// Nav plugin
|
||
|
if ($bootstrapTabsItem.attr('data-nav') === 'true') {
|
||
|
|
||
|
var $buttonPrev = $($bootstrapTabsItem.find('[data-nav-prev]')).first(),
|
||
|
$buttonNext = $($bootstrapTabsItem.find('[data-nav-next]')).first();
|
||
|
|
||
|
if ($buttonPrev && $buttonNext) {
|
||
|
var isClicked = true,
|
||
|
currentIndex = 0,
|
||
|
$nav = $($bootstrapTabsItem.find('.nav')),
|
||
|
navItemsLength = $nav.children().length;
|
||
|
|
||
|
|
||
|
for (var z = 0; z < navItemsLength; z++) {
|
||
|
$($nav.find('li:eq(' + z + ') a')).on('hidden.bs.tab', function () {
|
||
|
isClicked = true;
|
||
|
});
|
||
|
$($nav.find('li:eq(' + z + ') a')).on('shown.bs.tab', function () {
|
||
|
isClicked = true;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
$buttonPrev.on('click', (function ($nav) {
|
||
|
return function () {
|
||
|
var prevIndex = $($nav.find('.active')).parent().index() - 1;
|
||
|
|
||
|
if ((currentIndex != prevIndex) && prevIndex >= 0 && isClicked) {
|
||
|
currentIndex = prevIndex;
|
||
|
isClicked = false;
|
||
|
$($nav.find('li:eq(' + prevIndex + ') a')).tab('show');
|
||
|
}
|
||
|
}
|
||
|
})($nav));
|
||
|
|
||
|
$buttonNext.on('click', (function ($nav) {
|
||
|
return function () {
|
||
|
var nextIndex = $($nav.find('.active')).parent().index() + 1;
|
||
|
|
||
|
if ((currentIndex != nextIndex) && (nextIndex < navItemsLength) && isClicked) {
|
||
|
currentIndex = nextIndex;
|
||
|
isClicked = false;
|
||
|
$($nav.find('li:eq(' + nextIndex + ') a')).tab('show');
|
||
|
}
|
||
|
}
|
||
|
})($nav));
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (plugins.bootstrapCollapse.length) {
|
||
|
for (var i = 0; i < plugins.bootstrapCollapse.length; i++) {
|
||
|
var $bootstrapCollapseItem = $(plugins.bootstrapCollapse[i]);
|
||
|
|
||
|
$bootstrapCollapseItem.on('show.bs.collapse', (function ($bootstrapCollapseItem) {
|
||
|
return function () {
|
||
|
$bootstrapCollapseItem.addClass('active');
|
||
|
console.log('active');
|
||
|
};
|
||
|
})($bootstrapCollapseItem));
|
||
|
|
||
|
$bootstrapCollapseItem.on('hide.bs.collapse', (function ($bootstrapCollapseItem) {
|
||
|
return function () {
|
||
|
$bootstrapCollapseItem.removeClass('active');
|
||
|
console.log('disactive');
|
||
|
};
|
||
|
})($bootstrapCollapseItem));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Copyright Year
|
||
|
* @description Evaluates correct copyright year
|
||
|
*/
|
||
|
if (plugins.copyrightYear.length) {
|
||
|
plugins.copyrightYear.text(initialDate.getFullYear());
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Select2
|
||
|
* @description Enables select2 plugin
|
||
|
*/
|
||
|
if (plugins.selectFilter.length) {
|
||
|
for (var i = 0; i < plugins.selectFilter.length; i++) {
|
||
|
var select = $(plugins.selectFilter[i]);
|
||
|
|
||
|
select.select2({
|
||
|
placeholder: select.attr("data-placeholder") ? select.attr("data-placeholder") : false,
|
||
|
minimumResultsForSearch: select.attr("data-minimum-results-search") ? select.attr("data-minimum-results-search") : -1,
|
||
|
maximumSelectionSize: 3,
|
||
|
selectOnBlur: false,
|
||
|
dropdownCssClass: select.attr("data-dropdown-class") ? select.attr("data-dropdown-class") : ''
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Google Maps
|
||
|
* @description Enables RD Google Maps plugin
|
||
|
*/
|
||
|
if (plugins.rdGoogleMaps.length) {
|
||
|
$.getScript("//maps.google.com/maps/api/js?key=AIzaSyAwH60q5rWrS8bXwpkZwZwhw9Bw0pqKTZM&sensor=false&libraries=geometry,places&v=3.7", function () {
|
||
|
var head = document.getElementsByTagName('head')[0],
|
||
|
insertBefore = head.insertBefore;
|
||
|
|
||
|
head.insertBefore = function (newElement, referenceElement) {
|
||
|
if (newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') !== -1 || newElement.innerHTML.indexOf('gm-style') !== -1) {
|
||
|
return;
|
||
|
}
|
||
|
insertBefore.call(head, newElement, referenceElement);
|
||
|
};
|
||
|
|
||
|
for (var i = 0; i < plugins.rdGoogleMaps.length; i++) {
|
||
|
var $googleMapItem = $(plugins.rdGoogleMaps[i]);
|
||
|
|
||
|
lazyInit($googleMapItem, $.proxy(function () {
|
||
|
var $this = $(this),
|
||
|
styles = $this.attr("data-styles");
|
||
|
|
||
|
$this.googleMap({
|
||
|
marker: {
|
||
|
basic: $this.data('marker'),
|
||
|
active: $this.data('marker-active')
|
||
|
},
|
||
|
styles: styles ? JSON.parse(styles) : [],
|
||
|
onInit: function (map) {
|
||
|
var inputAddress = $('#rd-google-map-address');
|
||
|
|
||
|
|
||
|
if (inputAddress.length) {
|
||
|
var input = inputAddress;
|
||
|
var geocoder = new google.maps.Geocoder();
|
||
|
var marker = new google.maps.Marker(
|
||
|
{
|
||
|
map: map,
|
||
|
icon: $this.data('marker-url')
|
||
|
}
|
||
|
);
|
||
|
|
||
|
var autocomplete = new google.maps.places.Autocomplete(inputAddress[0]);
|
||
|
autocomplete.bindTo('bounds', map);
|
||
|
inputAddress.attr('placeholder', '');
|
||
|
inputAddress.on('change', function () {
|
||
|
$("#rd-google-map-address-submit").trigger('click');
|
||
|
});
|
||
|
inputAddress.on('keydown', function (e) {
|
||
|
if (e.keyCode === 13) {
|
||
|
$("#rd-google-map-address-submit").trigger('click');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
|
||
|
$("#rd-google-map-address-submit").on('click', function (e) {
|
||
|
e.preventDefault();
|
||
|
var address = input.val();
|
||
|
geocoder.geocode({'address': address}, function (results, status) {
|
||
|
if (status === google.maps.GeocoderStatus.OK) {
|
||
|
var latitude = results[0].geometry.location.lat();
|
||
|
var longitude = results[0].geometry.location.lng();
|
||
|
|
||
|
map.setCenter(new google.maps.LatLng(
|
||
|
parseFloat(latitude),
|
||
|
parseFloat(longitude)
|
||
|
));
|
||
|
marker.setPosition(new google.maps.LatLng(
|
||
|
parseFloat(latitude),
|
||
|
parseFloat(longitude)
|
||
|
))
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
}, $googleMapItem));
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Radio
|
||
|
* @description Add custom styling options for input[type="radio"]
|
||
|
*/
|
||
|
if (plugins.radio.length) {
|
||
|
for (var i = 0; i < plugins.radio.length; i++) {
|
||
|
$(plugins.radio[i]).addClass("radio-custom").after("<span class='radio-custom-dummy'></span>")
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Checkbox
|
||
|
* @description Add custom styling options for input[type="checkbox"]
|
||
|
*/
|
||
|
if (plugins.checkbox.length) {
|
||
|
for (var i = 0; i < plugins.checkbox.length; i++) {
|
||
|
$(plugins.checkbox[i]).addClass("checkbox-custom").after("<span class='checkbox-custom-dummy'></span>")
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* UI To Top
|
||
|
* @description Enables ToTop Button
|
||
|
*/
|
||
|
if (isDesktop && !isNoviBuilder) {
|
||
|
$().UItoTop({
|
||
|
easingType: 'easeOutQuad',
|
||
|
containerClass: 'ui-to-top fa fa-angle-up'
|
||
|
});
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Owl carousel
|
||
|
* @description Enables Owl carousel plugin
|
||
|
*/
|
||
|
/*if (plugins.owl.length) {
|
||
|
for (var i = 0; i < plugins.owl.length; i++) {
|
||
|
var c = $(plugins.owl[i]);
|
||
|
plugins.owl[i].owl = c;
|
||
|
|
||
|
initOwlCarousel(c);
|
||
|
}
|
||
|
}*/
|
||
|
|
||
|
/**
|
||
|
* lightGallery
|
||
|
* @description Enables lightGallery plugin
|
||
|
*/
|
||
|
function initLightGallery(itemsToInit, addClass) {
|
||
|
if (!isNoviBuilder) {
|
||
|
$(itemsToInit).lightGallery({
|
||
|
thumbnail: $(itemsToInit).attr("data-lg-thumbnail") !== "false",
|
||
|
selector: "[data-lightgallery='item']",
|
||
|
autoplay: $(itemsToInit).attr("data-lg-autoplay") === "true",
|
||
|
pause: parseInt($(itemsToInit).attr("data-lg-autoplay-delay")) || 5000,
|
||
|
addClass: addClass,
|
||
|
mode: $(itemsToInit).attr("data-lg-animation") || "lg-slide",
|
||
|
loop: $(itemsToInit).attr("data-lg-loop") !== "false"
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function initDynamicLightGallery(itemsToInit, addClass) {
|
||
|
if (!isNoviBuilder) {
|
||
|
$(itemsToInit).on("click", function() {
|
||
|
$(itemsToInit).lightGallery({
|
||
|
thumbnail: $(itemsToInit).attr("data-lg-thumbnail") !== "false",
|
||
|
selector: "[data-lightgallery='item']",
|
||
|
autoplay: $(itemsToInit).attr("data-lg-autoplay") === "true",
|
||
|
pause: parseInt($(itemsToInit).attr("data-lg-autoplay-delay")) || 5000,
|
||
|
addClass: addClass,
|
||
|
mode: $(itemsToInit).attr("data-lg-animation") || "lg-slide",
|
||
|
loop: $(itemsToInit).attr("data-lg-loop") !== "false",
|
||
|
dynamic: true,
|
||
|
dynamicEl: JSON.parse($(itemsToInit).attr("data-lg-dynamic-elements")) || []
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function initLightGalleryItem(itemToInit, addClass) {
|
||
|
if (!isNoviBuilder) {
|
||
|
$(itemToInit).lightGallery({
|
||
|
selector: "this",
|
||
|
addClass: addClass,
|
||
|
counter: false,
|
||
|
youtubePlayerParams: {
|
||
|
modestbranding: 1,
|
||
|
showinfo: 0,
|
||
|
rel: 0,
|
||
|
controls: 0
|
||
|
},
|
||
|
vimeoPlayerParams: {
|
||
|
byline: 0,
|
||
|
portrait: 0
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Filter carousel items
|
||
|
var notCarouselItems = [];
|
||
|
for (var z = 0; z < plugins.lightGalleryItem.length; z++) {
|
||
|
if ( !$(plugins.lightGalleryItem[z]).parents('.owl-carousel').length &&
|
||
|
!$(plugins.lightGalleryItem[z]).parents('.swiper-slider').length &&
|
||
|
!$(plugins.lightGalleryItem[z]).parents('.slick-slider').length) {
|
||
|
notCarouselItems.push( plugins.lightGalleryItem[z] );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
plugins.lightGalleryItem = notCarouselItems;
|
||
|
|
||
|
if (plugins.lightGallery.length) {
|
||
|
for (var i = 0; i < plugins.lightGallery.length; i++) {
|
||
|
initLightGallery(plugins.lightGallery[i]);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (plugins.lightGalleryItem.length) {
|
||
|
for (var i = 0; i < plugins.lightGalleryItem.length; i++) {
|
||
|
initLightGalleryItem(plugins.lightGalleryItem[i]);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (plugins.lightDynamicGalleryItem.length) {
|
||
|
for (var i = 0; i < plugins.lightDynamicGalleryItem.length; i++) {
|
||
|
initDynamicLightGallery(plugins.lightDynamicGalleryItem[i]);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Navbar
|
||
|
* @description Enables RD Navbar plugin
|
||
|
*/
|
||
|
if (plugins.rdNavbar.length) {
|
||
|
var aliaces, i, j, len, value, values, responsiveNavbar;
|
||
|
|
||
|
aliaces = ["-", "-sm-", "-md-", "-lg-", "-xl-", "-xxl-"];
|
||
|
values = [0, 576, 768, 992, 1200, 1600];
|
||
|
responsiveNavbar = {};
|
||
|
|
||
|
for (i = j = 0, len = values.length; j < len; i = ++j) {
|
||
|
value = values[i];
|
||
|
if (!responsiveNavbar[values[i]]) {
|
||
|
responsiveNavbar[values[i]] = {};
|
||
|
}
|
||
|
if (plugins.rdNavbar.attr('data' + aliaces[i] + 'layout')) {
|
||
|
responsiveNavbar[values[i]].layout = plugins.rdNavbar.attr('data' + aliaces[i] + 'layout');
|
||
|
}
|
||
|
if (plugins.rdNavbar.attr('data' + aliaces[i] + 'device-layout')) {
|
||
|
responsiveNavbar[values[i]]['deviceLayout'] = plugins.rdNavbar.attr('data' + aliaces[i] + 'device-layout');
|
||
|
}
|
||
|
if (plugins.rdNavbar.attr('data' + aliaces[i] + 'hover-on')) {
|
||
|
responsiveNavbar[values[i]]['focusOnHover'] = plugins.rdNavbar.attr('data' + aliaces[i] + 'hover-on') === 'true';
|
||
|
}
|
||
|
if (plugins.rdNavbar.attr('data' + aliaces[i] + 'auto-height')) {
|
||
|
responsiveNavbar[values[i]]['autoHeight'] = plugins.rdNavbar.attr('data' + aliaces[i] + 'auto-height') === 'true';
|
||
|
}
|
||
|
|
||
|
if (isNoviBuilder) {
|
||
|
responsiveNavbar[values[i]]['stickUp'] = false;
|
||
|
} else if (plugins.rdNavbar.attr('data' + aliaces[i] + 'stick-up')) {
|
||
|
responsiveNavbar[values[i]]['stickUp'] = plugins.rdNavbar.attr('data' + aliaces[i] + 'stick-up') === 'true';
|
||
|
}
|
||
|
|
||
|
if (plugins.rdNavbar.attr('data' + aliaces[i] + 'stick-up-offset')) {
|
||
|
responsiveNavbar[values[i]]['stickUpOffset'] = plugins.rdNavbar.attr('data' + aliaces[i] + 'stick-up-offset');
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
plugins.rdNavbar.RDNavbar({
|
||
|
anchorNav: !isNoviBuilder,
|
||
|
stickUpClone: (plugins.rdNavbar.attr("data-stick-up-clone") && !isNoviBuilder) ? plugins.rdNavbar.attr("data-stick-up-clone") === 'true' : false,
|
||
|
responsive: responsiveNavbar,
|
||
|
callbacks: {
|
||
|
onStuck: function () {
|
||
|
var navbarSearch = this.$element.find('.rd-search input');
|
||
|
|
||
|
if (navbarSearch) {
|
||
|
navbarSearch.val('').trigger('propertychange');
|
||
|
}
|
||
|
},
|
||
|
onDropdownOver: function () {
|
||
|
return !isNoviBuilder;
|
||
|
},
|
||
|
onUnstuck: function () {
|
||
|
if (this.$clone === null)
|
||
|
return;
|
||
|
|
||
|
var navbarSearch = this.$clone.find('.rd-search input');
|
||
|
|
||
|
if (navbarSearch) {
|
||
|
navbarSearch.val('').trigger('propertychange');
|
||
|
navbarSearch.trigger('blur');
|
||
|
}
|
||
|
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
|
||
|
if (plugins.rdNavbar.attr("data-body-class")) {
|
||
|
document.body.className += ' ' + plugins.rdNavbar.attr("data-body-class");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Search
|
||
|
* @description Enables search
|
||
|
*/
|
||
|
if (plugins.search.length || plugins.searchResults) {
|
||
|
var handler = "bat/rd-search.php";
|
||
|
var defaultTemplate = '<h6 class="search-title"><a target="_top" href="#{href}" class="search-link">#{title}</a></h6>' +
|
||
|
'<p>...#{token}...</p>' +
|
||
|
'<p class="match"><em>Terms matched: #{count} - URL: #{href}</em></p>';
|
||
|
var defaultFilter = '*.html';
|
||
|
|
||
|
if (plugins.search.length) {
|
||
|
for (var i = 0; i < plugins.search.length; i++) {
|
||
|
var searchItem = $(plugins.search[i]),
|
||
|
options = {
|
||
|
element: searchItem,
|
||
|
filter: (searchItem.attr('data-search-filter')) ? searchItem.attr('data-search-filter') : defaultFilter,
|
||
|
template: (searchItem.attr('data-search-template')) ? searchItem.attr('data-search-template') : defaultTemplate,
|
||
|
live: (searchItem.attr('data-search-live')) ? searchItem.attr('data-search-live') : false,
|
||
|
liveCount: (searchItem.attr('data-search-live-count')) ? parseInt(searchItem.attr('data-search-live'), 10) : 4,
|
||
|
current: 0, processed: 0, timer: {}
|
||
|
};
|
||
|
|
||
|
var $toggle = $('.rd-navbar-search-toggle');
|
||
|
if ($toggle.length) {
|
||
|
$toggle.on('click', (function (searchItem) {
|
||
|
return function () {
|
||
|
if (!($(this).hasClass('active'))) {
|
||
|
searchItem.find('input').val('').trigger('propertychange');
|
||
|
}
|
||
|
}
|
||
|
})(searchItem));
|
||
|
}
|
||
|
|
||
|
if (options.live) {
|
||
|
var clearHandler = false;
|
||
|
|
||
|
searchItem.find('input').on("input propertychange", $.proxy(function () {
|
||
|
this.term = this.element.find('input').val().trim();
|
||
|
this.spin = this.element.find('.input-group-addon');
|
||
|
|
||
|
clearTimeout(this.timer);
|
||
|
|
||
|
if (this.term.length > 2) {
|
||
|
this.timer = setTimeout(liveSearch(this), 200);
|
||
|
|
||
|
if (clearHandler === false) {
|
||
|
clearHandler = true;
|
||
|
|
||
|
$body.on("click", function (e) {
|
||
|
if ($(e.toElement).parents('.rd-search').length === 0) {
|
||
|
$('#rd-search-results-live').addClass('cleared').html('');
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
} else if (this.term.length === 0) {
|
||
|
$('#' + this.live).addClass('cleared').html('');
|
||
|
}
|
||
|
}, options, this));
|
||
|
}
|
||
|
|
||
|
searchItem.submit($.proxy(function () {
|
||
|
$('<input />').attr('type', 'hidden')
|
||
|
.attr('name', "filter")
|
||
|
.attr('value', this.filter)
|
||
|
.appendTo(this.element);
|
||
|
return true;
|
||
|
}, options, this))
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (plugins.searchResults.length) {
|
||
|
var regExp = /\?.*s=([^&]+)\&filter=([^&]+)/g;
|
||
|
var match = regExp.exec(location.search);
|
||
|
|
||
|
if (match !== null) {
|
||
|
$.get(handler, {
|
||
|
s: decodeURI(match[1]),
|
||
|
dataType: "html",
|
||
|
filter: match[2],
|
||
|
template: defaultTemplate,
|
||
|
live: ''
|
||
|
}, function (data) {
|
||
|
plugins.searchResults.html(data);
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* ViewPort Universal
|
||
|
* @description Add class in viewport
|
||
|
*/
|
||
|
if (plugins.viewAnimate.length) {
|
||
|
for (var i = 0; i < plugins.viewAnimate.length; i++) {
|
||
|
var $view = $(plugins.viewAnimate[i]).not('.active');
|
||
|
$document.on("scroll", $.proxy(function () {
|
||
|
if (isScrolledIntoView(this)) {
|
||
|
this.addClass("active");
|
||
|
}
|
||
|
}, $view))
|
||
|
.trigger("scroll");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Swiper
|
||
|
* @description Enable Swiper Slider
|
||
|
*/
|
||
|
|
||
|
/*
|
||
|
|
||
|
if (plugins.swiper.length) {
|
||
|
for (var i = 0; i < plugins.swiper.length; i++) {
|
||
|
var s = $(plugins.swiper[i]);
|
||
|
var pag = s.find(".swiper-pagination"),
|
||
|
next = s.find(".swiper-button-next"),
|
||
|
prev = s.find(".swiper-button-prev"),
|
||
|
bar = s.find(".swiper-scrollbar"),
|
||
|
swiperSlide = s.find(".swiper-slide"),
|
||
|
autoplay = false;
|
||
|
|
||
|
for (var j = 0; j < swiperSlide.length; j++) {
|
||
|
var $this = $(swiperSlide[j]),
|
||
|
url;
|
||
|
|
||
|
if (url = $this.attr("data-slide-bg")) {
|
||
|
$this.css({
|
||
|
"background-image": "url(" + url + ")",
|
||
|
"background-size": "cover"
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
|
||
|
swiperSlide.end()
|
||
|
.find("[data-caption-animate]")
|
||
|
.addClass("not-animated")
|
||
|
.end();
|
||
|
|
||
|
s.swiper({
|
||
|
autoplay: s.attr('data-autoplay') ? s.attr('data-autoplay') === "false" || s.attr('data-autoplay-hover') === "true" ? undefined : s.attr('data-autoplay') : 5000,
|
||
|
direction: s.attr('data-direction') ? s.attr('data-direction') : "horizontal",
|
||
|
effect: s.attr('data-slide-effect') ? s.attr('data-slide-effect') : "slide",
|
||
|
speed: s.attr('data-slide-speed') ? s.attr('data-slide-speed') : 600,
|
||
|
keyboardControl: s.attr('data-keyboard') === "true",
|
||
|
mousewheelControl: s.attr('data-mousewheel') === "true",
|
||
|
mousewheelReleaseOnEdges: s.attr('data-mousewheel-releaase') === "true",
|
||
|
lazyLoading: s.attr('data-lazy-loading') === "true",
|
||
|
nextButton: next.length ? next.get(0) : null,
|
||
|
prevButton: prev.length ? prev.get(0) : null,
|
||
|
pagination: pag.length ? pag.get(0) : null,
|
||
|
paginationClickable: pag.length ? pag.attr("data-clickable") !== "false" : false,
|
||
|
paginationBulletRender: pag.length ? pag.attr("data-index-bullet") === "true" ? function (swiper, index, className) {
|
||
|
return '<span class="' + className + '"><span>' + ((index + 1) < 10 ? ('0' + (index + 1) ): (index + 1)) + '</span></span>';
|
||
|
} : null : null,
|
||
|
scrollbar: bar.length ? bar.get(0) : null,
|
||
|
scrollbarDraggable: bar.length ? bar.attr("data-draggable") !== "false" : true,
|
||
|
scrollbarHide: bar.length ? bar.attr("data-draggable") === "false" : false,
|
||
|
loop: isNoviBuilder ? false : s.attr('data-loop') !== "false",
|
||
|
simulateTouch: s.attr('data-simulate-touch') && !isNoviBuilder ? s.attr('data-simulate-touch') === "true" : false,
|
||
|
onTransitionStart: function (swiper) {
|
||
|
toggleSwiperInnerVideos(swiper);
|
||
|
},
|
||
|
onTransitionEnd: function (swiper) {
|
||
|
toggleSwiperCaptionAnimation(swiper);
|
||
|
},
|
||
|
onInit: function (swiper) {
|
||
|
toggleSwiperInnerVideos(swiper);
|
||
|
toggleSwiperCaptionAnimation(swiper);
|
||
|
|
||
|
if (swiper.container.data('autoplay-hover') === true) {
|
||
|
var hoverEvent;
|
||
|
|
||
|
swiper.container.mouseenter(function (e) {
|
||
|
hoverEvent = setInterval(function () {
|
||
|
swiper.slideNext();
|
||
|
}, $(swiper.container).data('autoplay'));
|
||
|
});
|
||
|
|
||
|
swiper.container.mouseleave(function (e) {
|
||
|
clearInterval(hoverEvent);
|
||
|
});
|
||
|
}
|
||
|
|
||
|
initLightGalleryItem(s.find('[data-lightgallery="item"]'), 'lightGallery-in-carousel');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
}};
|
||
|
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* Isotope
|
||
|
* @description Enables Isotope plugin
|
||
|
*/
|
||
|
if (plugins.isotope.length) {
|
||
|
var isogroup = [];
|
||
|
for (var i = 0; i < plugins.isotope.length; i++) {
|
||
|
var isotopeItem = plugins.isotope[i],
|
||
|
isotopeInitAttrs = {
|
||
|
itemSelector: '.isotope-item',
|
||
|
layoutMode: isotopeItem.getAttribute('data-isotope-layout') ? isotopeItem.getAttribute('data-isotope-layout') : 'masonry',
|
||
|
filter: '*'
|
||
|
};
|
||
|
|
||
|
if (isotopeItem.getAttribute('data-column-width')) {
|
||
|
isotopeInitAttrs.masonry = {
|
||
|
columnWidth: parseFloat(isotopeItem.getAttribute('data-column-width'))
|
||
|
};
|
||
|
} else if (isotopeItem.getAttribute('data-column-class')) {
|
||
|
isotopeInitAttrs.masonry = {
|
||
|
columnWidth: isotopeItem.getAttribute('data-column-class')
|
||
|
};
|
||
|
}
|
||
|
|
||
|
var iso = new Isotope(isotopeItem, isotopeInitAttrs);
|
||
|
isogroup.push(iso);
|
||
|
}
|
||
|
|
||
|
|
||
|
setTimeout(function () {
|
||
|
var i;
|
||
|
for (i = 0; i < isogroup.length; i++) {
|
||
|
isogroup[i].element.className += " isotope--loaded";
|
||
|
isogroup[i].layout();
|
||
|
}
|
||
|
}, 600);
|
||
|
|
||
|
var resizeTimout;
|
||
|
|
||
|
$("[data-isotope-filter]").on("click", function (e) {
|
||
|
e.preventDefault();
|
||
|
var filter = $(this);
|
||
|
clearTimeout(resizeTimout);
|
||
|
filter.parents(".isotope-filters").find('.active').removeClass("active");
|
||
|
filter.addClass("active");
|
||
|
var iso = $('.isotope[data-isotope-group="' + this.getAttribute("data-isotope-group") + '"]'),
|
||
|
isotopeAttrs = {
|
||
|
itemSelector: '.isotope-item',
|
||
|
layoutMode: iso.attr('data-isotope-layout') ? iso.attr('data-isotope-layout') : 'masonry',
|
||
|
filter: this.getAttribute("data-isotope-filter") === '*' ? '*' : '[data-filter*="' + this.getAttribute("data-isotope-filter") + '"]'
|
||
|
};
|
||
|
if (iso.attr('data-column-width')) {
|
||
|
isotopeAttrs.masonry = {
|
||
|
columnWidth: parseFloat(iso.attr('data-column-width'))
|
||
|
};
|
||
|
} else if (iso.attr('data-column-class')) {
|
||
|
isotopeAttrs.masonry = {
|
||
|
columnWidth: iso.attr('data-column-class')
|
||
|
};
|
||
|
}
|
||
|
iso.isotope(isotopeAttrs);
|
||
|
}).eq(0).trigger("click")
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* WOW
|
||
|
* @description Enables Wow animation plugin
|
||
|
*/
|
||
|
if ($html.hasClass("wow-animation") && plugins.wow.length && !isNoviBuilder && isDesktop) {
|
||
|
new WOW().init();
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Input Label
|
||
|
* @description Enables RD Input Label Plugin
|
||
|
*/
|
||
|
if (plugins.rdInputLabel.length) {
|
||
|
plugins.rdInputLabel.RDInputLabel();
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Regula
|
||
|
* @description Enables Regula plugin
|
||
|
*/
|
||
|
if (plugins.regula.length) {
|
||
|
attachFormValidator(plugins.regula);
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* MailChimp Ajax subscription
|
||
|
*/
|
||
|
|
||
|
if (plugins.mailchimp.length) {
|
||
|
for (i = 0; i < plugins.mailchimp.length; i++) {
|
||
|
var $mailchimpItem = $(plugins.mailchimp[i]),
|
||
|
$email = $mailchimpItem.find('input[type="email"]');
|
||
|
|
||
|
// Required by MailChimp
|
||
|
$mailchimpItem.attr('novalidate', 'true');
|
||
|
$email.attr('name', 'EMAIL');
|
||
|
|
||
|
$mailchimpItem.on('submit', $.proxy(function (e) {
|
||
|
e.preventDefault();
|
||
|
|
||
|
var $this = this;
|
||
|
|
||
|
var data = {},
|
||
|
url = $this.attr('action').replace('/post?', '/post-json?').concat('&c=?'),
|
||
|
dataArray = $this.serializeArray(),
|
||
|
$output = $("#" + $this.attr("data-form-output"));
|
||
|
|
||
|
for (i = 0; i < dataArray.length; i++) {
|
||
|
data[dataArray[i].name] = dataArray[i].value;
|
||
|
}
|
||
|
|
||
|
$.ajax({
|
||
|
data: data,
|
||
|
url: url,
|
||
|
dataType: 'jsonp',
|
||
|
error: function (resp, text) {
|
||
|
$output.html('Server error: ' + text);
|
||
|
|
||
|
setTimeout(function () {
|
||
|
$output.removeClass("active");
|
||
|
}, 4000);
|
||
|
},
|
||
|
success: function (resp) {
|
||
|
$output.html(resp.msg).addClass('active');
|
||
|
|
||
|
setTimeout(function () {
|
||
|
$output.removeClass("active");
|
||
|
}, 6000);
|
||
|
},
|
||
|
beforeSend: function (data) {
|
||
|
// Stop request if builder or inputs are invalide
|
||
|
if (isNoviBuilder || !isValidated($this.find('[data-constraints]')))
|
||
|
return false;
|
||
|
|
||
|
$output.html('Submitting...').addClass('active');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
return false;
|
||
|
}, $mailchimpItem));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Campaign Monitor ajax subscription
|
||
|
*/
|
||
|
if (plugins.campaignMonitor.length) {
|
||
|
for (i = 0; i < plugins.campaignMonitor.length; i++) {
|
||
|
var $campaignItem = $(plugins.campaignMonitor[i]);
|
||
|
|
||
|
$campaignItem.on('submit', $.proxy(function (e) {
|
||
|
var data = {},
|
||
|
url = this.attr('action'),
|
||
|
dataArray = this.serializeArray(),
|
||
|
$output = $("#" + plugins.campaignMonitor.attr("data-form-output")),
|
||
|
$this = $(this);
|
||
|
|
||
|
for (i = 0; i < dataArray.length; i++) {
|
||
|
data[dataArray[i].name] = dataArray[i].value;
|
||
|
}
|
||
|
|
||
|
$.ajax({
|
||
|
data: data,
|
||
|
url: url,
|
||
|
dataType: 'jsonp',
|
||
|
error: function (resp, text) {
|
||
|
$output.html('Server error: ' + text);
|
||
|
|
||
|
setTimeout(function () {
|
||
|
$output.removeClass("active");
|
||
|
}, 4000);
|
||
|
},
|
||
|
success: function (resp) {
|
||
|
$output.html(resp.Message).addClass('active');
|
||
|
|
||
|
setTimeout(function () {
|
||
|
$output.removeClass("active");
|
||
|
}, 6000);
|
||
|
},
|
||
|
beforeSend: function (data) {
|
||
|
// Stop request if builder or inputs are invalide
|
||
|
if (isNoviBuilder || !isValidated($this.find('[data-constraints]')))
|
||
|
return false;
|
||
|
|
||
|
$output.html('Submitting...').addClass('active');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
return false;
|
||
|
}, $campaignItem));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Mailform
|
||
|
* @version 3.2.0
|
||
|
*/
|
||
|
if (plugins.rdMailForm.length) {
|
||
|
var i, j, k,
|
||
|
msg = {
|
||
|
'MF000': 'Successfully sent!',
|
||
|
'MF001': 'Recipients are not set!',
|
||
|
'MF002': 'Form will not work locally!',
|
||
|
'MF003': 'Please, define email field in your form!',
|
||
|
'MF004': 'Please, define type of your form!',
|
||
|
'MF254': 'Something went wrong with PHPMailer!',
|
||
|
'MF255': 'Aw, snap! Something went wrong.'
|
||
|
};
|
||
|
|
||
|
for (i = 0; i < plugins.rdMailForm.length; i++) {
|
||
|
var $form = $(plugins.rdMailForm[i]),
|
||
|
formHasCaptcha = false;
|
||
|
|
||
|
$form.attr('novalidate', 'novalidate').ajaxForm({
|
||
|
data: {
|
||
|
"form-type": $form.attr("data-form-type") || "contact",
|
||
|
"counter": i
|
||
|
},
|
||
|
beforeSubmit: function (arr, $form, options) {
|
||
|
if (isNoviBuilder)
|
||
|
return;
|
||
|
|
||
|
var form = $(plugins.rdMailForm[this.extraData.counter]),
|
||
|
inputs = form.find("[data-constraints]"),
|
||
|
output = $("#" + form.attr("data-form-output")),
|
||
|
captcha = form.find('.recaptcha'),
|
||
|
captchaFlag = true;
|
||
|
|
||
|
output.removeClass("active error success");
|
||
|
|
||
|
if (isValidated(inputs, captcha)) {
|
||
|
|
||
|
// veify reCaptcha
|
||
|
if (captcha.length) {
|
||
|
var captchaToken = captcha.find('.g-recaptcha-response').val(),
|
||
|
captchaMsg = {
|
||
|
'CPT001': 'Please, setup you "site key" and "secret key" of reCaptcha',
|
||
|
'CPT002': 'Something wrong with google reCaptcha'
|
||
|
};
|
||
|
|
||
|
formHasCaptcha = true;
|
||
|
|
||
|
$.ajax({
|
||
|
method: "POST",
|
||
|
url: "bat/reCaptcha.php",
|
||
|
data: {'g-recaptcha-response': captchaToken},
|
||
|
async: false
|
||
|
})
|
||
|
.done(function (responceCode) {
|
||
|
if (responceCode !== 'CPT000') {
|
||
|
if (output.hasClass("snackbars")) {
|
||
|
output.html('<p><span class="icon text-middle mdi mdi-check icon-xxs"></span><span>' + captchaMsg[responceCode] + '</span></p>')
|
||
|
|
||
|
setTimeout(function () {
|
||
|
output.removeClass("active");
|
||
|
}, 3500);
|
||
|
|
||
|
captchaFlag = false;
|
||
|
} else {
|
||
|
output.html(captchaMsg[responceCode]);
|
||
|
}
|
||
|
|
||
|
output.addClass("active");
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
if (!captchaFlag) {
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
form.addClass('form-in-process');
|
||
|
|
||
|
if (output.hasClass("snackbars")) {
|
||
|
output.html('<p><span class="icon text-middle fa fa-circle-o-notch fa-spin icon-xxs"></span><span>Sending</span></p>');
|
||
|
output.addClass("active");
|
||
|
}
|
||
|
} else {
|
||
|
return false;
|
||
|
}
|
||
|
},
|
||
|
error: function (result) {
|
||
|
if (isNoviBuilder)
|
||
|
return;
|
||
|
|
||
|
var output = $("#" + $(plugins.rdMailForm[this.extraData.counter]).attr("data-form-output")),
|
||
|
form = $(plugins.rdMailForm[this.extraData.counter]);
|
||
|
|
||
|
output.text(msg[result]);
|
||
|
form.removeClass('form-in-process');
|
||
|
|
||
|
if (formHasCaptcha) {
|
||
|
grecaptcha.reset();
|
||
|
}
|
||
|
},
|
||
|
success: function (result) {
|
||
|
if (isNoviBuilder)
|
||
|
return;
|
||
|
|
||
|
var form = $(plugins.rdMailForm[this.extraData.counter]),
|
||
|
output = $("#" + form.attr("data-form-output")),
|
||
|
select = form.find('select');
|
||
|
|
||
|
form
|
||
|
.addClass('success')
|
||
|
.removeClass('form-in-process');
|
||
|
|
||
|
if (formHasCaptcha) {
|
||
|
grecaptcha.reset();
|
||
|
}
|
||
|
|
||
|
result = result.length === 5 ? result : 'MF255';
|
||
|
output.text(msg[result]);
|
||
|
|
||
|
if (result === "MF000") {
|
||
|
if (output.hasClass("snackbars")) {
|
||
|
output.html('<p><span class="icon text-middle mdi mdi-check icon-xxs"></span><span>' + msg[result] + '</span></p>');
|
||
|
} else {
|
||
|
output.addClass("active success");
|
||
|
}
|
||
|
} else {
|
||
|
if (output.hasClass("snackbars")) {
|
||
|
output.html(' <p class="snackbars-left"><span class="icon icon-xxs mdi mdi-alert-outline text-middle"></span><span>' + msg[result] + '</span></p>');
|
||
|
} else {
|
||
|
output.addClass("active error");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
form.clearForm();
|
||
|
|
||
|
if (select.length) {
|
||
|
select.select2("val", "");
|
||
|
}
|
||
|
|
||
|
form.find('input, textarea').trigger('blur');
|
||
|
|
||
|
setTimeout(function () {
|
||
|
output.removeClass("active error success");
|
||
|
form.removeClass('success');
|
||
|
}, 3500);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Stepper
|
||
|
* @description Enables Stepper Plugin
|
||
|
*/
|
||
|
if (plugins.stepper.length) {
|
||
|
plugins.stepper.stepper({
|
||
|
labels: {
|
||
|
up: "",
|
||
|
down: ""
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Custom Toggles
|
||
|
*/
|
||
|
if (plugins.customToggle.length) {
|
||
|
for (var i = 0; i < plugins.customToggle.length; i++) {
|
||
|
var $this = $(plugins.customToggle[i]);
|
||
|
|
||
|
$this.on('click', $.proxy(function (event) {
|
||
|
event.preventDefault();
|
||
|
|
||
|
var $ctx = $(this);
|
||
|
$($ctx.attr('data-custom-toggle')).add(this).toggleClass('active');
|
||
|
}, $this));
|
||
|
|
||
|
if ($this.attr("data-custom-toggle-hide-on-blur") === "true") {
|
||
|
$body.on("click", $this, function (e) {
|
||
|
if (e.target !== e.data[0]
|
||
|
&& $(e.data.attr('data-custom-toggle')).find($(e.target)).length
|
||
|
&& e.data.find($(e.target)).length === 0) {
|
||
|
$(e.data.attr('data-custom-toggle')).add(e.data[0]).removeClass('active');
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
if ($this.attr("data-custom-toggle-disable-on-blur") === "true") {
|
||
|
$body.on("click", $this, function (e) {
|
||
|
if (e.target !== e.data[0]
|
||
|
&& $(e.data.attr('data-custom-toggle')).find($(e.target)).length === 0
|
||
|
&& e.data.find($(e.target)).length === 0) {
|
||
|
$(e.data.attr('data-custom-toggle')).add(e.data[0]).removeClass('active');
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* jQuery Count To
|
||
|
* @description Enables Count To plugin
|
||
|
*/
|
||
|
if (plugins.counter.length) {
|
||
|
for (var i = 0; i < plugins.counter.length; i++) {
|
||
|
var $counterNotAnimated = $(plugins.counter[i]).not('.animated');
|
||
|
$document.on("scroll", $.proxy(function () {
|
||
|
var $this = this;
|
||
|
|
||
|
if ((!$this.hasClass("animated")) && (isScrolledIntoView($this))) {
|
||
|
$this.countTo({
|
||
|
refreshInterval: 40,
|
||
|
from: 0,
|
||
|
to: parseInt($this.text(), 10),
|
||
|
speed: $this.attr("data-speed") || 1000
|
||
|
});
|
||
|
$this.addClass('animated');
|
||
|
}
|
||
|
}, $counterNotAnimated))
|
||
|
.trigger("scroll");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* TimeCircles
|
||
|
* @description Enable TimeCircles plugin
|
||
|
*/
|
||
|
if (plugins.dateCountdown.length) {
|
||
|
for (var i = 0; i < plugins.dateCountdown.length; i++) {
|
||
|
var dateCountdownItem = $(plugins.dateCountdown[i]),
|
||
|
time = {
|
||
|
"Days": {
|
||
|
"text": "Days",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Hours": {
|
||
|
"text": "Hours",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Minutes": {
|
||
|
"text": "Minutes",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Seconds": {
|
||
|
"text": "Seconds",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
}
|
||
|
};
|
||
|
|
||
|
dateCountdownItem.TimeCircles({
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "rgba(247, 247, 247, 1)",
|
||
|
animation: "smooth",
|
||
|
bg_width: dateCountdownItem.attr("data-bg-width") ? dateCountdownItem.attr("data-bg-width") : 0.6,
|
||
|
circle_bg_color: dateCountdownItem.attr("data-bg") ? dateCountdownItem.attr("data-bg") : "rgba(0, 0, 0, 1)",
|
||
|
fg_width: dateCountdownItem.attr("data-width") ? dateCountdownItem.attr("data-width") : 0.03
|
||
|
});
|
||
|
|
||
|
(function (dateCountdownItem, time) {
|
||
|
$window.on('load resize orientationchange', function () {
|
||
|
if (window.innerWidth < 479) {
|
||
|
dateCountdownItem.TimeCircles({
|
||
|
time: {
|
||
|
"Days": {
|
||
|
"text": "Days",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Hours": {
|
||
|
"text": "Hours",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Minutes": {
|
||
|
"text": "Minutes",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
Seconds: {
|
||
|
"text": "Seconds",
|
||
|
show: false,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
}
|
||
|
}
|
||
|
}).rebuild();
|
||
|
} else if (window.innerWidth < 767) {
|
||
|
dateCountdownItem.TimeCircles({
|
||
|
time: {
|
||
|
"Days": {
|
||
|
"text": "Days",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Hours": {
|
||
|
"text": "Hours",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
"Minutes": {
|
||
|
"text": "Minutes",
|
||
|
"show": true,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
},
|
||
|
Seconds: {
|
||
|
text: '',
|
||
|
show: false,
|
||
|
color: dateCountdownItem.attr("data-color") ? dateCountdownItem.attr("data-color") : "#f9f9f9"
|
||
|
}
|
||
|
}
|
||
|
}).rebuild();
|
||
|
} else {
|
||
|
dateCountdownItem.TimeCircles({time: time}).rebuild();
|
||
|
}
|
||
|
});
|
||
|
})(dateCountdownItem, time);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Circle Progress bar
|
||
|
* @description Enable progress bar
|
||
|
*/
|
||
|
if (plugins.progressBar.length) {
|
||
|
var i,
|
||
|
bar,
|
||
|
type;
|
||
|
|
||
|
for (i = 0; i < plugins.progressBar.length; i++) {
|
||
|
var progressItem = plugins.progressBar[i];
|
||
|
bar = null;
|
||
|
|
||
|
if (progressItem.className.indexOf("progress-bar-horizontal") > -1) {
|
||
|
type = 'Line';
|
||
|
}
|
||
|
|
||
|
if (progressItem.className.indexOf("progress-bar-radial") > -1) {
|
||
|
type = 'Circle';
|
||
|
}
|
||
|
|
||
|
if (progressItem.getAttribute("data-stroke") && progressItem.getAttribute("data-value") && type) {
|
||
|
bar = new ProgressBar[type](progressItem, {
|
||
|
strokeWidth: Math.round(parseFloat(progressItem.getAttribute("data-stroke")) / progressItem.offsetWidth * 100),
|
||
|
trailWidth: progressItem.getAttribute("data-trail") ? Math.round(parseFloat(progressItem.getAttribute("data-trail")) / progressItem.offsetWidth * 100) : 0,
|
||
|
text: {
|
||
|
value: progressItem.getAttribute("data-counter") === "true" ? '0' : null,
|
||
|
className: 'progress-bar__body',
|
||
|
style: null
|
||
|
}
|
||
|
});
|
||
|
bar.svg.setAttribute('preserveAspectRatio', "none meet");
|
||
|
if (type === 'Line') {
|
||
|
bar.svg.setAttributeNS(null, "height", progressItem.getAttribute("data-stroke"));
|
||
|
}
|
||
|
|
||
|
bar.path.removeAttribute("stroke");
|
||
|
bar.path.className.baseVal = "progress-bar__stroke";
|
||
|
if (bar.trail) {
|
||
|
bar.trail.removeAttribute("stroke");
|
||
|
bar.trail.className.baseVal = "progress-bar__trail";
|
||
|
}
|
||
|
|
||
|
if (progressItem.getAttribute("data-easing") && !isIE) {
|
||
|
$document
|
||
|
.on("scroll", {"barItem": bar}, $.proxy(function (event) {
|
||
|
var bar = event.data.barItem;
|
||
|
var $this = $(this);
|
||
|
|
||
|
if (isScrolledIntoView($this) && this.className.indexOf("progress-bar--animated") === -1) {
|
||
|
this.className += " progress-bar--animated";
|
||
|
bar.animate(parseInt($this.attr("data-value"), 10) / 100.0, {
|
||
|
easing: $this.attr("data-easing"),
|
||
|
duration: $this.attr("data-duration") ? parseInt($this.attr("data-duration", 10), 10) : 800,
|
||
|
step: function (state, b) {
|
||
|
if (b._container.className.indexOf("progress-bar-horizontal") > -1 ||
|
||
|
b._container.className.indexOf("progress-bar-vertical") > -1) {
|
||
|
b.text.style.width = Math.abs(b.value() * 100).toFixed(0) + "%"
|
||
|
}
|
||
|
b.setText(Math.abs(b.value() * 100).toFixed(0));
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}, progressItem))
|
||
|
.trigger("scroll");
|
||
|
} else {
|
||
|
bar.set(parseInt($(progressItem).attr("data-value"), 10) / 100.0);
|
||
|
bar.setText($(progressItem).attr("data-value"));
|
||
|
if (type === 'Line') {
|
||
|
bar.text.style.width = parseInt($(progressItem).attr("data-value"), 10) + "%";
|
||
|
}
|
||
|
}
|
||
|
} else {
|
||
|
console.error(progressItem.className + ": progress bar type is not defined");
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Linear Progress bar
|
||
|
* @description Enable progress bar
|
||
|
*/
|
||
|
if (plugins.progressLinear.length) {
|
||
|
for (i = 0; i < plugins.progressLinear.length; i++) {
|
||
|
var progressBar = $(plugins.progressLinear[i]);
|
||
|
$window.on("scroll load", $.proxy(function () {
|
||
|
var bar = $(this);
|
||
|
if (!bar.hasClass('animated-first') && isScrolledIntoView(bar)) {
|
||
|
var end = parseInt($(this).find('.progress-value').text(), 10);
|
||
|
bar.find('.progress-bar-linear').css({width: end + '%'});
|
||
|
bar.find('.progress-value').countTo({
|
||
|
refreshInterval: 40,
|
||
|
from: 0,
|
||
|
to: end,
|
||
|
speed: 500
|
||
|
});
|
||
|
bar.addClass('animated-first');
|
||
|
}
|
||
|
}, progressBar));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* Material Parallax
|
||
|
* @description Enables Material Parallax plugin
|
||
|
*/
|
||
|
if (plugins.materialParallax.length) {
|
||
|
var i;
|
||
|
|
||
|
if (!isNoviBuilder && !isIE && !isMobile) {
|
||
|
plugins.materialParallax.parallax();
|
||
|
} else {
|
||
|
for (i = 0; i < plugins.materialParallax.length; i++) {
|
||
|
var parallax = $(plugins.materialParallax[i]),
|
||
|
imgPath = parallax.data("parallax-img");
|
||
|
|
||
|
parallax.css({
|
||
|
"background-image": 'url(' + imgPath + ')',
|
||
|
"background-attachment": "fixed",
|
||
|
"background-size": "cover"
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Range
|
||
|
* @description Enables RD Range plugin
|
||
|
*/
|
||
|
if (plugins.rdRange.length && !isNoviBuilder) {
|
||
|
plugins.rdRange.RDRange({});
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* RD Instafeed JS
|
||
|
* @description Enables Instafeed JS
|
||
|
*/
|
||
|
if (plugins.instafeed.length > 0) {
|
||
|
/*var i;
|
||
|
for (i = 0; i < plugins.instafeed.length; i++) {
|
||
|
var instafeedItem = $(plugins.instafeed[i]);
|
||
|
instafeedItem.RDInstafeed({
|
||
|
accessToken: '5526956400.ba4c844.c832b2a554764bc8a1c66c39e99687d7',
|
||
|
clientId: ' c832b2a554764bc8a1c66c39e99687d7',
|
||
|
userId: '5526956400'
|
||
|
});
|
||
|
}*/
|
||
|
}
|
||
|
|
||
|
if (plugins.inlineToggle.length) {
|
||
|
for (var i = 0; i < plugins.inlineToggle.length; i++) {
|
||
|
var $element = $(plugins.inlineToggle[i]);
|
||
|
|
||
|
$element.on('click', (function ($element) {
|
||
|
return function (event) {
|
||
|
event.preventDefault();
|
||
|
$element.parents(".inline-toggle-parent").toggleClass("active");
|
||
|
}
|
||
|
})($element));
|
||
|
|
||
|
$body.on('click', $element, (function ($element) {
|
||
|
return function (event) {
|
||
|
if (event.target !== event.data[0]
|
||
|
&& !$(event.target).hasClass("inline-toggle-parent")
|
||
|
&& event.data.find($(event.target)).length === 0) {
|
||
|
|
||
|
$element.parents(".inline-toggle-parent").removeClass("active");
|
||
|
}
|
||
|
}
|
||
|
})($element));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Focus toggle
|
||
|
*/
|
||
|
if (plugins.focusToggle.length) {
|
||
|
for (var i = 0; i < plugins.focusToggle.length; i++) {
|
||
|
var $element = $(plugins.focusToggle[i]);
|
||
|
|
||
|
$element.hover(
|
||
|
function (event) {
|
||
|
event.preventDefault();
|
||
|
$(this).parents('.focus-toggle-parent').addClass('focus');
|
||
|
}
|
||
|
);
|
||
|
|
||
|
$element.parents('.focus-toggle-parent').hover(
|
||
|
function () {
|
||
|
},
|
||
|
function () {
|
||
|
$(this).removeClass('focus');
|
||
|
}
|
||
|
)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/**
|
||
|
* jQuery Countdown
|
||
|
* @description Enable countdown plugin
|
||
|
*/
|
||
|
if (plugins.countDown.length) {
|
||
|
for (var i = 0; i < plugins.countDown.length; i++) {
|
||
|
var $countDownItem = $(plugins.countDown[i]),
|
||
|
d = new Date(),
|
||
|
type = $countDownItem.attr('data-type'),
|
||
|
time = $countDownItem.attr('data-time'),
|
||
|
format = $countDownItem.attr('data-format'),
|
||
|
settings = [];
|
||
|
|
||
|
// Classic style
|
||
|
if ($countDownItem.attr('data-style') === 'short') {
|
||
|
settings['labels'] = ['Yeas', 'Mons', 'Weks', 'Days', 'Hors', 'Mins', 'Secs'];
|
||
|
}
|
||
|
|
||
|
d.setTime(Date.parse(time)).toLocaleString();
|
||
|
settings[type] = d;
|
||
|
settings['format'] = format;
|
||
|
$countDownItem.countdown(settings);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* doughnutChart
|
||
|
* @description Enable doughnutChart plugin
|
||
|
*/
|
||
|
if (plugins.doughnutChart.length) {
|
||
|
for (var i = 0; i < plugins.doughnutChart.length; i++) {
|
||
|
var $element = $(plugins.doughnutChart[i]),
|
||
|
$chartDataList = $element.find('.doughnut-chart-list').first();
|
||
|
|
||
|
if ($chartDataList) {
|
||
|
var ratioValues = [],
|
||
|
chartDataListItems = $chartDataList.find('> li');
|
||
|
|
||
|
for (var k = 0; k < chartDataListItems.length; k++) {
|
||
|
var value = Math.abs(chartDataListItems[k].getAttribute('data-value') * 1);
|
||
|
ratioValues.push({});
|
||
|
ratioValues[k].title = chartDataListItems[k].innerHTML;
|
||
|
ratioValues[k].value = value ? value : 10;
|
||
|
}
|
||
|
|
||
|
$element.drawDoughnutChart(
|
||
|
ratioValues, {
|
||
|
segmentShowStroke: false,
|
||
|
segmentStrokeWidth: 0,
|
||
|
baseColor: '#f5f5f5',
|
||
|
baseOffset: 0,
|
||
|
edgeOffset: 1,
|
||
|
percentageInnerCutout: 85
|
||
|
}
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Radio Panel
|
||
|
*/
|
||
|
if (plugins.radioPanel) {
|
||
|
for (var i = 0; i < plugins.radioPanel.length; i++) {
|
||
|
var $element = $(plugins.radioPanel[i]);
|
||
|
$element.on('click', function () {
|
||
|
plugins.radioPanel.removeClass('active');
|
||
|
$(this).addClass('active');
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
|
||
|
});
|
||
|
}());
|