(function($) { Drupal.behaviors.init_theme = {}; Drupal.behaviors.init_theme.attach = function (context) { // Growl-style system messages $('#messages-and-help > div.messages:not(.processed)') .addClass('processed') .each(function() { // If a message meets these criteria, we don't autoclose // - contains a link // - is an error or warning // - contains a lenghthy amount of text if ($('a', this).size() || $(this).is('.error') || $(this).is('.warning') || $(this).text().length > 100) { $(this).prepend("X"); $('span.close', this).click(function() { $(this).parent().slideUp('fast'); }); } else { // This essentially adds a 3 second pause before hiding the message. $(this).animate({opacity:1}, 5000, 'linear', function() { $(this).slideUp('fast'); }); } }); }; Drupal.behaviors.materio = {}; Drupal.behaviors.materio.attach = function(context) {}; MaterioBaseTheme = function(){ var _settings = Drupal.settings, _themeSettings = _settings.materiobasetheme, _strings = _themeSettings.strings, _History = window.History, _this = this, _$body = $('body'), _$content = $('#content'), _jsp, _$tooltip = $('
').appendTo('body'), _$homeUtilities, _$homeBlockDidactique, _hoverHomeDidactique = false, _homeTimeInterval, _touch = $('html').is('.touch'), _statePushed = false, // touch scroll position = {x:null,y:null}, translate3d_content = 0, _isLoggedIn = !_$body.is('.not-logged-in'), _isFrontNotLogged = _$body.is('.front.not-logged-in'), _isFrontHomeV2 = _$body.is('.home-v2'), _skrollr, _isMembershipForm = _$body.is('.page-node-11186'), //$('body').is('.page-node-11187') || , _isBreveMateriauNodePage = _$body.is('.node-type-breve') || _$body.is('.node-type-materiau'), // _isBreveMateriauNodePage = _themeSettings.page_callback == 'node_page_view' && (_themeSettings.node_type == 'materiau' || _themeSettings.node_type == 'breve'), _hasDoubleSearchForm = $('#block-materio-search-api-materio-search-api-search .msa-search').length && $('#block-materio-search-api-materio-search-api-search .msa-advanced-search').length, _resizeTimer, _max_480 = function(){ return (viewport().width < 479); }, _480_768 = function(){ return ( !_max_480() && _max_768() ); }, _max_768 = function(){ return (viewport().width < 767); }, _768_980 = function(){ return ( !_max_768() && _max_980() ); }, _max_980 = function(){ return (viewport().width < 979); }, _980_1200 = function(){ return ( !_max_980() && _max_1200() ); }, _max_1200 = function(){ return (viewport().width < 1199); }, _previewIsOpen = false, _viewmodes = { bookmark : 50, cardsmall : 100, cardmedium : 210, cardbig : 425, cardfull : 850 }; // DEV var v1, v2, v3, v4, v5; // generic variable used in many cases to avoid to create new memory block with new vars function init(){ trace('init MaterioBaseTheme'); checkIE(); initHistoryNav(); // if(_isFrontNotLogged && !_isFrontHomeV2) // initHome(); if(_isFrontHomeV2) initHomeV2(); if(_isMembershipForm) initMembershipForm(); initForms(); if(!_isFrontHomeV2) initLayout(); initInfinitScroller(); initEvents(); initKeyboardShortcuts(); initViewmodes(); if(_hasDoubleSearchForm) initDoubleSearchFormTabs(); if(_isBreveMateriauNodePage) $.event.trigger({ type : 'resultschanged', container : '#content>.inner-content'}); setTimeout(function(){ $.event.trigger({ type : 'theme-ready' }); },100); }; /** * checkIE * */ function checkIE(){ // alert('check ie'); if($('.oldie body').size() && !readCookie('oldie_checked')){ setTimeout(function(){ createCookie('oldie_checked', 1); alert('Afin de profiter pleinement des fonctionalités de materio.com, nous vous invitons a mettre a jour votre navigateur dans ça denière version. Celui ci n\'étant pas compatible avec les technologie employer par materio.com, vous risquer de rencontrer des difficulter de navigation.'); }, 4000); } }; /** * history navigation */ function initHistoryNav(){ trace("initHistoryNav _History", _History); var state = _History.getState(); // _History.log('initial:', state.data, state.title, state.url); _History.Adapter.bind(window,'statechange',onHistoryStateChange); $(document).bind('new-history-page', onNewHistoryPage); }; function onNewHistoryPage(event){ trace('theme :: onNewHistoryPage', event); var title = event.title.replace(/<(?:.|\n)*?>/gm, '') + ' | ' + _strings.site_name; // trace('MaterioBaseTheme :: onNewHistoryPage : title', title); _statePushed = true; _History.pushState({content:event.content, pagetitle:event.title}, title, event.path); }; function onHistoryStateChange(event){ trace('theme :: onHistoryStateChange', event); var state = _History.getState(); _History.log('statechange:', state.data, state.title, state.url); // google analytics $.event.trigger({ type : 'record-stat', path : state.url }); // TODO: History : empty content if we go back to the homepage // change the current url for feedbacks $('input[name=location]','#feedback-form').attr('value', state.url); $.event.trigger({ type:'materio-page-title-refresh-block', title : state.data.pagetitle }); // this condition is to avoid retriggering probleme when a module pushState and then is retriggered by state-changed if(!_statePushed){ _statePushed = false; $('.inner-content',_$content).html(state.data.content); $.event.trigger('history-state-change'); } }; /* __ ___ / /_ ____ ____ ___ ___ _ _< / / __ \/ __ \/ __ `__ \/ _ \ | | / / / / / / / /_/ / / / / / / __/ | |/ / / /_/ /_/\____/_/ /_/ /_/\___/ |___/_/ */ function initHome(){ $('img.lazy', '#block-materio-didactique-materio-didactique-home').each(function(){ var $img = $(this); $img.attr('src', $img.attr('data-original')); }); if(_max_768()){ initHomeDidactiqueMobile(); }else{ initHomeDidactiqueDesktop(); } }; function initHomeDidactiqueMobile(){ // trace('initHomeDidactiqueMobile'); _$homeBlockDidactique = $('#block-materio-didactique-materio-didactique-home'); $('.node-didactique', _$homeBlockDidactique) .find('.field-name-title-field') .bind('click', clickOnHomeDidactiqueTitle); }; function clickOnHomeDidactiqueTitle(e){ // trace('clickOnHomeDidactiqueTitle'); var $node = $(this).parent('.node-didactique'); if($node.is('.opened')){ $node.removeClass('opened');//.slideUp(); }else{ $('.node-didactique', _$homeBlockDidactique).removeClass('opened');//.slideUp(); $node.addClass('opened');//.slideDown(); $('html,body').animate({scrollTop: $node.offset().top - $('#header').h()}); } }; function initHomeDidactiqueDesktop(){ // trace("initHomeDidactiqueDesktop"); _$homeUtilities = $('#utilities'); _$homeBlockDidactique = $('#block-materio-didactique-materio-didactique-home') .append('
') .append('
') // .append('') .bind('mouseenter', function(event) { _hoverHomeDidactique = true; }) .bind('mouseleave', function(event) { _hoverHomeDidactique = false; }); $('.node-didactique',_$homeBlockDidactique).each(function(index) { if(index){ $(this).addClass('op-hidden'); }else{ $(this).addClass('op-visible'); } $('.field-name-title-field', this) .clone() .addClass(index ? '' : 'active') .click(function(event){ $(this).addClass('active').siblings().removeClass('active'); _$homeBlockDidactique.find('.node-didactique').removeClass('op-visible').addClass('op-hidden').eq(index).removeClass('op-hidden').addClass('op-visible'); }) .appendTo($('.tabs', _$homeBlockDidactique)); }).appendTo($('.slides', _$homeBlockDidactique)); if(!_touch){ $(document).bind('scroll', function(event){ if($(window).scrollTop() == 0) { if(_$homeUtilities.is('.closed')){ _$homeUtilities.removeClass('closed');//.removeClass('scroll-closed'); launchHomeDidactiqueInterval(); initLayout(); } }else{ if(!_$homeUtilities.is('.closed')){ _$homeUtilities.addClass('closed');//.addClass('scroll-closed'); clearInterval(_homeTimeInterval); initLayout(); } } }); } // launchHomeDidactiqueInterval(); $(document) .bind('cbox_complete', function(){ clearInterval(_homeTimeInterval); }) .bind('cbox_closed', function(){ launchHomeDidactiqueInterval(); }); $('.side.oops a').click(function(event) { event.preventDefault(); // $(document).scrollTop(0); // $('#edit-mail', "#block-materio-user-user-register").focus(); window.location.href = $(this).attr('href'); return false; }); }; function launchHomeDidactiqueInterval(){ _homeTimeInterval = setInterval(function(){ if(!_hoverHomeDidactique){ var $next = $('.tabs .active', _$homeBlockDidactique).next(); if(!$next.length) $next = $('.tabs .active', _$homeBlockDidactique).siblings().eq(0); $next.trigger('click'); } }, 15000); }; /* __ ___ / /_ ____ ____ ___ ___ _ _|__ \ / __ \/ __ \/ __ `__ \/ _ \ | | / /_/ / / / / / /_/ / / / / / / __/ | |/ / __/ /_/ /_/\____/_/ /_/ /_/\___/ |___/____/ */ function initHomeV2(){ //console.log('initHomeV2'); initCards('#home-v2 .panel-pane.news-panel .panel-col-first .views-row'); // if(!_max_480()){ /* // Click Menu and scroll to part of the page $('.pane-menu-menu-home-v2 .menu li a').each(function(){ // var href = $(this).attr("href"); // var part = link.replace("/fr/", ""); // $(this).attr('href', '#' +part); // $(this).click(function(e){ // e.preventDefault(); // var scrollTo = $('.' + part).offset().top -200; // $("body").animate({scrollTop: scrollTo}, 2000 ); // return false; // }) var reg = /\b([^-]+)-link/g; var match = reg.exec($(this).attr('class')); console.log('match', match); $(this).attr('href', '#' +match[1]+ '-pane'); $('#'+match[1]+'-pane').attr('data-menu-offset','-80'); }); */ // SKROLLR effects // showroom TXT $('.panel-pane.showroom .group-content-wrapper', '#home-v2') .attr('data-400-center-top', 'transform:translateX(-43em);opacity:0;') .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;') .attr('data-top-bottom', 'transform[quadratic]:translateX(10em);'); // showroom Image BGD $('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2') .attr('data-400-bottom-top', 'transform:translateY(-20em);') .attr('data-200-top-bottom', 'transform:translateY(5em);'); // database TXT $('.panel-pane.bdd .group-content-wrapper', '#home-v2') .attr('data-400-center-top', 'transform:translateX(40em);opacity:0;') .attr('data-200-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;'); // database IMG $('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2') .attr('data-400-bottom-top', 'transform:translateX(0em);') .attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);'); // news $('.panel-pane.news-panel .center-wrapper .panel-panel', '#home-v2').each(function(i, e){ $(this) .attr('data-anchor-target', "#news-pane") .attr('data--'+(i+1)*75+'-bottom-top', 'transform:translateY(20em);opacity:0;') .attr('data-center-top', 'transform[quadratic]:translateY(0em);opacity:1;'); }); // Formations $('.panel-pane.formations .group-content-wrapper', '#home-v2') .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;') .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;'); // Formations $('.panel-pane.services .group-content-wrapper', '#home-v2') .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;') .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;'); //Publication node news $('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){ $(this) // .attr('data-anchor-target', "#news-pane") .attr('data--'+i*100+'-bottom-top', 'opacity:0;') .attr('data-'+i*50+'-center-center', 'opacity:1;'); }); _skrollr = skrollr.init({ skrollrBody:"root" }); /* //The options (second parameter) are all optional. The values shown are the default values. skrollr.menu.init(_skrollr, { //skrollr will smoothly animate to the new position using `animateTo`. animate: true, //The easing function to use. easing: 'outCubic', //Multiply your data-[offset] values so they match those set in skrollr.init scale: 2, //How long the animation should take in ms. duration: function(currentTop, targetTop) { //By default, the duration is hardcoded at 500ms. // return 500; //But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`). return Math.abs(currentTop - targetTop)*0.8; }, //If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`. //You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number. // handleLink: function(link) { // return 400;//Hardcoding 400 doesn't make much sense. // }, //By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`. //If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part. //The following will all work (if the user is on the correct page): //http://example.com/currentPage/#foo //http://example.com/currentDir/currentPage.html?foo=bar#foo ///?foo=bar#foo complexLinks: false, //This event is triggered right before we jump/animate to a new hash. // change: function(newHash, newTopPosition) { // //Do stuff // }, //Add hash link (e.g. `#foo`) to URL or not. updateUrl: false //defaults to `true`. }); */ // } }; /** * layout */ function initLayout(){ trace("initLayout"); // if(!_max_768()){ var height = $('#header').h() + $('#tasks').h(); // if(!_max_480() && !_touch ){ height += $('#utilities').h();//+15; // } //$('#main').css('margin-top', height+15); // $('#container').css('padding-top', height+15); if(!$('html').is(".ie8")){ $('#container').animate({'padding-top':height}, 150); } // } }; /** * infinit scroll */ function initInfinitScroller(){ // trace("initInfinitScroller"); $.event.trigger({ type : 'init-scroller-pager', pager : $('ul.pager', '#content') }); $(document).bind('scroll', function(event){ // trace('scroll event binded'); checkInfinitScroller(); }); }; function checkInfinitScroller(){ // trace('checkInfinitScroller'); // if(!_touch){ // }else{ if($(window).scrollTop() + $(window).height() > getDocHeight() - 200) { infinitScrollPager(); } // } }; function infinitScrollPager(){ // trace('MaterioBaseTheme :: infinitScrollPager'); if($('ul.pager', '#content').length){ var $nextpage = $('ul.pager .pager-current', '#content').next(), href = $('a', $nextpage).attr('href'); if(href){ $.event.trigger({ type : 'record-stat', path : href }); // google analytics $.event.trigger({ type : 'load-scroller-pager', href : href }); } } }; /** * events */ function initEvents(){ //trace('MaterioBaseTheme :: initEvents'); $(document) .bind('init-layout', initLayout) .bind('loading-content', onLoadingContent) .bind('loaded-content', onLoadedContent) .bind('resultschanged', onResultsChanged) .bind('resultscompleted', onResultsCompleted) .bind('mybookmarks-block-updated', onMybookmarksBlockUpdate) .bind('mylists-block-builded', onMyListsBlockBuilded) .bind('mylists-block-updated', onMyListsBlockUpdate) .bind('flagGlobalAfterLinkUpdate', onAfterFlaging) .bind('record-stat', onRecordStat) .bind('view-mode-changed', onViewModeChanged) .bind('ajax-register-block-loaded', onAjaxRegisterBlockLoaded); $(window) .bind('resize', onResizeWindow); initFlagsEvent(); $('#block-user-login h2, #block-menu-menu-top-menu h2').bind('click', function(event) { event.preventDefault(); $(this).parent('.block').toggleClass('hovered'); $('.hovered').not($(this).parent('.block')).removeClass('hovered'); return false; }); $('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked-active', function(event) { $(this).parents('.block').toggleClass('hovered'); $('.hovered').not($(this).parents('.block')).removeClass('hovered'); }); $('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked', function(event) { $(this).parents('.block').removeClass('hovered'); $('.hovered').not($(this).parents('.block')).removeClass('hovered'); }); // @see http://www.jaypan.com/tutorial/calling-function-after-ajax-event-drupal-7 if(typeof Drupal.ajax !== "undefined"){ Drupal.ajax.prototype.commands.ajaxAfterAddedFilterLine = function(ajax, response, status){ // console.log('ajax after added filter line'); initLayout(); }; Drupal.ajax.prototype.commands.ajaxAfterRemovedFilterLine = function(ajax, response, status){ // console.log('ajax after removed filter line'); initLayout(); }; } }; function onLoadingContent(event){ _$content.addClass('faded'); $('#materio-search-api-search-form, #materio-search-api-advanced-search-form').addClass('loading'); }; function onLoadedContent(event){ // trace('MaterioBaseTheme :: onLoadedContent',event); _$content.removeClass('faded'); $('#materio-search-api-search-form, #materio-search-api-advanced-search-form').removeClass('loading'); }; function onResultsChanged(event){ trace('MaterioBaseTheme :: onResultsChanged',event); $(document).scrollTop(0); focusCard($('#content .search-results, #content .actuality-items').children('.node:first-child')); onResultsCompleted(event); }; function onResultsCompleted(event){ // trace('theme :: onResultsCompleted', event); checkInfinitScroller(); if(event.container != undefined){ // trace('theme :: container is ok : '+event.container) setTimeout(function(){ // why this time out ? initCards(event.container); setUpGrid(event.container); }, 100); } }; function initCards(container){ trace('theme :: initCards', container); var $container = $(container); $container.children('.node:not(.listened)') .bind('mouseenter focused mousemove click mouseleave', onCardEventDispatcher) .each(function(i){ protectFigures(this); if(_isLoggedIn){ if(!$container.is('.modal-content') && !$(this).is('.vm-cardfull')){ // do not add preview btn if we are already on a preview initPreview(this); }else{ // if we are on preview mode add a close btn (only for associated materials) if(!$(this).is(":first-child")){ var $closebtn = $('
'); $closebtn.bind('click', function(){ $(this).parents('.node-materiau').remove(); }); $('nav.nav', this).append($closebtn); } } } }) .addClass('listened'); }; function setUpGrid(container){ var $card, top, old_top, col = 0, line = 0; $(container).children('.node') .each(function(i){ $card = $(this); top = $card.offset().top; if(old_top != top){ line ++; old_top = top; col = 0; } col ++; $card.attr('column', col).attr('line', line); }); }; function onViewModeChanged(event){ if(_isBreveMateriauNodePage){ // if(!_isloadingresults){ $.event.trigger('loading-content'); var url = _settings.basePath+_settings.pathPrefix+'materio_search_api_ajax/node/'+_themeSettings.node_nid; $.getJSON(url, function(json){ //trace('json', json); $.event.trigger('loaded-content'); $('#content>.inner-content').html(json.node); $.event.trigger({ type : 'resultschanged', container : '#content>.inner-content'}); }); // } } }; /** * CARDS */ function onCardEventDispatcher(event){ // trace('onCardEvent', event); var vmode = event.currentTarget.className.match(/vm-([a-z|A-Z]+)/); var cf = 'on_'+event.type+'_card'; var f = 'on_'+event.type+'_'+vmode[1]; if(typeof _this[cf] == 'function') _this[cf].call(this, event); if(typeof _this[f] == 'function') _this[f].call(this, event); }; // function initLayoutCardDispatcher($card){ // // trace('$card', $card); // var vmode = $card.attr('class').match(/vm-([a-z|A-Z]+)/); // var f = 'init_layout_'+vmode[1]; // if(typeof _this[f] == 'function') // _this[f].call(this, $card); // }; /** * commons Cards */ // MaterioBaseTheme.prototype.init_layout_card = function($card){ // trace('initLayoutCardBig'); // }; // MaterioBaseTheme.prototype.on_mouseenter_card = function(event){ // //trace('MaterioBaseTheme :: on_mouseenter_card', event); // }; MaterioBaseTheme.prototype.on_mousemove_card = function(event){ // trace('on_mousemove_Card', event); focusCard($(this)); }; // MaterioBaseTheme.prototype.on_click_card = function(event){ // trace('on_click_card', event); // }; // MaterioBaseTheme.prototype.on_mouseleave_card = function(event){ // // trace('on_mouseleave_Card', event); // }; /** * cards small */ // MaterioBaseTheme.prototype.init_layout_cardsmall = function($card){ // trace('initLayoutCardBig'); // }; MaterioBaseTheme.prototype.on_mouseenter_cardsmall = function(event){ //trace('MaterioBaseTheme :: on_mouseenter_cardsmall', event); showLazyLoadedImages(event.currentTarget); }; MaterioBaseTheme.prototype.on_focused_cardsmall = function(event){ // trace('theme :: on_focused_cardsmall',event); v1 = $(this); v2 = v1.offset(); _$tooltip .html($('.group-header', this).clone().addClass('smallcard')) .css({ top:v2.top,//- event.layerY, left:v2.left + 5 + ($(this).w())// - event.layerX }) .removeClass('op-hidden').addClass('op-visible'); }; MaterioBaseTheme.prototype.on_mousemove_cardsmall = function(event){ // trace('on_mousemove_Card', event); horiHoverImagesSwitcher(event); _$tooltip .css({ top:event.pageY - _$tooltip.h() -5,// - event.layerY, left:event.pageX + 5 + ($(this).w() - event.layerX) }); }; // MaterioBaseTheme.prototype.on_click_cardsmall = function(event){ // trace('on_click_cardsmall', event); // }; MaterioBaseTheme.prototype.on_mouseleave_cardsmall = function(event){ // trace('on_mouseleave_Card', event); $('.images img.op-visible', this) .removeClass('op-visible').addClass('op-hidden') .eq(0) .removeClass('op-hidden').addClass('op-visible'); if($(this).is('.focused')) _$tooltip.removeClass('op-visible').addClass('op-hidden'); }; /** * cards medium */ // MaterioBaseTheme.prototype.init_layout_cardmedium = function($card){ // trace('initLayoutCardMedium'); // var ch = $card.h() - $('.group-header', $card).h() -30; // columnsPage($('.field-name-field-description, .field-name-body', $card), 210, ch); // }; MaterioBaseTheme.prototype.on_mouseenter_cardmedium = function(event){ // trace('on_mouseenter_cardmedium'); // show lazy images showLazyLoadedImages(event.currentTarget); // columnize texts $card = $(event.currentTarget); if(!$('.columnized', $card).size() && !$('body').is('.role-7', 'role-2') ){ var ch = $card.h() - $('.group-header', $card).h() -30; columnsPage($('.field-name-field-description, .field-name-body', $card), 210, ch); $('.group-side-4', $card).wrapInner('
').find('.field-item').addClass('dontsplit'); columnsPage($('.group-side-4 .column-wrapper', $card), 210, ch); } // add associated materials links prepareAssociatedMaterials(event.currentTarget); }; MaterioBaseTheme.prototype.on_mousemove_cardmedium = function(event){ //trace('on_mousemove_cardmedium'); horiHoverImagesSwitcher(event); }; MaterioBaseTheme.prototype.on_click_cardmedium = function(event){ trace('on_click_cardmedium', event); // if(!$(event.target).is('.flag') && !$(event.target).parent().is('.flag')) if($(event.target).is('.side') || $(event.target).parents('.side').length) sideSwitcher(event); }; MaterioBaseTheme.prototype.on_mouseleave_cardmedium = function(event){ v1 = $('.side.op-visible'); if(v1.is('.oops','.upgrade') || $('.upgrade', v1).size()){ sideSwitcher(event, 0); } }; /** * cards Big */ // MaterioBaseTheme.prototype.init_layout_cardbig = function($card){ //trace('initLayoutCardBig'); // columnsPage($('.field-name-field-description, .field-name-body', $card), 425, 270); // }; MaterioBaseTheme.prototype.on_mouseenter_cardbig = function(event){ // trace('on_mouseenter_cardbig'); showLazyLoadedImages(event.currentTarget); if(!$('.columnized', event.currentTarget).size()){ columnsPage($('.field-name-field-description, .field-name-body', event.currentTarget), 425, 270); $('.group-4', event.currentTarget).wrapInner('
').find('.field-item').addClass('dontsplit'); columnsPage($('.group-4 .column-wrapper', event.currentTarget), 425, 270); } // add associated materials links prepareAssociatedMaterials(event.currentTarget); }; MaterioBaseTheme.prototype.on_mousemove_cardbig = function(event){ // trace('on_mousemove_cardbig'); horiHoverImagesSwitcher(event); }; MaterioBaseTheme.prototype.on_click_cardbig = function(event){ //trace('on_click_cardbig'); sideSwitcher(event); }; MaterioBaseTheme.prototype.on_mouseleave_cardbig = function(event){ if($('.side.op-visible').is('.oops') || $('.side.op-visible').is('.upgrade')){ sideSwitcher(event, 0); } }; /** * cards Full */ // MaterioBaseTheme.prototype.init_layout_cardfull = function($card){ // trace('initLayoutCardFull'); // }; MaterioBaseTheme.prototype.on_mouseenter_cardfull = function(event){ // trace('on_mouseenter_cardfull'); showLazyLoadedImages(event.currentTarget); // add associated materials links prepareAssociatedMaterials(event.currentTarget); }; MaterioBaseTheme.prototype.on_mousemove_cardfull = function(event){ // trace('on_mousemove_cardfull'); horiHoverImagesSwitcher(event); }; // MaterioBaseTheme.prototype.on_click_cardfull = function(event){ // trace('on_click_cardfull'); // }; // MaterioBaseTheme.prototype.on_mouseleave_cardfull = function(event){ // trace('on_mouseleave_cardfull'); // }; /** * horiHoverImagesSwitcher */ function horiHoverImagesSwitcher(event){ // trace('horiHoverImagesSwitcher', event); var $curtar = $(event.currentTarget); var layerX = (event.offsetX || event.pageX - $(event.target).offset().left); // trace("layerX", layerX); if(layerX && $curtar.is('.image-ready') ){ // && !$curtar.is('.image-buged') var $imgs = $('.group-images figure', event.currentTarget); if($(event.target).parents('.group-images').length){ var imgw = $imgs.eq(0).w(), rapport = imgw/$imgs.length, mx = layerX > imgw ? imgw-1 : layerX, rapport_pos = Math.floor(mx / rapport); // trace('imgw = '+imgw+' | rapport_pos = '+rapport_pos+' | layerX = '+layerX); rapport_pos = rapport_pos < 0 ? 0 : ( rapport_pos > ($imgs.length - 1) ? $imgs.length - 1 : rapport_pos); // trace('rapport_pos', rapport_pos); if(!$imgs.eq(rapport_pos).is('.op-visible')){ // google analytics $.event.trigger({ type : 'record-stat', categorie : 'Card event', action : 'image slide switch', label : rapport_pos }); $imgs .removeClass('op-visible').addClass('op-hidden') .eq(rapport_pos) .removeClass('op-hidden').addClass('op-visible'); } }else{ // $curtar.addClass('image-buged'); $imgs.removeClass('op-visible').addClass('op-hidden'); $imgs.eq(0).removeClass('op-hidden').addClass('op-visible'); } } }; /** * protectImages */ function protectFigures(context){ // trace('protectFigures'); context = context == null ? 'body' : context; $('figure:not(.protected)', context) .append('') .addClass('protected') .bind("contextmenu", function(e){ alert("Cette image est soumise au droit d'auteur."); return false; }); }; /** * initPreview */ function initPreview(node){ $('nav.nav', node).append($('
').bind('click', onClickPreviewCardBtn)); }; function onClickPreviewCardBtn(event){ // trace('theme :: onClickPreviewCardBtn', event); event.preventDefault(); //trace('Theme :: previewCard', event); previewCard($(this).parents('.node')); return false; }; function previewCard($card){ // trace('theme :: previewCard',$card); // get the nid from card class var matches = $card.attr('class').match(/\bnode-(\d+)\b/); // select viewmode regarding the window size var viewmode = false; var cur_vm = getCurrentViewmode(); for(var vm in _viewmodes) if(vm != cur_vm && _viewmodes[vm] > _viewmodes[cur_vm] && _viewmodes[vm] < $(window).width()) viewmode = vm; // ajax load card's node if(typeof matches[1] !== undefined && viewmode){ $.event.trigger('loading-content'); $.getJSON(_settings.basePath+_settings.pathPrefix+'materio_search_api_ajax/node/'+matches[1], {viewmode:viewmode}, function(json){ //trace('json', json); $.event.trigger('loaded-content'); previewLoaded(json); }); } }; function previewLoaded(json){ var $modal = $('
').addClass('modal-content').append(json.node); var $modal_wrapper = $('.modal-wrapper'); if(!$modal_wrapper.size()) $modal_wrapper = $('
').addClass('modal-wrapper').append($('
').addClass('modal-bg')).appendTo('body'); $modal_wrapper .append($modal) .bind('click', function(event) { _previewIsOpen = false; $(this).remove(); }); $modal.bind('click', function(event) { event.stopPropagation(); }); _previewIsOpen = true; initCards('.modal-content'); $.event.trigger({ type : 'previewloaded', container : '.modal-content'}); }; /** * GRID */ function moveGridFocus(event, side){ var $old_focused = $('#content .search-results, #content .actuality-items') .children('.node.focused').first(); var $new_focused; switch(side){ case 'r': $new_focused = $old_focused.next(); break; case 'l': $new_focused = $old_focused.prev(); break; case 'u': case 'd': var dir = side == "d" ? 1 : -1; var column = $old_focused.attr('column'); while( ($new_focused == undefined || !$new_focused.size()) && column > 0){ $new_focused = $('.node[column='+column+'][line='+(parseInt($old_focused.attr('line'))+dir)+']'); column --; } break; } focusCard($new_focused); docScrollTo($new_focused); }; function focusCard($card){ // trace('theme :: focusCard', $card); if(!$card.size() || $card.is('.focused') || $card.parents('.modal-content').size()) return; $('#content .search-results, #content .actuality-items') .children('.node.focused') .removeClass('focused'); $card.addClass('focused'); if(_previewIsOpen){ previewCard($card); } $card.trigger('focused'); }; /** * lazyloadimages */ // function initLazyLoad(context){ // $('figure:first-child img.lazy', context).lazyload();//{ // container:'#content' // }); // TODO: propage this event to the card near it to anticipate the mouseenter // $(context).bind('mousemove', showLazyLoadedImages); // }; function showLazyLoadedImages(context){ //trace('MaterioBaseTheme :: initLazyLoad : mouseenter', this); var $this = $(context); if( !$this.is('.lazy-processed') ){ $this .addClass('lazy-processed') // .find('figure img.lazy') .find('img.lazy') .each(function(index){ var $img = $(this); $img.attr('src', $img.attr('data-original')).removeAttr('data-original'); }); setTimeout(function(){ $this.addClass('image-ready'); }, 300); } }; /** * prepareAssociatedMaterials */ function prepareAssociatedMaterials(card){ // trace('prepareAssociatedMaterials', card); $('.field-name-field-materiau-ref a:not(.prepared)', card).addClass("prepared").bind('click', onClickAssociatedMaterial); }; /** * onClickAssociatedMaterial */ function onClickAssociatedMaterial(event){ // trace("onClickAssociatedMaterial"); event.preventDefault(); var $this = $(this); // trace('href', $(this).attr('href')); var nid = $this.attr('href').match(/^\/(fr|en)\/node\/(\d+)$/)[2]; // trace("nid", nid); var $prt = $this.parents('.node-materiau'); if($prt.parent().is('.modal-content')){ // if we are on preview mode // remove already loaded associated $prt.parent().find('.node-'+nid+'.associated').remove(); loadAssociatedNode($prt, nid); }else{ // if we are on normal grid mode var $n = $prt.nextUntil('.node-materiau:not(.associated)').filter('.node-'+nid); // trace('n', $n); if($n.size()){ // trace('focus', nid); // focus on already loaded node focusCard($n); // docScrollTo($isnodeexisting); }else{ // trace('load associated', nid); loadAssociatedNode($prt, nid); } } return false; }; function loadAssociatedNode($prt, nid){ // console.log('loadAssociatedNode | nid = '+nid); var viewmode = $prt.attr('class').match(/vm-([^\s]+)/); // trace('viewmode match', viewmode); // if(!_isloadingresults){ $.event.trigger('loading-content'); var url = _settings.basePath+_settings.pathPrefix+'materio_search_api_ajax/node/'+nid; $.getJSON(url, {viewmode:viewmode[1]}, function(json){ //trace('json', json); $.event.trigger('loaded-content'); displayAssociated($prt, $(json.node)); $.event.trigger({ type : 'resultscompleted', container : '#content .actuality-items, #content .search-results' }); }); // } }; function displayAssociated($prt, $n){ $n.addClass('associated').addClass('just-added'); $prt.after($n); initCards($prt.parent()); (function($n){ setTimeout(function(){ $n.removeClass('just-added'); focusCard($n); }, 100); }($n)); }; /** * sideSwitcher */ function sideSwitcher(event, delta){ var $sides = $('.side', event.currentTarget); if($sides.length > 1){ if( typeof delta == 'undefined'){ var delta = 0; $sides.each(function(i) { if($(this).is('.op-visible')){ delta = i+1; return false; } }); delta = delta == 0 ? 1 : (delta == $sides.length ? 0 : delta); } // google analytics $.event.trigger({ type : 'record-stat', categorie : 'Card event', action : 'side switch', label : delta }); $sides.addClass('op-hidden').removeClass('op-visible') .eq(delta).removeClass('op-hidden').addClass('op-visible'); } }; /** * columnsPage */ function columnsPage($elmt, cw, ch){ // trace('columnsPage'); var cls = Math.ceil($elmt.h()/ch); $elmt .addClass('columnized') .width(cw*cls) .columnize({ width:cw, height:ch, lastNeverTallest:true }); if(cls > 1){ $elmt.find('.column').each(function(index) { var $this = $(this); if(!$this.find('*').length){ $this.prev().addClass('last'); $this.remove(); return true; } }); $elmt.find('.column').each(function(index) { var $this = $(this); if(!$this.is('.first')) $this.children('*:first-child').prepend(' ...'); if(!$this.is('.last')) $this.children('*:last-child').append('... '); }); $('.column-switcher', $elmt).bind('click', onColumnSwitcherClick); } }; function onColumnSwitcherClick(event){ event.preventDefault(); //trace('onColumnSwitcherClick', event); var $this = $(event.currentTarget), $columnized = $this.parents('.columnized'); // google analytics $.event.trigger({ type : 'record-stat', categorie : 'Card event', action : 'column switch', label : $this.attr('col') }); $columnized.css({ marginLeft : -1 * $this.attr('cw') * $this.attr('col') +'px' }); return false; } /** * initViewmodes */ function initViewmodes(){ checkViewmodesResponsive(); }; function checkViewmodesResponsive(){ if(_480_768()){ if($('.viewmode-link.active').is('.viewmode-cardfull')){ $('.viewmode-cardbig').trigger('click'); } }else if(_max_480()){ if($('.viewmode-link.active').is('.viewmode-cardbig, .viewmode-cardfull')){ $('.viewmode-cardmedium').trigger('click'); } } }; function getCurrentViewmode(){ for(var vm in _viewmodes) if($('.viewmode-link.active.viewmode-'+vm).size()) return vm; }; /** * FLAGS */ function initFlagsEvent(){ $('.bookmarks, .mylists .flaged').children('.node:not(.listened)') .bind('mouseenter mousemove click mouseleave', onCardEventDispatcher) // .each(function(event){ initLayoutCardDispatcher($(this)); }) .addClass('listened'); }; function onAfterFlaging(event){ //trace('MaterioBaseTheme :: onAfterFlaging', event); // WARNING to use event variables i had to hack flag.js from flag module (change the event declaration) var $target = $(event.link).parents('article.node'); if(event.flagStatus == 'flag'){ $target.addClass('flaged'); }else if(event.flagStatus == 'unflag'){ if($('.flag-lists-entity-links a.unflag-action', $target).length == 0) $target.removeClass('flaged'); } }; function onMybookmarksBlockUpdate(event){ initFlagsEvent(); initLayout(); }; function onClickList(event){ //trace('onClickList', event); var $link = $(event.currentTarget).addClass('active'), name = $link.attr('name'), $block = $link.parents('.block'), $flaged = $('.flaged.'+name, $block).addClass('active'); $link.siblings().removeClass('active'); $flaged.siblings().removeClass('active'); createCookie('materiomyflaglistsopened', name, 1); $flaged.parents('.mylists').height($flaged.h()); initLayout(); }; function onMyListsBlockUpdate(event){ //trace('MaterioBaseTheme :: onMyListsBlockUpdate', event); initFlagsEvent(); // initLazyLoad(this); // TODO: refresh contents (search results) to see new flaglist links. initLayout(); }; function onMyListsBlockBuilded(event){ //trace('MaterioBaseTheme :: onMyListsBlockBuilded', event); // initLazyLoad(event.block); showLazyLoadedImages(event.block); }; /** * cards bookmark */ // MaterioBaseTheme.prototype.init_layout_bookmark = function($card){ // trace('initLayoutCardBig'); // }; MaterioBaseTheme.prototype.on_mouseenter_bookmark = function(event){ //trace('on_mouseenter_bookmark', event); _$tooltip .html($('.group-header', this).clone()) .css({ top:event.pageY - _$tooltip.h() -5,//- event.layerY, left:event.pageX + 5 + ($(this).w() - event.layerX) }) .removeClass('op-hidden').addClass('op-visible'); }; MaterioBaseTheme.prototype.on_mousemove_bookmark = function(event){ // trace('on_mousemove_Card', event); // if(event.layerX) // horiHoverImagesSwitcher(event); _$tooltip .css({ top:event.pageY - _$tooltip.h() -5,// - event.layerY, left:event.pageX + 5 + ($(this).w() - event.layerX) }); }; // MaterioBaseTheme.prototype.on_click_bookmark = function(event){ // trace('on_click_bookmark', event); // }; MaterioBaseTheme.prototype.on_mouseleave_bookmark = function(event){ // trace('on_mouseleave_Card', event); $('.images img.op-visible', this) .removeClass('op-visible').addClass('op-hidden') .eq(0) .removeClass('op-hidden').addClass('op-visible'); _$tooltip.removeClass('op-visible').addClass('op-hidden'); }; /** * keyboradshortcuts */ function initKeyboardShortcuts(){ $(document) .bind('keydown', 'Shift+:',shortcut_focusSearchField) .bind('keydown', '/',shortcut_focusSearchField) .bind('keydown', 'Alt+1',shortcut_viewmodeSmall) .bind('keydown', 'Alt+2',shortcut_viewmodeMedium) .bind('keydown', 'Alt+3',shortcut_viewmodeBig) .bind('keydown', 'Alt+4',shortcut_viewmodeFull) .bind('keydown', 'space',shortcut_togglePreview) .bind('keydown', 'esc',shortcut_closeModaleContent) .bind('keydown', 'up',shortcut_onUpArrow) .bind('keydown', 'right',shortcut_onRightArrow) .bind('keydown', 'down',shortcut_onDownArrow) .bind('keydown', 'left',shortcut_onLeftArrow); }; function shortcut_focusSearchField(e){ // trace("focusSearchField"); if($('#edit-searchfield').size()){ var stat_event = { type : 'record-stat', categorie : 'Shortcuts'}; stat_event.action = 'slash'; stat_event.label = 'Focus on search text field'; $.event.trigger(stat_event); $('#edit-searchfield').focus(); e.stopPropagation(); e.preventDefault(); return false; } }; function shortcut_viewmodeSmall(e){ if($('a.viewmode-link.viewmode-cardsmall').size()){ var stat_event = { type : 'record-stat', categorie : 'Shortcuts'}; stat_event.action = 'Alt+1'; stat_event.label = 'Change view mode : card small'; $.event.trigger(stat_event); $('a.viewmode-link.viewmode-cardsmall').click(); return false; } }; function shortcut_viewmodeMedium(e){ if($('a.viewmode-link.viewmode-cardmedium').size()){ var stat_event = { type : 'record-stat', categorie : 'Shortcuts'}; stat_event.action = 'Alt+2'; stat_event.label = 'Change view mode : card medium'; $.event.trigger(stat_event); $('a.viewmode-link.viewmode-cardmedium').click(); return false; } }; function shortcut_viewmodeBig(e){ if($('a.viewmode-link.viewmode-cardbig').size()){ var stat_event = { type : 'record-stat', categorie : 'Shortcuts'}; stat_event.action = 'Alt+3'; stat_event.label = 'Change view mode : card big'; $.event.trigger(stat_event); $('a.viewmode-link.viewmode-cardbig').click(); return false; } }; function shortcut_viewmodeFull(e){ if($('a.viewmode-link.viewmode-cardfull').size()){ var stat_event = { type : 'record-stat', categorie : 'Shortcuts'}; stat_event.action = 'Alt+4'; stat_event.label = 'Change view mode : card full'; $.event.trigger(stat_event); $('a.viewmode-link.viewmode-cardfull').click(); return false; } }; function shortcut_togglePreview(e){ // trace('theme :: shortcut_togglePreview', e); $.event.trigger({ type : 'record-stat', categorie : 'Shortcuts', action : 'Space', label : 'Space toggle preview' }); if(_previewIsOpen){ if($('body>.modal-wrapper').size()){ $('body>.modal-wrapper').click(); _previewIsOpen = false; return false; } }else{ previewCard($('#content .search-results, #content .actuality-items').children('.node.focused:first')); } }; function shortcut_closeModaleContent(e){ if($('body>.modal-wrapper').size()){ $.event.trigger({ type : 'record-stat', categorie : 'Shortcuts', action : 'Esc', label : 'Esc from modal content' }); $('body>.modal-wrapper').click(); _previewIsOpen = false; return false; } }; function shortcut_onUpArrow(e){ // trace('theme :: shortcut_onTopArrow', e); moveGridFocus(e, 'u'); }; function shortcut_onRightArrow(e){ // trace('theme :: shortcut_onRightArrow', e); moveGridFocus(e, 'r'); }; function shortcut_onDownArrow(e){ // trace('theme :: shortcut_onDownArrow', e); moveGridFocus(e, 'd'); }; function shortcut_onLeftArrow(e){ // trace('theme :: shortcut_onLeftArrow', e); moveGridFocus(e, "l"); }; /** * Misc */ function onResizeWindow(e){ clearInterval(_resizeTimer); _resizeTimer = setTimeout(function(){ initLayout(); checkViewmodesResponsive(); setUpGrid("#content .actuality-items, #content .search-results"); }, 200); }; /** * Statics */ function initMembershipForm() { // console.log("initMembershipForm"); switch(window.location.hash){ case '#a': $('#edit-submitted-column-left-membership-options-1').attr('checked', 'checked'); // $options.trigger('change'); break; case '#b': $('#edit-submitted-column-left-membership-options-2').attr('checked', 'checked'); break; case '#c': $('#edit-submitted-column-left-membership-options-3').attr('checked', 'checked'); break; // default: // switchMembershipShipFormFields($options); // break } $('.webform-component--column-left--membership-options') // input.form-radio .change(function(event){ // trace('changed'); // console.log("Changed"); // replaced by conditional built in webform // if( $('input[type="radio"]:checked', this).is('#edit-submitted-column-left-membership-options-3') ){ // $('.webform-component-column-right--collaborators').show(); // }else{ // $('.webform-component-column-right--collaborators').hide(); // } $('div.form-item.selected', this).removeClass('selected'); $('input[type="radio"]:checked', this).parents('div.form-item').addClass('selected'); }) .trigger('change'); // $('#webform-component-column-left--membership-options input[checked="checked"]').parents('div.form-item').addClass('selected'); }; /** helpers */ $.fn.h = function(){ if(this.css('height') == undefined) return 0; return parseInt(this.css('height')) + parseInt(this.css('padding-top')) + parseInt(this.css('padding-bottom')); }; $.fn.w = function(){ if(this.css('width') == undefined) return 0; return parseInt(this.css('width')) + parseInt(this.css('padding-left')) + parseInt(this.css('padding-right')); }; function getDocHeight() { var D = document; return Math.max( Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight) ); }; // http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/ function viewport() { var e = window, a = 'inner'; if (!('innerWidth' in window )) { a = 'client'; e = document.documentElement || document.body; } return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }; }; /** * Search Form */ function initDoubleSearchFormTabs() { var $searchblock = $('#block-materio-search-api-materio-search-api-search'); var $tabs = $('
') .addClass('searchform-tabs') .prependTo($searchblock.children('.inner')); $('h4.form-title', $searchblock).each(function(index, el) { $(el) .attr('index', index) .bind('click', function(e){ var $this = $(this); var index = $this.attr('index'); // show the right tab $('h4.form-title', $tabs).removeClass('active'); $this.addClass('active'); // show the right form $('.msa-form-wrapper', $searchblock) .removeClass('active') .eq(index).addClass('active'); // record cookie createCookie('default-search-form', index); initLayout(); }) .appendTo($tabs); }); // read from cookie what was the last search form visible var defaultIndex = readCookie('default-search-form') || 0; // show default tab $('h4.form-title', $tabs).eq(defaultIndex).addClass('active'); $('.msa-form-wrapper', $searchblock).eq(defaultIndex).addClass('active'); $searchblock.addClass('tabed'); initLayout(); }; /** * Forms */ function initForms(){ $('#edit-searchfield:not(.processed)') .bind('focus', function(event) { var $this = $(this); //$this.attr('value', 'test'); // trace('value', $this.val()); // trace('default', $this.attr('default')); if($this.val() == $this.attr('default')) $this.val(''); }) .bind('focusout', function(event) { var $this = $(this); if($this.val() == "") $this.val($this.attr('default')); }) .addClass('processed'); hideLabelsFromRegisterForm(); }; function hideLabelsFromRegisterForm () { var $this, id,label, description; $('input.form-text', '#block-user-login, #block-materio-user-user-register, .pane-materio-user-user-register, #block-materio-user-user-createaccount').each(function(i) { $this = $(this); id = $this.attr('id'); label = $('label[for='+id+']').hide().text(); description = $this.parent().find('.description').hide().text(); if($this.attr('placeholder') == '') $this.attr('placeholder',label); $this.attr('title',description); }); }; function onAjaxRegisterBlockLoaded (event) { // console.log('onAjaxRegisterBlockLoaded'); hideLabelsFromRegisterForm(); }; /** * cookies */ function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; }; function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; }; function eraseCookie(name) { createCookie(name,"",-1); }; /** * google analytics */ function onRecordStat(event){ //trace('onRecordStat', event); // path, category, action, opt_label, opt_value if(typeof _gaq !== 'undefined'){ if(event.path){ _gaq.push(['_trackPageview', event.path]); }else{ _gaq.push(['_trackEvent', event.categorie, event.action, event.label, event.value]); } } }; /** * docScrollTo */ function docScrollTo($e){ // $(document).scrollTop($e.offset().top); if($e.size()) $('html,body').animate({ scrollTop: $e.offset().top - $(window).height()*0.5 + $e.height()*0.5 }, 500); }; init(); }; $(document).ready(function() { var materiobasetheme = new MaterioBaseTheme(); }); /** * Attach collapse behavior to the feedback form block. */ // Drupal.behaviors.feedbackForm = { // attach: function (context) { // $('#block-feedback-form', context).once('feedback', function () { // var $block = $(this); // $block.find('span.feedback-link') // .prepend('feedback ') // .css('cursor', 'pointer') // .toggle(function () { // Drupal.feedbackFormToggle($block, false); // }, // function() { // Drupal.feedbackFormToggle($block, true); // } // ); // $block.find('form').hide(); // $block.show(); // }); // } // }; // /** * Collapse or uncollapse the feedback form block. */ // Drupal.feedbackFormToggle = function ($block, enable) { // $block.find('form').slideToggle('medium'); // if (enable) { // $('#feedback-form-toggle', $block).html('feedback'); // } // else { // $('#feedback-form-toggle', $block).html('feedback (close)'); // } // }; })(jQuery);