https://www.concawe.eu/wp-content/themes/concawe1/js/mc.init.js?ver=336

1jQuery(document).ready(function ($) {
2
3  $('#main-header').append('<div id="sub-header" class="test"><div class="container"><a id="overlay_unique_id_295" href="#rate">Rate this website</a></div></div>');
4
5  // -------- WHITE LOGO ON HOMEPAGE ------------------------------------------------------------------------
6
7  $('.logo_container').append('<a href="/"><img src="https://www.concawe.eu/wp-content/uploads/logo-white-no-tagline.svg" class="home-logo" id="logo" style="display:none;" /></a>');
8
9  // -------- CUSTOM ACCORDION BASED ON JQUERY ------------------------------------------------------------------------
10  // Doc: https://jquery.com/
11
12  $('.accordion > .list-item:eq(0) .list-title').addClass('active').next().slideDown();
13
14  $('.accordion .list-title').click(function(j) {
15      var dropDown = $(this).closest('.list-item').find('.list-excerpt');
16
17      $(this).closest('.accordion').find('.list-excerpt').not(dropDown).slideUp();
18
19      if ($(this).hasClass('active')) {
20          $(this).removeClass('active');
21      } else {
22          $(this).closest('.accordion').find('a.active').removeClass('active');
23          $(this).addClass('active');
24      }
25
26      dropDown.stop(false, true).slideToggle();
27
28      j.preventDefault();
29  });
30
31  // -------- CUSTOM TABS BASED ON JQUERY ------------------------------------------------------------------------
32  // Doc: https://jquery.com/
33
34  var tab_selector =  '.mc-tabs';
35
36  $( tab_selector + ' .tab-link').click(function(){
37
38    var tab_id = $(this).attr('data-tab');
39
40    var $parent = $("#" + tab_id).parent();
41
42    $parent.find(".tab-link").removeClass('current');
43
44    $parent.find(".mc-tabs-content").removeClass('current');
45
46    $(this).addClass('current');
47
48    $("#" + tab_id).addClass('current');
49
50  });
51
52  // -------- STAGGER LIST BASED ON JQUERY ------------------------------------------------------------------------
53  // Doc: https://jquery.com/
54
55  var list = $('.stagger-list');
56  var items = list.find('.list-item');
57
58  for (var i = 0; i < items.length; i++) {
59    var item = items.eq(i);
60    var delay = (i + 1) / 10;
61
62    item.css({
63      'transition-delay': delay + "s",
64      'transition-duration': '.75s',
65      'transition-timing-function': 'cubic-bezier(0.075, 0.82, 0.165, 1)'
66    }).addClass('display');
67  };
68
69
70
71  // -------- SIMPLE LOAD MORE / LOAD MORE ------------------------------------------------------------------------
72  // Doc: https://github.com/zeshanshani/simple-load-more/
73
74    $('.related-list').simpleLoadMore({
75      item: '.list-item',
76      count: 9,
77      btnHTML: '<div class="load-more-wrapper"><a href="#" class="load-more mc-button purple">Load More</a></div>'
78    });
79
80  /*$('.event-list.past-events').simpleLoadMore({
81    item: '.list-item',
82    count: 12,
83    btnHTML: '<div class="load-more-wrapper"><a href="#" class="load-more mc-button purple">Load More</a></div>'
84  });*/
85  // -------- Infinte Scroll ------------------------------------------------------------------------
86  // Doc: https://infinite-scroll.com/
87  /*
88  $('.infinite-scroll').infiniteScroll({
89    path: '.next',
90    append: '.list-item',
91    history: false,
92    hideNav: '.pagination-wrapper',
93    status: '.scroller-status'
94  });
95  */
96
97
98  // -------- SLICK SLIDER / CUSTOM SLIDER WITH VIDEOS ------------------------------------------------------------------------
99  // Doc: http://kenwheeler.github.io/slick/
100  // Display Slide Title in Slick Dots
101  /*
102  $('.home-slider .slider').on('init', function(event, slick){
103     var dots = $( '.slick-dots li' );
104     dots.each( function( k, v){
105       $(this).find( 'button' ).addClass( 'heading'+ k );
106     });
107     var items = slick.$slides;
108     items.each( function( k, v){
109         var text = $(this).find( '.slide-title' ).text();
110         $( '.heading' + k ).text(text);
111     });
112   });
113   */
114
115
116  // -------- SLICK SLIDER / SLIDER ------------------------------------------------------------------------
117  // Doc: http://kenwheeler.github.io/slick/
118
119  $('.home-slider .slider').slick({
120    dots: false,
121    speed: 1500,
122    autoplay: true,
123    autoplaySpeed: 7000,
124    arrows: true,
125    fade: false,
126    pauseOnHover:false,
127  });
128

129  $('.publication-slider').slick({
130    dots: false,
131    speed: 1500,
132    autoplay: true,
133    autoplaySpeed: 6000,
134    arrows: true,
135    fade: false,
136  });
137
138  $('.event-slider').slick({
139    dots: false,
140    speed: 1500,
141    autoplay: false,
142    autoplaySpeed: true,
143    arrows: true,
144    fade: false,
145  });
146
147
148
149  // -------- SLICK SLIDER / Carousel ------------------------------------------------------------------------
150  // Doc: http://kenwheeler.github.io/slick/
151
152  $('.carousel').slick({
153  dots: false,
154  infinite: false,
155  speed: 1600,
156  autoplay: true,
157  autoplaySpeed: 6000,
158  slidesToShow: 3,
159  slidesToScroll: 3,
160  infinite: true,
161  responsive: [
162    {
163      breakpoint: 1027,
164      settings: {
165      slidesToShow: 3,
166      slidesToScroll: 3,
167      infinite: true,
168      dots: true
169      }
170    },
171    {
172      breakpoint: 981,
173      settings: {
174      slidesToShow: 2,
175      slidesToScroll: 2,
176      infinite: true,
177      dots: true
178      }
179    },
180    {
181      breakpoint: 480,
182      settings: {
183      slidesToShow: 1,
184      slidesToScroll: 1
185      }
186    }
187    ]
188  });
189
190
191  // -------- JUSTIFIED GALLERY ------------------------------------------------------------------------
192  // Doc: http://miromannino.github.io/Justified-Gallery/options-and-events/
193  /*
194  $(".photo-gallery").justifiedGallery({
195    rowHeight: 150,
196    margins: 10,
197    border: 0,
198  });
199  */
200
201  // -------- MAGINFICIENT POPUP / This is the native lightobx script of DIVI
202  // Doc: http://dimsemenov.com/plugins/magnific-popup/
203
204  $('.mg-video').magnificPopup({
205    disableOn: 0,
206    type: 'iframe',
207    mainClass: 'mfp-fade',
208    removalDelay: 160,
209    preloader: false,
210    fixedContentPos: false
211  });
212
213  $('.photo-gallery').magnificPopup({
214    delegate: 'a',
215    type: 'image',
216    tLoading: 'Loading image #%curr%...',
217    mainClass: 'mfp-fade',
218    gallery: {
219      enabled: true,
220      navigateByImgClick: true,
221      preload: [0,1] // Will preload 0 - before current, and 1 after the current image
222    },
223    image: {
224      tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
225      titleSrc: function(item) {
226        //return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
227        return item.el.attr('title');
228      }
229    }
230  });
231
232  // -------- FULL CALENDAR ------------------------------------------------------------------------
233  // Doc: https://fullcalendar.io/
234  /*
235  eventsFeedUrl = '/wpdivi/events-feed.json';
236
237  var json_source = eventsFeedUrl;
238
239  var events = (function () {
240
241    var json = null;
242
243    $.ajax({
244      'async': false,
245      'global': false,
246      'url': json_source,
247      'dataType': "json",
248      'success': function (data) {
249        json = data;
250      }
251
252    });
253
254    return json;
255
256  })();
257
258  var cal0 = $('#calendar0');
259
260  var currentDate = moment().format('YYYY-MM-DD');
261
262  var futureMonth = moment().add(1, 'month').format('YYYY-MM-DD');
263
264  cal0.fullCalendar({
265    nextDayThreshold: '00:00:00',
266    header: {
267      left: 'title',
268      center: '',
269      right: 'prev,next today',
270    },
271    displayEventTime: false,
272    defaultDate: currentDate,
273    events: events,
274  });
275  */
276
277  $(window).on('load', function(){
278    $('body').removeClass('no-js');
279  });
280});
281
282
283/// -------- MixItUp JS ------------------------------------------------------------------------
284/*
285
286var containerEl = document.querySelector('.mc-filtered-list');
287
288if( containerEl ) {
289
290  var mixer = mixitup(containerEl, {
291    multifilter: {
292      enable: true
293    },
294    selectors: {
295      target: '.list-item'
296    },
297    animation: {
298        //effects: 'fade scale stagger(50ms)' // Set a 'stagger' effect for the loading animation
299    },
300    pagination: {
301        //limit: 4
302    },
303    load: {
304        filter: 'none' // Ensure all targets start from hidden (i.e. display: none;)
305    },
306    callbacks: {
307      onMixEnd: function(state){
308        if ($('#noItemsFoundMessage').length > 0) {
309          if(state.hasFailed ){
310            noItemsFoundMessage.style.display = "block";
311            //alert("No items found");
312          } else {
313            noItemsFoundMessage.style.display = "none";
314            //alert("Items found");
315          }
316        }
317
318      }
319    }
320  });
321  // Add a class to the container to remove 'visibility: hidden;' from targets. This
322  // prevents any flickr of content before the page's JavaScript has loaded.
323  containerEl.classList.add('mixitup-ready');
324  // Show all targets in the container
325  mixer.show()
326    .then(function() {
327      // Remove the stagger effect for any subsequent operations
328      mixer.configure({
329        animation: {
330          effects: 'fade scale'
331        }
332      });
333    });
334}
335
336*/