1156 lines
36 KiB
JavaScript
1156 lines
36 KiB
JavaScript
// @codekit-prepend "gui.js"
|
||
(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("<span class='close'>X</span>");
|
||
$('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,
|
||
_$content = $('#content'),
|
||
_jsp,
|
||
_$tooltip = $('<div id="tooltip" class="op-hidden">').appendTo('body'),
|
||
_$homeUtilities, _$homeBlockDidactique, _hoverHomeDidactique = false, _homeTimeInterval,
|
||
_touch = $('html').is('.touch'),
|
||
_statePushed = false,
|
||
// touch scroll
|
||
position = {x:null,y:null},
|
||
translate3d_content = 0,
|
||
_isFrontNotLogged = $('body').is('.front.not-logged-in'),
|
||
_isAdhesion = $('body').is('.page-node-11187') || $('body').is('.page-node-11186'),
|
||
// _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'),
|
||
_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); };
|
||
|
||
|
||
function init(){
|
||
// trace('init MaterioBaseTheme');
|
||
checkIE();
|
||
initHistoryNav();
|
||
if(_isFrontNotLogged)
|
||
initHome();
|
||
|
||
if(_isAdhesion)
|
||
initAdhesion();
|
||
|
||
initLayout();
|
||
initInfinitScroller();
|
||
initEvents();
|
||
initForms();
|
||
initKeyboardShortcuts();
|
||
|
||
initViewmodes();
|
||
|
||
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()){
|
||
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.');
|
||
}
|
||
};
|
||
|
||
/**
|
||
* history navigation
|
||
*/
|
||
function initHistoryNav(){
|
||
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');
|
||
}
|
||
};
|
||
|
||
/**
|
||
* home
|
||
*/
|
||
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('<div class="slides"/>')
|
||
.append('<div class="tabs"/>')
|
||
// .append('<i class="icon-circle-arrow-up"/><i class="icon-circle-arrow-down"/>')
|
||
.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);
|
||
};
|
||
|
||
/**
|
||
* layout
|
||
*/
|
||
function 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);
|
||
|
||
$('#container').animate({'padding-top':height}, 300);
|
||
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 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);
|
||
|
||
$(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');
|
||
});
|
||
};
|
||
|
||
function onLoadingContent(event){
|
||
_$content.addClass('faded');
|
||
$('#materio-search-api-search-form').addClass('loading');
|
||
};
|
||
|
||
function onLoadedContent(event){
|
||
_$content.removeClass('faded');
|
||
$('#materio-search-api-search-form').removeClass('loading');
|
||
};
|
||
|
||
function onResultsChanged(event){
|
||
//trace('MaterioBaseTheme :: onResultsChanged',event);
|
||
$(document).scrollTop(0);
|
||
|
||
onResultsCompleted(event);
|
||
};
|
||
|
||
function onResultsCompleted(event){
|
||
trace('theme :: onResultsCompleted', event);
|
||
checkInfinitScroller();
|
||
if(event.container != undefined){
|
||
|
||
//setTimeout(function(){ // why this time out ?
|
||
$(event.container).children('.node:not(.listened)')
|
||
.bind('mouseenter mousemove click mouseleave', onCardEventDispatcher)
|
||
.each(function(i){
|
||
// initLayoutCardDispatcher($(this));
|
||
// initLazyLoad(this);
|
||
protectFigures(this);
|
||
})
|
||
.addClass('listened');
|
||
|
||
//}, 100);
|
||
}
|
||
};
|
||
|
||
function onViewModeChanged(event){
|
||
if(_isBreveMateriauNodePage){
|
||
// if(!_isloadingresults){
|
||
$.event.trigger('loading-content');
|
||
// _isloadingresults = true;
|
||
// $('#materio-search-api-search-form').addClass('loading');
|
||
// var nid =
|
||
var url = _settings.basePath+_settings.pathPrefix+'materio_search_api_ajax/node/'+_themeSettings.node_nid;
|
||
$.getJSON(url,
|
||
function(json){
|
||
trace('json', json);
|
||
// $.event.trigger('resultsloaded');
|
||
$.event.trigger('loaded-content');
|
||
// _isloadingresults = false;
|
||
// $('#materio-search-api-search-form').removeClass('loading');
|
||
$('#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 f = 'on_'+event.type+'_'+vmode[1];
|
||
|
||
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);
|
||
// };
|
||
|
||
/**
|
||
* 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);
|
||
|
||
_$tooltip
|
||
.html($('.group_header', this).clone().addClass('smallcard'))
|
||
.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_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');
|
||
|
||
_$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');
|
||
showLazyLoadedImages(event.currentTarget);
|
||
$card = $(event.currentTarget);
|
||
if(!$('.columnized', $card).size()){
|
||
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('<div class="column-wrapper">').find('.field-item').addClass('dontsplit');
|
||
columnsPage($('.group_side_4 .column-wrapper', $card), 210, ch);
|
||
}
|
||
};
|
||
|
||
MaterioBaseTheme.prototype.on_mousemove_cardmedium = function(event){
|
||
// trace('on_mousemove_cardmedium');
|
||
horiHoverImagesSwitcher(event);
|
||
};
|
||
|
||
MaterioBaseTheme.prototype.on_click_cardmedium = function(event){
|
||
// trace('on_click_cardmedium');
|
||
sideSwitcher(event);
|
||
};
|
||
|
||
MaterioBaseTheme.prototype.on_mouseleave_cardmedium = function(event){
|
||
if($('.side.op-visible').is('.oops') || $('.side.op-visible').is('.upgrade')){
|
||
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('<div class="column-wrapper">').find('.field-item').addClass('dontsplit');
|
||
columnsPage($('.group_4 .column-wrapper', event.currentTarget), 425, 270);
|
||
}
|
||
};
|
||
|
||
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);
|
||
};
|
||
|
||
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);
|
||
if(event.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 = event.layerX > imgw ? imgw-1 : event.layerX,
|
||
rapport_pos = Math.floor(mx / rapport);
|
||
// trace('rapport_pos = '+rapport_pos+' | event.layerX = '+event.layerX);
|
||
rapport_pos = rapport_pos < 0 ? 0 : ( rapport_pos > ($imgs.length - 1) ? $imgs.length - 1 : 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('<img class="blank" src="'+_settings.basePath+_themeSettings.themePath+'/img/blank.gif" />')
|
||
.addClass('protected')
|
||
.bind("contextmenu", function(e){
|
||
alert("Cette image est soumise au droit d'auteur.");
|
||
return false;
|
||
});
|
||
}
|
||
|
||
/**
|
||
* lazyloadimages
|
||
*/
|
||
// unused
|
||
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);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 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('<span cw="'+cw+'" col="'+(index-1)+'" class="column-switcher prev-column">‹</span> ...');
|
||
|
||
if(!$this.is('.last'))
|
||
$this.children('*:last-child').append('... <span cw="'+cw+'" col="'+(index+1)+'" class="column-switcher next-column">›</span>');
|
||
});
|
||
|
||
$('.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');
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 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(){
|
||
var stat_event = { type : 'record-stat', categorie : 'Shortcuts'};
|
||
|
||
$(document).bind('keydown', 'Alt+f',function (evt){
|
||
if($('#edit-searchfield').size()){
|
||
stat_event.action = 'Alt+f';
|
||
stat_event.label = 'Focus on search text field';
|
||
$.event.trigger(stat_event);
|
||
|
||
$('#edit-searchfield').focus();
|
||
|
||
return false;
|
||
}
|
||
});
|
||
|
||
$(document).bind('keydown', 'Alt+1',function (evt){
|
||
if($('a.viewmode-link.viewmode-cardsmall').size()){
|
||
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;
|
||
}
|
||
});
|
||
|
||
$(document).bind('keydown', 'Alt+2',function (evt){
|
||
if($('a.viewmode-link.viewmode-cardmedium').size()){
|
||
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;
|
||
}
|
||
});
|
||
|
||
$(document).bind('keydown', 'Alt+3',function (evt){
|
||
if($('a.viewmode-link.viewmode-cardbig').size()){
|
||
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;
|
||
}
|
||
});
|
||
|
||
$(document).bind('keydown', 'Alt+4',function (evt){
|
||
if($('a.viewmode-link.viewmode-cardfull').size()){
|
||
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;
|
||
}
|
||
});
|
||
};
|
||
|
||
/**
|
||
* Misc
|
||
*/
|
||
function onResizeWindow(e){
|
||
clearInterval(_resizeTimer);
|
||
_resizeTimer = setTimeout(function(){
|
||
initLayout();
|
||
checkViewmodesResponsive();
|
||
}, 200);
|
||
};
|
||
|
||
/**
|
||
* Statics
|
||
*/
|
||
function initAdhesion(){
|
||
|
||
$('#webform-component-membership-options').change(function(event){
|
||
console.log(event);
|
||
// if($(event.target).is('#edit-submitted-membership-options-3')){
|
||
if( $('input[type="radio"]:checked', this).is('#edit-submitted-membership-options-3') ){
|
||
$('#webform-component-collaborators').show();
|
||
}else{
|
||
$('#webform-component-collaborators').hide();
|
||
}
|
||
});
|
||
|
||
$('.get-link a').bind('click', function(event) {
|
||
var $this = $(this),
|
||
$parent = $this.parents('.column'),
|
||
radio;
|
||
|
||
if($parent.is('.flocon')){
|
||
radio = "#edit-submitted-membership-options-1";
|
||
}else if($parent.is('.etoile')){
|
||
radio = "#edit-submitted-membership-options-2";
|
||
}else if($parent.is('.cinqetoiles')){
|
||
radio = "#edit-submitted-membership-options-3";
|
||
}
|
||
// $('input', '#edit-submitted-type-dadhesion').attr('checked', false);
|
||
$(radio).attr('checked', true);
|
||
$('#webform-component-membership-options').change();
|
||
$('#content-bottom').css('padding-top', $('#container').css('padding-top'));
|
||
});
|
||
|
||
$("#edit-submitted-membership-options-1").attr('checked', true);
|
||
$('#webform-component-membership-options').change();
|
||
};
|
||
|
||
/** 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' ] };
|
||
}
|
||
|
||
/**
|
||
* Forms
|
||
*/
|
||
function initForms(){
|
||
|
||
$('#edit-searchfield')
|
||
.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'));
|
||
});
|
||
|
||
var id,label, description;
|
||
$('input.form-text', '#block-user-login, #block-materio-user-user-register').each(function(i) {
|
||
id = $(this).attr('id');
|
||
label = $('label[for='+id+']').hide().text();
|
||
description = $(this).parent().find('.description').hide().text();
|
||
$(this).attr('placeholder', label).attr('title', description);
|
||
});
|
||
}
|
||
|
||
|
||
/**
|
||
* 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]);
|
||
}
|
||
}
|
||
}
|
||
|
||
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('<span id="feedback-form-toggle">feedback</span> ')
|
||
.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); |