(function ($, root, undefined) { $(function () { 'use strict'; // DOM ready, take it away gsap.registerPlugin('ScrollTrigger'); gsap.config({ nullTargetWarn: false, }); // greet let myDate = new Date(); let hrs = myDate.getHours(); let greet; if (hrs < 12) greet = 'Goedemorgen'; else if (hrs >= 12 && hrs <= 17) greet = 'Goedemiddag'; else if (hrs >= 17 && hrs <= 24) greet = 'Goedenavond'; $('#greeting .greet').html(greet); // programme let programmeTimeslots = $('#programme .time-slot'); let programmeTimeslotsTitles = $('#programme .time-slot.has-list .title'); // programme title accordion programmeTimeslotsTitles.click(function(){ let parentTimeslot = $(this).closest('.time-slot'); let parentTimeslotTitle = parentTimeslot.find('.title'); let sessions = parentTimeslot.find('.sessions'); let images = parentTimeslot.find('.session-image-img'); // show sessions sessions.slideToggle(300).toggleClass('active'); parentTimeslotTitle.toggleClass('active'); images.each(function(){ var parentHeight = $(this).parent().parent().height(); $(this).height(parentHeight); }); }); // location slider $('#location-slider').flickity({ cellAlign: 'left', contain: true, freeScroll: false, prevNextButtons: true, pageDots: false, wrapAround: true, imagesLoaded: true, // autoPlay: 8000 }); // deelnemers slider let $deelnemerCarousel = $('#deelnemer-carousel'); $deelnemerCarousel.flickity({ contain: true, freeScroll: true, prevNextButtons: false, pageDots: false, wrapAround: true, imagesLoaded: true, selectedAttraction: 0.0125, // centered: true, }); var $currentuser=$('#currentuser'); var startslide=4; if ($currentuser.length) { console.log('currentuser found '+$currentuser.attr('data-id')); var $me=$('#deelnemer-carousel').find('[data-filter-id="'+$currentuser.attr('data-id')+'"]'); if ($me.length) { var mypage=parseInt($me.parent().attr('data-slide-number')); console.log('my slide '+mypage); startslide=mypage-1; } } $deelnemerCarousel.flickity( 'select', startslide ); // people search const searchInput = $('#search'); const searchIcon = $('#search-icon'); const searchClose = $('#close-icon'); $(searchInput).on('keyup', function() { let searchVal = $(this).val(); let filterItems = $('[data-filter-item]'); if ( searchVal != '' && searchVal.length > 2) { // hide all filterItems.addClass('hidden').removeClass('active'); // show persons $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('hidden').addClass('active'); // get first item to scroll to let firstPerson = $('.person.active').first(); // get the slide number of this person let slide = firstPerson.closest('.slide'); let slideNumber = slide.data('slide-number'); // console.log(slideNumber); // scroll to slide $deelnemerCarousel.flickity( 'select', slideNumber - 1); searchIcon.hide(); searchClose.show().css('display','flex'); } else { filterItems.removeClass('hidden'); filterItems.removeClass('active'); searchIcon.show().css('display','flex'); searchClose.hide(); } }); // close and clear search $(searchClose).click(function(){ searchIcon.show().css('display','flex'); searchClose.hide(); searchInput.val(''); $(searchInput).trigger('keyup'); }); }); })(jQuery, this); /*******************************************************************/ /* ftrtch dino */ /* [type: JS] [file:main-js] [7.171] DESIGN*/ /*******************************************************************/ /* 0.5 D>D */ /* db 162 */