// ================================================== // * Project Name : Harmoni Event Management // * Author : jThemes Studio // * File : JS Base // * Version : 1.0.0 // * Project Start : 20 April 2018 // * Last Change : 06 june 2018 // ================================================== (function($) { "use strict"; // back to top - start // -------------------------------------------------- $(window).scroll(function() { if ($(this).scrollTop() > 200) { $('.backtotop:hidden').stop(true, true).fadeIn(); } else { $('.backtotop').stop(true, true).fadeOut(); } }); $(function() { $(".scroll").click(function() { $("html,body").animate({ scrollTop: $(".thetop").offset().top }, "slow"); return false }) }); // back to top - end // -------------------------------------------------- // preloader - start // -------------------------------------------------- $(window).on('load', function(){ $('#preloader').fadeOut('slow',function(){$(this).remove();}); }); // preloader - end // -------------------------------------------------- // add to calendar - start // -------------------------------------------------- addeventatc.settings({ license : "replace-with-your-licensekey", css : true }); // add to calendar - end // -------------------------------------------------- // multy count down - start // -------------------------------------------------- $('.countdown-list').each(function(){ $('[data-countdown]').each(function() { var $this = $(this), finalDate = $(this).data('countdown'); $this.countdown(finalDate, function(event) { var $this = $(this).html(event.strftime('' + '
  • %Ddays
  • ' + '
  • %Hhours
  • ' + '
  • %Mmins
  • ' + '
  • %Sseco
  • ')); }); }); }); // multy count down - end // -------------------------------------------------- // gallery popup - start // -------------------------------------------------- $('.zoom-gallery').magnificPopup({ type: 'image', closeBtnInside: false, delegate: '.popup-link', closeOnContentClick: false, mainClass: 'mfp-with-zoom mfp-img-mobile', gallery: { enabled: true }, zoom: { enabled: true, duration: 300, // don't foget to change the duration also in CSS opener: function(element) { return element.find('img'); } } }); $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({ disableOn: 700, type: 'iframe', preloader: true, mainClass: 'play-icon', fixedContentPos: true }); // gallery popup - end // -------------------------------------------------- // altranative menu - start // -------------------------------------------------- $(document).ready(function () { $("#sidebar").mCustomScrollbar({ theme: "minimal" }); $('#sidebar-dismiss, .overlay').on('click', function () { $('#sidebar').removeClass('active'); }); $('#sidebarCollapse').on('click', function () { $('#sidebar').addClass('active'); $('.collapse.in').toggleClass('in'); $('a[aria-expanded=true]').attr('aria-expanded', 'false'); }); }); // altranative menu - end // -------------------------------------------------- // search box - start // -------------------------------------------------- $('.toggle-overlay').on('click', function() { $('.search-body').toggleClass('search-open'); }); // search box - end // -------------------------------------------------- // parallax - start // -------------------------------------------------- $('.jarallax').jarallax({ speed: 0.3 }); // parallax - end // -------------------------------------------------- // popup register & login modal - start // -------------------------------------------------- $(function () { $('.login-modal-btn , .register-modal-btn').magnificPopup({ modal: true, type: 'inline', preloader: false, focus: '#username' }); $(document).on('click', '.popup-modal-dismiss', function (e) { e.preventDefault(); $.magnificPopup.close(); }); }); // popup register & login modal - end // -------------------------------------------------- // header-section - Start // -------------------------------------------------- var mainHeader = $('.auto-hide-header'), secondaryNavigation = $('.cd-secondary-nav'), //this applies only if secondary nav is below intro section belowNavHeroContent = $('.sub-nav-hero'), headerHeight = mainHeader.height(); //set scrolling variables var scrolling = false, previousTop = 0, currentTop = 0, scrollDelta = 10, scrollOffset = 150; $(window).on('scroll', function(){ if( !scrolling ) { scrolling = true; (!window.requestAnimationFrame) ? setTimeout(autoHideHeader, 250) : requestAnimationFrame(autoHideHeader); } }); $(window).on('resize', function(){ headerHeight = mainHeader.height(); }); function autoHideHeader() { var currentTop = $(window).scrollTop(); ( belowNavHeroContent.length > 0 ) ? checkStickyNavigation(currentTop) // secondary navigation below intro : checkSimpleNavigation(currentTop); previousTop = currentTop; scrolling = false; } function checkSimpleNavigation(currentTop) { //there's no secondary nav or secondary nav is below primary nav if (previousTop - currentTop > scrollDelta) { //if scrolling up... mainHeader.removeClass('is-hidden'); } else if( currentTop - previousTop > scrollDelta && currentTop > scrollOffset) { //if scrolling down... mainHeader.addClass('is-hidden'); } } function checkStickyNavigation(currentTop) { //secondary nav below intro section - sticky secondary nav var secondaryNavOffsetTop = belowNavHeroContent.offset().top - secondaryNavigation.height() - mainHeader.height(); if (previousTop >= currentTop ) { //if scrolling up... if( currentTop < secondaryNavOffsetTop ) { //secondary nav is not fixed mainHeader.removeClass('is-hidden'); secondaryNavigation.removeClass('fixed slide-up'); belowNavHeroContent.removeClass('secondary-nav-fixed'); } else if( previousTop - currentTop > scrollDelta ) { //secondary nav is fixed mainHeader.removeClass('is-hidden'); secondaryNavigation.removeClass('slide-up').addClass('fixed'); belowNavHeroContent.addClass('secondary-nav-fixed'); } } else { //if scrolling down... if( currentTop > secondaryNavOffsetTop + scrollOffset ) { //hide primary nav mainHeader.addClass('is-hidden'); secondaryNavigation.addClass('fixed slide-up'); belowNavHeroContent.addClass('secondary-nav-fixed'); } else if( currentTop > secondaryNavOffsetTop ) { //once the secondary nav is fixed, do not hide primary nav if you haven't scrolled more than scrollOffset mainHeader.removeClass('is-hidden'); secondaryNavigation.addClass('fixed').removeClass('slide-up'); belowNavHeroContent.addClass('secondary-nav-fixed'); } } }; // header-section - end // -------------------------------------------------- // sticky menu - start // -------------------------------------------------- var headerId = $(".sticky-header-section , .scrolltop-fixed-header-section"); $(window).on('scroll' , function() { var amountScrolled = $(window).scrollTop(); if ($(this).scrollTop() > 250) { headerId.removeClass("not-stuck"); headerId.addClass("stuck"); } else { headerId.removeClass("stuck"); headerId.addClass("not-stuck"); } }); // sticky menu - end // -------------------------------------------------- // index-1 - main-carousel1 - start // -------------------------------------------------- $('#main-carousel1').owlCarousel({ items:1, nav:true, margin:0, loop:true, center:true, autoplay:true, smartSpeed:1000, autoplayTimeout:5000 }); var dot = $('#main-carousel1 .owl-dot'); dot.each(function() { var index = $(this).index() + 1; if(index < 10){ $(this).html('0').append(index); }else{ $(this).html(index); } }); // index-1 - main-carousel1 - end // -------------------------------------------------- // index-2 - main-carousel2 - start // -------------------------------------------------- $('#main-carousel2').slick({ speed: 500, fade: true, dots: false, arrows: true, autoplay: true, infinite: true, slidesToShow: 1, cssEase: 'linear', autoplaySpeed: 2000 }); // index-2 - main-carousel2 - end // -------------------------------------------------- // upcomming-event-carousel - main-slider - start // -------------------------------------------------- $('#upcomming-event-carousel').owlCarousel({ items:2, loop:true, margin:30, nav: true, dots: false, center: true, autoplay:true, smartSpeed:1000, autoplayTimeout:5000, autoplayHoverPause:true, responsive:{ 0:{ items:1, nav: false, dots: true, }, 360:{ items:1, nav: false, dots: true, }, 768:{ items:1, }, 991:{ items:1, }, 1199:{ items:2, } } }); // upcomming-event-carousel - main-slider - end // -------------------------------------------------- // event-expertise-carousel - start // -------------------------------------------------- $('#event-expertise-carousel').owlCarousel({ items:3, loop:true, margin:30, autoplay:true, smartSpeed:1000, autoplayTimeout:5000, autoplayHoverPause:true, responsive:{ 0:{ items:1, }, 360:{ items:1, }, 768:{ items:2, }, 991:{ items:3, }, 1199:{ items:3, } } }); // event-expertise-carousel - end // -------------------------------------------------- // speaker section - carousel - start // -------------------------------------------------- $(".slider-for").slick({ fade: true, arrows: false, autoplay: true, slidesToShow: 1, slidesToScroll: 1, asNavFor: ".slider-nav" }); $(".slider-nav").slick({ dots: true, arrows: false, slidesToShow: 3, slidesToScroll: 1, focusOnSelect: true, asNavFor: ".slider-for", responsive: [ { breakpoint: 768, settings: { slidesToShow: 1, centerMode: true } } ] }); // speaker section - carousel - end // -------------------------------------------------- // partners-carousel - start // -------------------------------------------------- $('#partners-carousel').owlCarousel({ nav:true, items: 1, loop:true, autoplay:true, smartSpeed:1000, autoplayTimeout:4000, autoplayHoverPause:true }); // partners-carousel - end // -------------------------------------------------- // partners-carousel - start // -------------------------------------------------- $('#clients-testimonial-carousel').owlCarousel({ items:1, loop:true, margin:30, nav:false, autoplay:true, smartSpeed:1000, autoplayTimeout:5000, autoplayHoverPause:true, animateIn: 'lightSpeedIn' }); // partners-carousel - end // -------------------------------------------------- // event-details-carousel - start // -------------------------------------------------- $('#event-details-carousel').owlCarousel({ nav:true, items: 1, loop:true, smartSpeed:1000 }); // event-details-carousel - end // -------------------------------------------------- // event-details-carousel - start // -------------------------------------------------- $('#testimonial5-carousel').owlCarousel({ items:1, nav:true, loop:true, margin:30, autoplay:true, smartSpeed:1000, autoplayTimeout:5000, autoplayHoverPause:true, animateIn: 'lightSpeedIn' }); // event-details-carousel - end // -------------------------------------------------- // management-service-carousel --> home 4 - start // -------------------------------------------------- $('#management-service-carousel').owlCarousel({ items:4, margin:2, nav:false, loop:true, autoplay:true, smartSpeed:500, autoplayTimeout:2000, autoplayHoverPause:true, responsive:{ 0:{ items:1, }, 360:{ items:1, }, 768:{ items:2, }, 991:{ items:3, }, 1199:{ items:4, } } }); // management-service-carousel --> home 4 - end // -------------------------------------------------- // gallery masonry - start // -------------------------------------------------- // init Isotope var $grid = $(".grid").isotope({ itemSelector: ".element-item", layoutMode: "fitRows" }); // filter functions var filterFns = { // show if number is greater than 50 numberGreaterThan50: function() { var number = $(this) .find(".number") .text(); return parseInt(number, 10) > 50; }, // show if name ends with -ium ium: function() { var name = $(this) .find(".name") .text(); return name.match(/ium$/); } }; // bind filter button click $(".filters-button-group").on("click", "button", function() { var filterValue = $(this).attr("data-filter"); // use filterFn if matches value filterValue = filterFns[filterValue] || filterValue; $grid.isotope({ filter: filterValue }); }); // change is-checked class on buttons $(".button-group").each(function(i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on("click", "button", function() { $buttonGroup.find(".is-checked").removeClass("is-checked"); $(this).addClass("is-checked"); }); }); var $grid = $('.grid').isotope({ percentPosition: true, itemSelector: '.grid-item', masonry: { columnWidth: '.grid-sizer' } }); // layout Isotope after each image loads $grid.imagesLoaded().progress( function() { $grid.isotope('layout'); }); // gallery masonry - end // -------------------------------------------------- // google map - start // -------------------------------------------------- function isMobile() { return ('ontouchstart' in document.documentElement); } function init_gmap() { if ( typeof google == 'undefined' ) return; var options = { zoom: 14, center: [40.725062,-74.0012177], styles: [ {elementType: 'geometry', stylers: [{color: '#e0dad2'}]}, {elementType: 'labels.text.stroke', stylers: [{color: '#ffffff'}]}, {elementType: 'labels.text.fill', stylers: [{color: '#3f362b'}]}, { featureType: 'administrative.locality', elementType: 'labels.text.fill', stylers: [{color: '#383026'}] }, { featureType: 'poi', elementType: 'labels.text.fill', stylers: [{color: '#645644'}] }, { featureType: 'poi.park', elementType: 'geometry', stylers: [{color: '#bbafa1'}] }, { featureType: 'poi.park', elementType: 'labels.text.fill', stylers: [{color: '#645644'}] }, { featureType: 'road', elementType: 'geometry', stylers: [{color: '#d6cdc2'}] }, { featureType: 'road', elementType: 'geometry.stroke', stylers: [{color: '#d6cdc2'}] }, { featureType: 'road', elementType: 'labels.text.fill', stylers: [{color: '#645644'}] }, { featureType: 'road.highway', elementType: 'geometry', stylers: [{color: '#ffffff'}] }, { featureType: 'road.highway', elementType: 'geometry.stroke', stylers: [{color: '#ffffff'}] }, { featureType: 'road.highway', elementType: 'labels.text.fill', stylers: [{color: '#3f362b'}] }, { featureType: 'transit', elementType: 'geometry', stylers: [{color: '#eaeaea'}] }, { featureType: 'transit.station', elementType: 'labels.text.fill', stylers: [{color: '#d00000'}] }, { featureType: 'water', elementType: 'geometry', stylers: [{color: '#a3ccff'}] }, { featureType: 'water', elementType: 'labels.text.fill', stylers: [{color: '#515c6d'}] }, { featureType: 'water', elementType: 'labels.text.stroke', stylers: [{color: '#17263c'}] } ], mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, scrollwheel: false, streetViewControl: true, } if (isMobile()) { options.draggable = false; } $('#google-map').gmap3({ map: { options: options }, marker: { latLng: [40.725062,-74.0012177], options: { icon: 'assets/images/map-mark.png' } } }); } init_gmap(); // google map - end // -------------------------------------------------- })(jQuery);