https://www.editionsdelherne.com/wp-content/themes/lherne/_/js/main.js

1/*global DOMAssistant, base_dir, $, window, Projects, Pages, Gallery, Cufon, History, base_url, console: true */
2
3/**
4 *
5 * App - Main Class
6 * ---
7 *
8 */
9
10function App(version) {
11    /// Settings
12    //
13    this.version = version;
14    $(document).ready($.proxy(this.ready, this));
15}
16
17App.prototype.ready = function() {
18    console.log('app v' + this.version);
19    this.responsive_images();
20
21
22
23    /// Nav for page auteurs
24    /// 
25    if ($('#section-auteurs').length) {
26
27      //$("ul.auteurs" ).clone().removeClass('grille').addClass('liste').appendTo( "#liste-grille-auteurs" );
28      $('ul.auteurs.liste').columnize({ width: 230 });
29
30      //$('ul.auteurs.grille').css('visibility','visible');
31
32      //$('a.bt-grille').click(function(){
33      //  $('ul.auteurs li').show();
34      //  $('#section-auteurs').removeClass('liste').addClass('grille');
35      //});
36      $('a.bt-liste').click(function(){
37        $('ul.auteurs li').show();
38        $('#section-auteurs').removeClass('grille').addClass('liste');
39      });
40
41      $('ul.auteurs.liste .letter').each(function(){
42        var letter = $(this).text();
43        $('.filter .letters').append('<a href="#letter-'+letter+'" >'+letter+'</a>');
44      });
45      $('.filter .letters').on('click','a',function(event){
46        event.preventDefault();
47        var context = $('#section-auteurs').hasClass('liste') ? '.auteurs.liste' : '.auteurs.grille';
48        $('html,body').animate( { scrollTop:  $(context+' .letter-'+$(this).text()).first().offset().top-50},500);
49      });
50
51    }
52
53    // Search form
54    // 
55    $('.menu-item-4484062 a').click(function(event) {
56      event.preventDefault();
57      event.stopPropagation();
58      $('.search-form').toggleClass('open');
59      $('#s').focus();
60      $('.search-form').unbind('click').click(function(event) {
61        event.stopPropagation();
62      });
63      $('html').one('click',function(event) {
64        event.preventDefault();
65        $('.search-form').removeClass('open');
66      });
67    });
68  
69
70    // Submenu catalogue
71    // 
72    $('.menu-item-1835 A').hover(function() {
73      $('.secondary-menu-container').addClass('open').one("mouseleave",function(event){
74        $('.secondary-menu-container').removeClass('open');
75      });
76      $('.search-form').removeClass('open');
77    }).click(function(event) {
78      event.preventDefault();
79    }); 
80    $('#menu-primary li').not('.menu-item-1835').hover(function(){
81      $('.secondary-menu-container').removeClass('open');
82    });
83
84
85    //Homapage Slideshow Caroussel
86    $('.slideshow-carroussel').slick({
87      dots: true,
88      lazyLoad: 'ondemand',
89      slidesToShow: 1,
90      autoplay: true,
91      autoplaySpeed: 8000,
92      speed: 800,
93      responsive: [
94        {
95          breakpoint: 900,
96          settings: {
97            speed: 300
98          }
99        }
100      ]
101    });
102
103    $('.carroussel-selection').slick({
104      lazyLoad: 'ondemand',
105      dots: false,
106      infinite: false,
107      
108      speed: 300,
109      slidesToShow: 3,
110      slidesToScroll: 2,
111      responsive: [
112        {
113          breakpoint: 1545,
114          settings: {
115
116            slidesToShow: 2,
117            slidesToScroll: 2,
118            infinite: true,
119            //dots: true
120          }
121        },
122        {
123          breakpoint: 900,
124          settings: {
125            speed: 300,
126            slidesToShow: 1,
127            slidesToScroll: 1
128          }
129        },
130        {
131          breakpoint: 480,
132          settings: {
133            slidesToShow: 1,
134            slidesToScroll: 1
135          }
136        }
137      ]
138    });
139
140     $('.carroussel-publication').slick({
141      dots: false,
142      lazyLoad: 'ondemand',
143      infinite: false,
144      
145      speed: 300,
146      slidesToShow: 7,
147      slidesToScroll: 7,
148      responsive: [
149        {
150          breakpoint: 1545,
151          settings: {
152            slidesToShow: 5,
153            slidesToScroll: 5,
154            infinite: true,
155          }
156        },
157        {
158          breakpoint: 850,
159          settings: {
160            slidesToShow: 4,
161            slidesToScroll: 4
162          }
163        },
164        {
165          breakpoint: 630,
166          settings: {
167            slidesToShow: 3,
168            slidesToScroll: 3
169          }
170        },
171        {
172          breakpoint: 480,
173          settings: {
174            slidesToShow: 2,
175            slidesToScroll: 2
176          }
177        }
178        // You can unslick at a given breakpoint now by adding:
179        // settings: "unslick"
180        // instead of a settings object
181      ]
182    });
183
184
185     $('.carroussel-actualites').slick({
186      dots: false,
187      lazyLoad: 'ondemand',
188      infinite: false,
189      
190      speed: 300,
191      slidesToShow: 3,
192      slidesToScroll: 3,
193      responsive: [
194        {
195          breakpoint: 1545,
196          settings: {
197            slidesToShow: 3,
198            slidesToScroll: 3,
199            infinite: true,
200          }
201        },
202        {
203          breakpoint: 600,
204          settings: {
205            slidesToShow: 2,
206            slidesToScroll: 2
207          }
208        },
209        {
210          breakpoint: 480,
211          settings: {
212            slidesToShow: 1,
213            slidesToScroll: 1
214          }
215        }
216      ]
217    });
218
219     $('.carroussel-auteurs').slick({
220      dots: false,
221      lazyLoad: 'ondemand',
222      infinite: false,
223      
224      speed: 300,
225      slidesToShow: 7,
226      slidesToScroll: 7,
227      responsive: [
228        {
229          breakpoint: 1545,
230          settings: {
231            slidesToShow: 7,
232            slidesToScroll: 7,
233            infinite: true,
234          }
235        },
236        {
237          breakpoint: 600,
238          settings: {
239            slidesToShow: 4,
240            slidesToScroll: 4
241          }
242        },
243        {
244          breakpoint: 480,
245          settings: {
246            slidesToShow: 2,
247            slidesToScroll: 2
248          }
249        }
250      ]
251    });
252
253     /*OPEN POP UP FEUILLETER*/
254     $('.mpopup').magnificPopup({
255      type: 'iframe',
256      iframe: {
257        patterns: {
258          scribd: {
259            index: 'scribd.com',
260            id: function(url) {        
261                var m = url.match(/^.+scribd.com\/doc\/(\d+)\/?/);
262                if (m !== null) {
263                  return m[1];
264                }
265                return null;
266            },
267            src: 'https://www.scribd.com/embeds/%id%/content?start_page=1&view_mode=book&show_recommendations=false'
268          }
269        }
270      }
271    });
272
273     /*Mobile menu*/
274   //  $('.mobile-menu-container').hide();
275    //  if ($('a.mobile-menu').is(':visible')) {
276    //     $('.mobile-menu-container').hide();
277    // } else {
278    //     $('.mobile-menu-container').show();
279    // }
280     $('a.mobile-menu').click(function() {
281        $('.mobile-menu-search').toggleClass('open');
282      });
283
284
285     /*$('#actualites-container').fluidbricks({
286          'itemClass': '.news-block',
287          'columnWidth': '.col-width'
288      });*/
289
290
291    //ACTUALITES MASONRY
292  /*  var container = document.querySelector('#actualites-container');
293    var msnry = new Masonry( container, {
294      columnWidth: 200,
295      itemSelector: '.actualites-item'
296    });
297*/
298   // with jQuery
299// $('#actualites-container').masonry({
300//   //columnWidth: 100,
301//   isFitWidth: true,
302//   itemSelector: '.actualites-item'
303// });
304// 
305
306
307};
308
309
310App.prototype.responsive_images = function() {
311   //// Sets breakpoints for lazyloading images, default = biggest image
312    var bLazy = new Blazy();
313    $('IMG.b-lazy.forced').each(function() {
314        bLazy.load(this);
315    });
316
317};
318
319//Starts the app
320app = new App("0.1");