Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- "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"),
- 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),
- windowReady = false,
- isNoviBuilder = false,
- livedemo = true,
- plugins = {
- bootstrapTooltip: $( '[data-toggle="tooltip"]' ),
- bootstrapModalDialog: $( '.modal' ),
- customToggle: $( '[data-custom-toggle]' ),
- counter: $( '.counter' ),
- circleProgress: $( '.progress-bar-circle' ),
- captcha: $( '.recaptcha' ),
- campaignMonitor: $( '.campaign-mailform' ),
- copyrightYear: $( '.copyright-year' ),
- checkbox: $( 'input[type="checkbox"]' ),
- dateCountdown: $( '.DateCountdown' ),
- isotope: $( '.isotope-wrap' ),
- lightGallery: $( '[data-lightgallery="group"]' ),
- lightGalleryItem: $( '[data-lightgallery="item"]' ),
- lightDynamicGalleryItem: $( '[data-lightgallery="dynamic"]' ),
- materialParallax: $( '.parallax-container' ),
- mailchimp: $( '.mailchimp-mailform' ),
- owl: $( '.owl-carousel' ),
- popover: $( '[data-toggle="popover"]' ),
- progressLinear: $( '.progress-linear' ),
- preloader: $( '.preloader' ),
- rdNavbar: $( '.rd-navbar' ),
- rdMailForm: $( '.rd-mailform' ),
- rdInputLabel: $( '.form-label' ),
- regula: $( '[data-constraints]' ),
- radio: $( 'input[type="radio"]' ),
- swiper: $( '.swiper-container' ),
- search: $( '.rd-search' ),
- searchResults: $( '.rd-search-results' ),
- statefulButton: $( '.btn-stateful' ),
- viewAnimate: $( '.view-animate' ),
- wow: $( '.wow' ),
- maps: $( '.google-map-container' ),
- scroller: $( '.scroll-wrap' ),
- jPlayerInit: $( '.jp-player-init' ),
- circleJPlayer: $( '.jp-player-circle-init' ),
- jPlayerVideo: $( '.jp-video-init' ),
- countDown: $( '.countdown' ),
- stepper: $( 'input[type="number"]' ),
- slick: $( '.slick-slider' ),
- vide: $( '.bg-vide' ),
- customWaypoints: $('[data-custom-scroll-to]'),
- };
- /**
- * @desc Check the element was been scrolled into the view
- * @param {object} elem - jQuery object
- * @return {boolean}
- */
- function isScrolledIntoView ( elem ) {
- if ( isNoviBuilder ) return true;
- return elem.offset().top + elem.outerHeight() >= $window.scrollTop() && elem.offset().top <= $window.scrollTop() + $window.height();
- }
- /**
- * @desc Calls a function when element has been scrolled into the view
- * @param {object} element - jQuery object
- * @param {function} func - init function
- */
- function lazyInit( element, func ) {
- var scrollHandler = function () {
- if ( ( !element.hasClass( 'lazy-loaded' ) && ( isScrolledIntoView( element ) ) ) ) {
- func.call();
- element.addClass( 'lazy-loaded' );
- }
- };
- scrollHandler();
- $window.on( 'scroll', scrollHandler );
- }
- // Initialize scripts that require a loaded window
- $window.on('load', function () {
- // Page loader & Page transition
- if (plugins.preloader.length && !isNoviBuilder) {
- pageTransition({
- target: document.querySelector( '.page' ),
- delay: 0,
- duration: 500,
- classIn: 'fadeIn',
- classOut: 'fadeOut',
- classActive: 'animated',
- conditions: function (event, link) {
- return link && !/(\#|javascript:void\(0\)|javascript:;|callto:|tel:|mailto:|:\/\/)/.test(link) && !event.currentTarget.hasAttribute('data-lightgallery');
- },
- onTransitionStart: function ( options ) {
- setTimeout( function () {
- plugins.preloader.removeClass('loaded');
- }, options.duration * .75 );
- },
- onReady: function () {
- plugins.preloader.addClass('loaded');
- windowReady = true;
- }
- });
- }
- // jQuery Count To
- if ( plugins.counter.length ) {
- for ( var i = 0; i < plugins.counter.length; i++ ) {
- var
- counter = $(plugins.counter[i]),
- initCount = function () {
- var counter = $(this);
- if ( !counter.hasClass( "animated-first" ) && isScrolledIntoView( counter ) ) {
- counter.countTo({
- refreshInterval: 40,
- speed: counter.attr("data-speed") || 1000,
- from: 0,
- to: parseInt( counter.text(), 10 )
- });
- counter.addClass('animated-first');
- }
- };
- $.proxy( initCount, counter )();
- $window.on( "scroll", $.proxy( initCount, counter ) );
- }
- }
- // Progress bar
- if ( plugins.progressLinear.length ) {
- for ( var i = 0; i < plugins.progressLinear.length; i++) {
- var
- bar = $(plugins.progressLinear[i]),
- initProgress = function() {
- var
- bar = $(this),
- end = parseInt($(this).find('.progress-value').text(), 10);
- if ( !bar.hasClass( "animated-first" ) && isScrolledIntoView( bar ) ) {
- bar.find('.progress-bar-linear').css({width: end + '%'});
- bar.find('.progress-value').countTo({
- refreshInterval: 40,
- from: 0,
- to: end,
- speed: 1000
- });
- bar.addClass('animated-first');
- }
- };
- $.proxy( initProgress, bar )();
- $window.on( "scroll", $.proxy( initProgress, bar ) );
- }
- }
- // Circle Progress
- if ( plugins.circleProgress.length ) {
- for ( var i = 0; i < plugins.circleProgress.length; i++ ) {
- var circle = $(plugins.circleProgress[i]);
- circle.circleProgress({
- value: circle.attr('data-value'),
- size: circle.attr('data-size') ? circle.attr('data-size') : 175,
- fill: {
- gradient: circle.attr('data-gradient').split(","),
- gradientAngle: Math.PI / 4
- },
- startAngle: -Math.PI / 4 * 2,
- emptyFill: circle.attr('data-empty-fill') ? circle.attr('data-empty-fill') : "rgb(245,245,245)"
- }).on('circle-animation-progress', function (event, progress, stepValue) {
- $(this).find('span').text( String(stepValue.toFixed(2)).replace('0.', '').replace('1.', '1') );
- });
- if ( isScrolledIntoView( circle ) ) circle.addClass('animated-first');
- $window.on( 'scroll', $.proxy( function() {
- var circle = $(this);
- if ( !circle.hasClass( "animated-first" ) && isScrolledIntoView( circle ) ) {
- circle.circleProgress( 'redraw' );
- circle.addClass( 'animated-first' );
- }
- }, circle ) );
- }
- }
- // Isotope
- if ( plugins.isotope.length ) {
- for ( var i = 0; i < plugins.isotope.length; i++ ) {
- var
- wrap = plugins.isotope[ i ],
- filterHandler = function ( event ) {
- event.preventDefault();
- for ( var n = 0; n < this.isoGroup.filters.length; n++ ) this.isoGroup.filters[ n ].classList.remove( 'active' );
- this.classList.add( 'active' );
- this.isoGroup.isotope.arrange( { filter: this.getAttribute( "data-isotope-filter" ) !== '*' ? '[data-filter*="' + this.getAttribute( "data-isotope-filter" ) + '"]' : '*' } );
- },
- resizeHandler = function () {
- this.isoGroup.isotope.layout();
- };
- wrap.isoGroup = {};
- wrap.isoGroup.filters = wrap.querySelectorAll( '[data-isotope-filter]' );
- wrap.isoGroup.node = wrap.querySelector( '.isotope' );
- wrap.isoGroup.layout = wrap.isoGroup.node.getAttribute( 'data-isotope-layout' ) ? wrap.isoGroup.node.getAttribute( 'data-isotope-layout' ) : 'masonry';
- wrap.isoGroup.isotope = new Isotope( wrap.isoGroup.node, {
- itemSelector: '.isotope-item',
- layoutMode: wrap.isoGroup.layout,
- filter: '*',
- columnWidth: ( function() {
- if ( wrap.isoGroup.node.hasAttribute('data-column-class') ) return wrap.isoGroup.node.getAttribute('data-column-class');
- if ( wrap.isoGroup.node.hasAttribute('data-column-width') ) return parseFloat( wrap.isoGroup.node.getAttribute('data-column-width') );
- }() )
- } );
- for ( var n = 0; n < wrap.isoGroup.filters.length; n++ ) {
- var filter = wrap.isoGroup.filters[ n ];
- filter.isoGroup = wrap.isoGroup;
- filter.addEventListener( 'click', filterHandler );
- }
- window.addEventListener( 'resize', resizeHandler.bind( wrap ) );
- }
- }
- // Material Parallax
- if ( plugins.materialParallax.length ) {
- if ( !isNoviBuilder && !isIE && !isMobile) {
- plugins.materialParallax.parallax();
- } else {
- for ( var i = 0; i < plugins.materialParallax.length; i++ ) {
- var $parallax = $(plugins.materialParallax[i]);
- $parallax.addClass( 'parallax-disabled' );
- $parallax.css({ "background-image": 'url('+ $parallax.data("parallax-img") +')' });
- }
- }
- }
- });
- // Initialize scripts that require a finished document
- $(function () {
- isNoviBuilder = window.xMode;
- /**
- * jpFormatePlaylistObj
- * @description format dynamic playlist object for jPlayer init
- */
- function jpFormatePlaylistObj(playlistHtml) {
- var playlistObj = [];
- // Format object with audio
- for (var i = 0; i < playlistHtml.length; i++) {
- var playlistItem = playlistHtml[i],
- itemData = $(playlistItem).data();
- playlistObj[i] = {};
- for (var key in itemData) {
- playlistObj[i][key.replace('jp', '').toLowerCase()] = itemData[key];
- }
- }
- return playlistObj;
- }
- /**
- * initJplayerBase
- * @description Base jPlayer init
- */
- function initJplayerBase(index, item, mediaObj) {
- return new jPlayerPlaylist({
- jPlayer: item.getElementsByClassName("jp-jplayer")[0],
- cssSelectorAncestor: ".jp-audio-" + index // Need too bee a selector not HTMLElement or Jq object, so we make it unique
- }, mediaObj, {
- playlistOptions: {
- enableRemoveControls: false
- },
- supplied: "ogv, m4v, oga, mp3",
- useStateClassSkin: true,
- volume: 0.4
- });
- }
- /**
- * @desc Toggle swiper videos on active slides
- * @param {object} swiper - swiper slider
- */
- 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();
- }
- }
- /**
- * @desc Toggle swiper animations on active slides
- * @param {object} swiper - swiper slider
- */
- 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) {
- if (delay) {
- setTimeout(tempFunction(nextSlideItem, duration), parseInt(delay, 10));
- } else {
- tempFunction(nextSlideItem, duration);
- }
- } else {
- nextSlideItem.removeClass("not-animated")
- }
- }
- }
- /**
- * @desc Initialize owl carousel plugin
- * @param {object} carousel - carousel jQuery object
- */
- function initOwlCarousel ( carousel ) {
- 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' ] && carousel.attr( 'data' + aliaces[ k ] + 'items' ) ) {
- responsive[ values[ j ] ][ 'items' ] = k < 0 ? 1 : parseInt( carousel.attr( 'data' + aliaces[ k ] + 'items' ), 10 );
- }
- if ( !responsive[ values[ j ] ][ 'stagePadding' ] && responsive[ values[ j ] ][ 'stagePadding' ] !== 0 && carousel.attr( 'data' + aliaces[ k ] + 'stage-padding' ) ) {
- responsive[ values[ j ] ][ 'stagePadding' ] = k < 0 ? 0 : parseInt( carousel.attr( 'data' + aliaces[ k ] + 'stage-padding' ), 10 );
- }
- if ( !responsive[ values[ j ] ][ 'margin' ] && responsive[ values[ j ] ][ 'margin' ] !== 0 && carousel.attr( 'data' + aliaces[ k ] + 'margin' ) ) {
- responsive[ values[ j ] ][ 'margin' ] = k < 0 ? 30 : parseInt( carousel.attr( 'data' + aliaces[ k ] + 'margin' ), 10 );
- }
- }
- }
- // Enable custom pagination
- if ( carousel.attr( 'data-dots-custom' ) ) {
- carousel.on( 'initialized.owl.carousel', function ( event ) {
- var
- carousel = $( event.currentTarget ),
- 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 ( event ) {
- event.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' )
- } );
- } );
- }
- // Initialize lightgallery items in cloned owl items
- carousel.on( 'initialized.owl.carousel', function () {
- initLightGalleryItem( carousel.find( '[data-lightgallery="item"]' ), 'lightGallery-in-carousel' );
- } );
- carousel.owlCarousel( {
- autoplay: isNoviBuilder ? false : carousel.attr( 'data-autoplay' ) !== 'false',
- autoplayTimeout: carousel.attr( "data-autoplay" ) ? Number( carousel.attr( "data-autoplay" ) ) : 3000,
- autoplayHoverPause: true,
- loop: isNoviBuilder ? false : carousel.attr( 'data-loop' ) !== 'false',
- items: 1,
- center: carousel.attr( 'data-center' ) === 'true',
- dotsContainer: carousel.attr( 'data-pagination-class' ) || false,
- navContainer: carousel.attr( 'data-navigation-class' ) || false,
- mouseDrag: isNoviBuilder ? false : carousel.attr( 'data-mouse-drag' ) !== 'false',
- nav: carousel.attr( 'data-nav' ) === 'true',
- dots: carousel.attr( 'data-dots' ) === 'true',
- dotsEach: carousel.attr( 'data-dots-each' ) ? parseInt( carousel.attr( 'data-dots-each' ), 10 ) : false,
- animateIn: carousel.attr( 'data-animation-in' ) ? carousel.attr( 'data-animation-in' ) : false,
- animateOut: carousel.attr( 'data-animation-out' ) ? carousel.attr( 'data-animation-out' ) : false,
- responsive: responsive,
- navText: carousel.attr( 'data-nav-text' ) ? $.parseJSON( carousel.attr( 'data-nav-text' ) ) : [],
- navClass: carousel.attr( 'data-nav-class' ) ? $.parseJSON( carousel.attr( 'data-nav-class' ) ) : [ 'owl-prev', 'owl-next' ]
- } );
- }
- /**
- * @desc Create live search results
- * @param {object} options
- */
- 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');
- })
- }
- /**
- * @desc Attach form validation to elements
- * @param {object} elements - jQuery object
- */
- function attachFormValidator(elements) {
- // Custom validator - phone number
- regula.custom({
- name: 'PhoneNumber',
- defaultMessage: 'Invalid phone number format',
- validator: function() {
- if ( this.value === '' ) return true;
- else return /^(\+\d)?[0-9\-\(\) ]{5,}$/i.test( this.value );
- }
- });
- 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
- });
- }
- }
- /**
- * @desc Check if all elements pass validation
- * @param {object} elements - object of items for validation
- * @param {object} captcha - captcha object for validation
- * @return {boolean}
- */
- 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;
- }
- /**
- * @desc Validate google reCaptcha
- * @param {object} captcha - captcha object for validation
- * @return {boolean}
- */
- 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;
- }
- /**
- * @desc Initialize 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>");
- }
- };
- /**
- * @desc Initialize Bootstrap tooltip with required placement
- * @param {string} tooltipPlacement
- */
- function initBootstrapTooltip(tooltipPlacement) {
- plugins.bootstrapTooltip.tooltip('dispose');
- if (window.innerWidth < 576) {
- plugins.bootstrapTooltip.tooltip({placement: 'bottom'});
- } else {
- plugins.bootstrapTooltip.tooltip({placement: tooltipPlacement});
- }
- }
- /**
- * @desc Initialize the gallery with set of images
- * @param {object} itemsToInit - jQuery object
- * @param {string} [addClass] - additional gallery class
- */
- 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"
- } );
- }
- }
- /**
- * @desc Initialize the gallery with dynamic addition of images
- * @param {object} itemsToInit - jQuery object
- * @param {string} [addClass] - additional gallery class
- */
- 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" ) ) || []
- } );
- } );
- }
- }
- /**
- * @desc Initialize the gallery with one image
- * @param {object} itemToInit - jQuery object
- * @param {string} [addClass] - additional gallery class
- */
- 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
- }
- } );
- }
- }
- /**
- * @desc Google map function for getting latitude and longitude
- */
- function getLatLngObject(str, marker, map, callback) {
- var coordinates = {};
- try {
- coordinates = JSON.parse(str);
- callback(new google.maps.LatLng(
- coordinates.lat,
- coordinates.lng
- ), marker, map)
- } catch (e) {
- map.geocoder.geocode({'address': str}, function (results, status) {
- if (status === google.maps.GeocoderStatus.OK) {
- var latitude = results[0].geometry.location.lat();
- var longitude = results[0].geometry.location.lng();
- callback(new google.maps.LatLng(
- parseFloat(latitude),
- parseFloat(longitude)
- ), marker, map)
- }
- })
- }
- }
- /**
- * @desc Initialize Google maps
- */
- function initMaps() {
- var key;
- for ( var i = 0; i < plugins.maps.length; i++ ) {
- if ( plugins.maps[i].hasAttribute( "data-key" ) ) {
- key = plugins.maps[i].getAttribute( "data-key" );
- break;
- }
- }
- $.getScript('//maps.google.com/maps/api/js?'+ ( key ? 'key='+ key + '&' : '' ) +'sensor=false&libraries=geometry,places&v=quarterly', 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);
- };
- var geocoder = new google.maps.Geocoder;
- for (var i = 0; i < plugins.maps.length; i++) {
- var zoom = parseInt(plugins.maps[i].getAttribute("data-zoom"), 10) || 11;
- var styles = plugins.maps[i].hasAttribute('data-styles') ? JSON.parse(plugins.maps[i].getAttribute("data-styles")) : [];
- var center = plugins.maps[i].getAttribute("data-center") || "New York";
- // Initialize map
- var map = new google.maps.Map(plugins.maps[i].querySelectorAll(".google-map")[0], {
- zoom: zoom,
- styles: styles,
- scrollwheel: false,
- center: {lat: 0, lng: 0}
- });
- // Add map object to map node
- plugins.maps[i].map = map;
- plugins.maps[i].geocoder = geocoder;
- plugins.maps[i].keySupported = true;
- plugins.maps[i].google = google;
- // Get Center coordinates from attribute
- getLatLngObject(center, null, plugins.maps[i], function (location, markerElement, mapElement) {
- mapElement.map.setCenter(location);
- });
- // Add markers from google-map-markers array
- var markerItems = plugins.maps[i].querySelectorAll(".google-map-markers li");
- if (markerItems.length){
- var markers = [];
- for (var j = 0; j < markerItems.length; j++){
- var markerElement = markerItems[j];
- getLatLngObject(markerElement.getAttribute("data-location"), markerElement, plugins.maps[i], function(location, markerElement, mapElement){
- var icon = markerElement.getAttribute("data-icon") || mapElement.getAttribute("data-icon");
- var activeIcon = markerElement.getAttribute("data-icon-active") || mapElement.getAttribute("data-icon-active");
- var info = markerElement.getAttribute("data-description") || "";
- var infoWindow = new google.maps.InfoWindow({
- content: info
- });
- markerElement.infoWindow = infoWindow;
- var markerData = {
- position: location,
- map: mapElement.map
- }
- if (icon){
- markerData.icon = icon;
- }
- var marker = new google.maps.Marker(markerData);
- markerElement.gmarker = marker;
- markers.push({markerElement: markerElement, infoWindow: infoWindow});
- marker.isActive = false;
- // Handle infoWindow close click
- google.maps.event.addListener(infoWindow,'closeclick',(function(markerElement, mapElement){
- var markerIcon = null;
- markerElement.gmarker.isActive = false;
- markerIcon = markerElement.getAttribute("data-icon") || mapElement.getAttribute("data-icon");
- markerElement.gmarker.setIcon(markerIcon);
- }).bind(this, markerElement, mapElement));
- // Set marker active on Click and open infoWindow
- google.maps.event.addListener(marker, 'click', (function(markerElement, mapElement) {
- if (markerElement.infoWindow.getContent().length === 0) return;
- var gMarker, currentMarker = markerElement.gmarker, currentInfoWindow;
- for (var k =0; k < markers.length; k++){
- var markerIcon;
- if (markers[k].markerElement === markerElement){
- currentInfoWindow = markers[k].infoWindow;
- }
- gMarker = markers[k].markerElement.gmarker;
- if (gMarker.isActive && markers[k].markerElement !== markerElement){
- gMarker.isActive = false;
- markerIcon = markers[k].markerElement.getAttribute("data-icon") || mapElement.getAttribute("data-icon")
- gMarker.setIcon(markerIcon);
- markers[k].infoWindow.close();
- }
- }
- currentMarker.isActive = !currentMarker.isActive;
- if (currentMarker.isActive) {
- if (markerIcon = markerElement.getAttribute("data-icon-active") || mapElement.getAttribute("data-icon-active")){
- currentMarker.setIcon(markerIcon);
- }
- currentInfoWindow.open(map, marker);
- }else{
- if (markerIcon = markerElement.getAttribute("data-icon") || mapElement.getAttribute("data-icon")){
- currentMarker.setIcon(markerIcon);
- }
- currentInfoWindow.close();
- }
- }).bind(this, markerElement, mapElement))
- })
- }
- }
- }
- });
- }
- // Google ReCaptcha
- if (plugins.captcha.length) {
- $.getScript("//www.google.com/recaptcha/api.js?onload=onloadCaptchaCallback&render=explicit&hl=en");
- }
- // Additional class on html if mac os.
- if (navigator.platform.match(/(Mac)/i)) {
- $html.addClass("mac-os");
- }
- // Adds some loosing functionality to IE browsers (IE Polyfills)
- if (isIE) {
- if (isIE === 12) $html.addClass("ie-edge");
- if (isIE === 11) $html.addClass("ie-11");
- if (isIE < 10) $html.addClass("lt-ie-10");
- if (isIE < 11) $html.addClass("ie-10");
- }
- // Bootstrap Tooltips
- if (plugins.bootstrapTooltip.length) {
- var tooltipPlacement = plugins.bootstrapTooltip.attr('data-placement');
- initBootstrapTooltip(tooltipPlacement);
- $window.on('resize orientationchange', function () {
- initBootstrapTooltip(tooltipPlacement);
- })
- }
- // Stop vioeo in bootstrapModalDialog
- if (plugins.bootstrapModalDialog.length) {
- 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
- if (plugins.popover.length) {
- if (window.innerWidth < 767) {
- plugins.popover.attr('data-placement', 'bottom');
- plugins.popover.popover();
- }
- else {
- plugins.popover.popover();
- }
- }
- // Bootstrap Buttons
- if (plugins.statefulButton.length) {
- $(plugins.statefulButton).on('click', function () {
- var statefulButtonLoading = $(this).button('loading');
- setTimeout(function () {
- statefulButtonLoading.button('reset')
- }, 2000);
- })
- }
- // Copyright Year (Evaluates correct copyright year)
- if (plugins.copyrightYear.length) {
- plugins.copyrightYear.text(initialDate.getFullYear());
- }
- // Google maps
- if( plugins.maps.length ) {
- lazyInit( plugins.maps, initMaps );
- }
- // 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>")
- }
- }
- // 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
- if (isDesktop && !isNoviBuilder) {
- $().UItoTop({
- easingType: 'easeOutQuad',
- containerClass: 'ui-to-top fa fa-angle-up'
- });
- }
- // RD Navbar
- 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
- if (plugins.search.length || plugins.searchResults) {
- var handler = "bat/rd-search.php";
- var defaultTemplate = '<h5 class="search-title"><a target="_top" href="#{href}" class="search-link">#{title}</a></h5>' +
- '<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);
- })
- }
- }
- }
- // 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
- 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: !isNoviBuilder && $.isNumeric( s.attr('data-autoplay') ) ? s.attr('data-autoplay') : false,
- 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-release') === "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 + '">' + (index + 1) + '</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);
- initLightGalleryItem(s.find('[data-lightgallery="item"]'), 'lightGallery-in-carousel');
- }
- });
- }
- }
- // Owl carousel
- if ( plugins.owl.length ) {
- for ( var i = 0; i < plugins.owl.length; i++ ) {
- var carousel = $( plugins.owl[ i ] );
- plugins.owl[ i ].owl = carousel;
- initOwlCarousel( carousel );
- }
- }
- // WOW
- if ($html.hasClass("wow-animation") && plugins.wow.length && !isNoviBuilder && isDesktop) {
- new WOW().init();
- }
- // RD Input Label
- if (plugins.rdInputLabel.length) {
- plugins.rdInputLabel.RDInputLabel();
- }
- // Regula
- 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 ( $email, event ) {
- event.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');
- $email[0].value = '';
- var $label = $('[for="'+ $email.attr( 'id' ) +'"]');
- if ( $label.length ) $label.removeClass( 'focus not-empty' );
- setTimeout(function () {
- $output.removeClass("active");
- }, 6000);
- },
- beforeSend: function (data) {
- var isNoviBuilder = window.xMode;
- var isValidated = (function () {
- var results, errors = 0;
- var elements = $this.find('[data-constraints]');
- var captcha = null;
- if (elements.length) {
- for (var j = 0; j < elements.length; j++) {
- var $input = $(elements[j]);
- if ((results = $input.regula('validate')).length) {
- for (var 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;
- })();
- // Stop request if builder or inputs are invalide
- if (isNoviBuilder || !isValidated)
- return false;
- $output.html('Submitting...').addClass('active');
- }
- });
- return false;
- }, $mailchimpItem, $email ));
- }
- }
- // 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');
- }
- });
- // Clear inputs after submit
- var inputs = $this[0].getElementsByTagName('input');
- for (var i = 0; i < inputs.length; i++) {
- inputs[i].value = '';
- var label = document.querySelector( '[for="'+ inputs[i].getAttribute( 'id' ) +'"]' );
- if( label ) label.classList.remove( 'focus', 'not-empty' );
- }
- return false;
- }, $campaignItem));
- }
- }
- // RD Mailform
- 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);
- }
- });
- }
- }
- // lightGallery
- if (plugins.lightGallery.length) {
- for (var i = 0; i < plugins.lightGallery.length; i++) {
- initLightGallery(plugins.lightGallery[i]);
- }
- }
- // lightGallery item
- if (plugins.lightGalleryItem.length) {
- // 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;
- for (var i = 0; i < plugins.lightGalleryItem.length; i++) {
- initLightGalleryItem(plugins.lightGalleryItem[i]);
- }
- }
- // Dynamic lightGallery
- if (plugins.lightDynamicGalleryItem.length) {
- for (var i = 0; i < plugins.lightDynamicGalleryItem.length; i++) {
- initDynamicLightGallery(plugins.lightDynamicGalleryItem[i]);
- }
- }
- // 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');
- }
- })
- }
- }
- }
- // TimeCircles
- if (plugins.dateCountdown.length) {
- for ( var i = 0; i < plugins.dateCountdown.length; i++ ) {
- var
- dateCountdownItem = $( plugins.dateCountdown[ i ] ),
- countdownRender = function () {
- dateCountdownItem.TimeCircles( {
- time: { Seconds: { show: !( window.innerWidth < 768 ), } }
- } ).rebuild();
- };
- 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,
- 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"
- }
- }
- } );
- countdownRender();
- window.addEventListener( 'resize', countdownRender );
- }
- }
- // JQuery mousewheel plugin
- if (plugins.scroller.length) {
- for (var i = 0; i < plugins.scroller.length; i++) {
- var scrollerItem = $(plugins.scroller[i]);
- scrollerItem.mCustomScrollbar({
- theme: scrollerItem.attr('data-theme') ? scrollerItem.attr('data-theme') : 'minimal',
- scrollInertia: 100,
- scrollButtons: {enable: false}
- });
- }
- }
- /**
- * Jp Audio player
- * @description Custom jPlayer script
- */
- if (plugins.jPlayerInit.length) {
- var artist = $('.jp-artist');
- // artist[0].innerText = artist[0].innerText.replace('by', 'from');
- $html.addClass('ontouchstart' in window || 'onmsgesturechange' in window ? 'touch' : 'no-touch');
- $.each(plugins.jPlayerInit, function (index, item) {
- var player = item.querySelector('.jp-jplayer');
- $(item).addClass('jp-audio-' + index);
- var mediaObj = jpFormatePlaylistObj($(item).find('.jp-player-list .jp-player-list-item')),
- playerInstance = initJplayerBase(index, item, mediaObj);
- if ($(item).data('jp-player-name')) {
- var customJpPlaylists = $('[data-jp-playlist-relative-to="' + $(item).data('jp-player-name') + '"]'),
- playlistItems = customJpPlaylists.find("[data-jp-playlist-item]");
- // Toggle audio play on custom playlist play button click
- playlistItems.on('click', customJpPlaylists.data('jp-playlist-play-on'), function (e) {
- var mediaObj = jpFormatePlaylistObj(playlistItems),
- $clickedItem = $(e.delegateTarget);
- if (!JSON.stringify(playerInstance.playlist) === JSON.stringify(mediaObj) || !playerInstance.playlist.length) {
- playerInstance.setPlaylist(mediaObj);
- }
- if (!$clickedItem.hasClass('playing')) {
- playerInstance.pause();
- if ($clickedItem.hasClass('last-played')) {
- playerInstance.play();
- } else {
- playerInstance.play(playlistItems.index($clickedItem));
- }
- playlistItems.removeClass('playing last-played');
- $clickedItem.addClass('playing');
- } else {
- playlistItems.removeClass('playing last-played');
- $clickedItem.addClass('last-played');
- playerInstance.pause();
- }
- });
- // Callback for custom playlist
- $(playerInstance.cssSelector.jPlayer).bind($.jPlayer.event.play, function (e) {
- var toggleState = function (elemClass, index) {
- var activeIndex = playlistItems.index(playlistItems.filter(elemClass));
- if (activeIndex !== -1) {
- if (playlistItems.eq(activeIndex + index).length !== 0) {
- playlistItems.eq(activeIndex)
- .removeClass('play-next play-prev playing last-played')
- .end()
- .eq(activeIndex + index)
- .addClass('playing');
- }
- }
- };
- // Check if user select next or prev track
- toggleState('.play-next', +1);
- toggleState('.play-prev', -1);
- var lastPlayed = playlistItems.filter('.last-played');
- // If user just press pause and than play on same track
- if (lastPlayed.length) {
- lastPlayed.addClass('playing').removeClass('last-played play-next');
- }
- });
- // Add temp marker of last played audio
- $(playerInstance.cssSelector.jPlayer).bind($.jPlayer.event.pause, function (e) {
- playlistItems.filter('.playing').addClass('last-played').removeClass('playing');
- $(playerInstance.cssSelector.cssSelectorAncestor).addClass('jp-state-visible');
- });
- // Add temp marker that user want to play next audio
- $(item).find('.jp-next')
- .on('click', function (e) {
- playlistItems.filter('.playing, .last-played').addClass('play-next');
- });
- // Add temp marker that user want to play prev audio
- $(item).find('.jp-previous')
- .on('click', function (e) {
- playlistItems.filter('.playing, .last-played').addClass('play-prev');
- });
- }
- });
- }
- /**
- * Instance CirclePlayer
- *
- * CirclePlayer(jPlayerSelector, media, options)
- * jPlayerSelector: String - The css selector of the jPlayer div.
- * media: Object - The media object used in jPlayer("setMedia",media).
- * options: Object - The jPlayer options.
- *
- * @description Multiple instances must set the cssSelectorAncestor in the jPlayer options.
- */
- if (plugins.circleJPlayer.length) {
- $.each(plugins.circleJPlayer, function (index, item) {
- $(item).find('.cp-jplayer').addClass('cp-jplayer-' + index);
- $(item).find('.cp-container').addClass('cp-container-' + index);
- new CirclePlayer(".cp-jplayer-" + index,
- {
- oga: $(item).data('jp-oga'),
- m4a: $(item).data('jp-m4a'),
- mp3: $(item).data('jp-mp3')
- }, {
- cssSelectorAncestor: ".cp-container-" + index,
- supplied: "mp3, m4a",
- volume: 0.4
- });
- });
- }
- /**
- * Jp Video player
- * @description Custom jPlayer video initialization
- */
- if (plugins.jPlayerVideo.length) {
- $.each(plugins.jPlayerVideo, function (index, item) {
- var $item = $(item);
- $item.find('.jp-video').addClass('jp-video-' + index);
- new jPlayerPlaylist({
- jPlayer: item.getElementsByClassName("jp-jplayer")[0],
- cssSelectorAncestor: ".jp-video-" + index // Need too bee a selector not HTMLElement or Jq object, so we make it unique
- }, jpFormatePlaylistObj($(item).find('.jp-player-list .jp-player-list-item')), {
- playlistOptions: {
- enableRemoveControls: false
- },
- size: {
- width: "100%",
- height: "auto",
- },
- supplied: "webmv, ogv, m4v",
- useStateClassSkin: true,
- volume: 0.4
- });
- $(item).find(".jp-jplayer").on('click', function (e) {
- var $this = $(this);
- if ($('.jp-video-' + index).hasClass('jp-state-playing')) {
- $this.jPlayer("pause");
- } else {
- $this.jPlayer("play");
- }
- });
- var initialContainerWidth = $item.width();
- // this is the overall page container, so whatever is relevant to your page
- $window.resize(function () {
- if ($item.width() !== initialContainerWidth) {
- // checks current container size against it's rendered size on every resize.
- initialContainerWidth = $item.width();
- $item.trigger('resize', $item);
- //pass off to resize listener for performance
- }
- });
- });
- $window.on('resize', function (e) {
- $('.jp-video').each(function (index) {
- // find every instance of jplayer using a class in their default markup
- var $parentContainer = $(this).closest('.jp-video-init'),
- // finds jplayers closest parent element from the ones you give it (can chain as many as you want)
- containerWidth = $parentContainer.width(),
- //takes the closest elements width
- ARWidth = 1280,
- ARHeight = 720;
- // Width and height figures used to calculate the aspect ratio (will not restrict your players to this size)
- var aspectRatio = ARHeight / ARWidth;
- var videoHeight = Math.round(aspectRatio * containerWidth);
- // calculates the appropriate height in rounded pixels using the aspect ratio
- $(this).find('.jp-jplayer').width(containerWidth).height(videoHeight);
- // and then apply the width and height!
- });
- })
- .trigger('resize');
- }
- // jQuery Countdown
- if ( plugins.countDown.length ) {
- for ( var i = 0; i < plugins.countDown.length; i++) {
- var $countDownItem = $( plugins.countDown[i] ),
- settings = {
- format: $countDownItem.attr('data-format'),
- layout: $countDownItem.attr('data-layout')
- };
- if ( livedemo ) {
- var d = new Date();
- d.setDate(d.getDate() + 42);
- settings[ $countDownItem.attr('data-type') ] = d;
- } else {
- settings[ $countDownItem.attr('data-type') ] = new Date( $countDownItem.attr( 'data-time' ) );
- }
- $countDownItem.countdown( settings );
- }
- }
- // Stepper
- if (plugins.stepper.length) {
- plugins.stepper.stepper({
- labels: {
- up: "",
- down: ""
- }
- });
- }
- // Slick carousel
- if (plugins.slick.length) {
- for (var i = 0; i < plugins.slick.length; i++) {
- var $slickItem = $(plugins.slick[i]);
- $slickItem.on('init', function (slick) {
- initLightGallery($('[data-lightgallery="group-slick"]'), 'lightGallery-in-carousel');
- initLightGallery($('[data-lightgallery="item-slick"]'), 'lightGallery-in-carousel');
- });
- $slickItem.slick({
- slidesToScroll: parseInt($slickItem.attr('data-slide-to-scroll'), 10) || 1,
- asNavFor: $slickItem.attr('data-for') || false,
- dots: $slickItem.attr("data-dots") === "true",
- infinite: isNoviBuilder ? false : $slickItem.attr("data-loop") === "true",
- focusOnSelect: true,
- arrows: $slickItem.attr("data-arrows") === "true",
- swipe: $slickItem.attr("data-swipe") === "true",
- autoplay: $slickItem.attr("data-autoplay") === "true",
- vertical: $slickItem.attr("data-vertical") === "true",
- centerMode: $slickItem.attr("data-center-mode") === "true",
- centerPadding: $slickItem.attr("data-center-padding") ? $slickItem.attr("data-center-padding") : '0.50',
- mobileFirst: true,
- responsive: [
- {
- breakpoint: 0,
- settings: {
- slidesToShow: parseInt($slickItem.attr('data-items'), 10) || 1
- }
- },
- {
- breakpoint: 575,
- settings: {
- slidesToShow: parseInt($slickItem.attr('data-sm-items'), 10) || 1
- }
- },
- {
- breakpoint: 767,
- settings: {
- slidesToShow: parseInt($slickItem.attr('data-md-items'), 10) || 1
- }
- },
- {
- breakpoint: 991,
- settings: {
- slidesToShow: parseInt($slickItem.attr('data-lg-items'), 10) || 1
- }
- },
- {
- breakpoint: 1199,
- settings: {
- slidesToShow: parseInt($slickItem.attr('data-xl-items'), 10) || 1
- }
- }
- ]
- })
- .on('afterChange', function (event, slick, currentSlide, nextSlide) {
- var $this = $(this),
- childCarousel = $this.attr('data-child');
- if (childCarousel) {
- $(childCarousel + ' .slick-slide').removeClass('slick-current');
- $(childCarousel + ' .slick-slide').eq(currentSlide).addClass('slick-current');
- }
- });
- }
- }
- // Vide
- if ( plugins.vide.length ) {
- for ( var i = 0; i < plugins.vide.length; i++ ) {
- var $element = $(plugins.vide[i]),
- options = $element.data('vide-options'),
- path = $element.data('vide-bg');
- $element.vide( path, options );
- var
- videObj = $element.data('vide').getVideoObject(),
- scrollHandler = (function( $element ) {
- if ( isScrolledIntoView( $element ) ) this.play();
- else this.pause();
- }).bind( videObj, $element );
- scrollHandler();
- if ( isNoviBuilder ) videObj.pause();
- else document.addEventListener( 'scroll', scrollHandler );
- }
- }
- // Custom Waypoints
- if (plugins.customWaypoints.length && !isNoviBuilder) {
- var i;
- for (i = 0; i < plugins.customWaypoints.length; i++) {
- var $this = $(plugins.customWaypoints[i]);
- $this.on('click', function (e) {
- e.preventDefault();
- $("body, html").stop().animate({
- scrollTop: $("#" + $(this).attr('data-custom-scroll-to')).offset().top
- }, 1000, function () {
- $window.trigger("resize");
- });
- });
- }
- }
- });
- }());
Advertisement
Add Comment
Please, Sign In to add comment