584 lines
22 KiB
JavaScript
584 lines
22 KiB
JavaScript
/**
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This file is licenced under the Software License Agreement.
|
|
* With the purchase or the installation of the software in your application
|
|
* you accept the licence agreement.
|
|
*
|
|
* You must not modify, adapt or create derivative works of this source code
|
|
*
|
|
* @author Doofinder
|
|
* @copyright Doofinder
|
|
* @license GPLv3
|
|
*/
|
|
|
|
var ajaxQueries = new Array();
|
|
var ajaxLoaderOn = 0;
|
|
var sliderList = new Array();
|
|
var slidersInit = false;
|
|
|
|
$(document).ready(function() {
|
|
$('ul#product_list').addClass('product_list');
|
|
cancelFilter();
|
|
openCloseFilter();
|
|
if (typeof doofinderQuerySelector !== "undefined") {
|
|
$('#doofinder_facets_search_query').val($(doofinderQuerySelector).val());
|
|
}
|
|
if ($('#doofinder_original_search_query').length && $('#doofinder_original_search_query').val().length) {
|
|
$('#doofinder_facets_search_query').val($('#doofinder_original_search_query').val());
|
|
}
|
|
if ($('form#productsSortForm').length > 0) {
|
|
$('form#productsSortForm').remove();
|
|
}
|
|
// Click on color
|
|
$(document).on('click', '#layered_form input[type=button], #layered_form label.layered_color', function(e) {
|
|
if (!$('input[name=' + $(this).attr('name') + '][type=hidden]').length)
|
|
$('<input />').attr('type', 'hidden').attr('name', $(this).attr('name')).val($(this).data('rel')).appendTo('#layered_form');
|
|
else
|
|
$('input[name=' + $(this).attr('name') + '][type=hidden]').remove();
|
|
reloadContent(true);
|
|
});
|
|
|
|
$(document).on('click', '#layered_form .select, #layered_form input[type=checkbox], #layered_form input[type=radio]', function(e) {
|
|
|
|
reloadContent(true);
|
|
});
|
|
|
|
// Changing content of an input text
|
|
$(document).on('keyup', '#layered_form input.layered_input_range', function(e) {
|
|
if ($(this).attr('timeout_id'))
|
|
window.clearTimeout($(this).attr('timeout_id'));
|
|
|
|
// IE Hack, setTimeout do not acept the third parameter
|
|
var reference = this;
|
|
|
|
$(this).attr('timeout_id', window.setTimeout(function(it) {
|
|
if (!$(it).attr('id'))
|
|
it = reference;
|
|
|
|
var filter = $(it).attr('id').replace(/^layered_(.+)_range_.*$/, '$1');
|
|
|
|
var value_min = parseInt($('#layered_' + filter + '_range_min').val());
|
|
if (isNaN(value_min))
|
|
value_min = 0;
|
|
$('#layered_' + filter + '_range_min').val(value_min);
|
|
|
|
var value_max = parseInt($('#layered_' + filter + '_range_max').val());
|
|
if (isNaN(value_max))
|
|
value_max = 0;
|
|
$('#layered_' + filter + '_range_max').val(value_max);
|
|
|
|
if (value_max < value_min) {
|
|
$('#layered_' + filter + '_range_max').val($(it).val());
|
|
$('#layered_' + filter + '_range_min').val($(it).val());
|
|
}
|
|
reloadContent();
|
|
}, 500, this));
|
|
});
|
|
|
|
$(document).on('click', '#layered_block_left .radio', function(e) {
|
|
var name = $(this).attr('name');
|
|
$.each($(this).parent().parent().find('input[type=button]'), function(it, item) {
|
|
if ($(item).hasClass('on') && $(item).attr('name') != name) {
|
|
$(item).click();
|
|
}
|
|
});
|
|
return true;
|
|
});
|
|
|
|
// Click on label
|
|
$('#layered_block_left label a').on({
|
|
click: function(e) {
|
|
e.preventDefault();
|
|
var disable = $(this).parent().parent().find('input').attr('disabled');
|
|
if (disable == '' ||
|
|
typeof(disable) == 'undefined' ||
|
|
disable == false) {
|
|
$(this).parent().parent().find('input').click();
|
|
reloadContent();
|
|
}
|
|
}
|
|
});
|
|
|
|
layered_hidden_list = {};
|
|
$('.hide-action').on('click', function(e) {
|
|
if (typeof(layered_hidden_list[$(this).parent().find('ul').attr('id')]) == 'undefined' || layered_hidden_list[$(this).parent().find('ul').attr('id')] == false) {
|
|
layered_hidden_list[$(this).parent().find('ul').attr('id')] = true;
|
|
} else {
|
|
layered_hidden_list[$(this).parent().find('ul').attr('id')] = false;
|
|
}
|
|
hideFilterValueAction(this);
|
|
});
|
|
$('.hide-action').each(function() {
|
|
hideFilterValueAction(this);
|
|
});
|
|
|
|
$('.selectProductSort').unbind('change').bind('change', function(event) {
|
|
$('.selectProductSort').val($(this).val());
|
|
|
|
if ($('#layered_form').length > 0)
|
|
reloadContent(true);
|
|
});
|
|
|
|
$(document).off('change').on('change', 'select[name=n]', function(e) {
|
|
$('select[name=n]').val($(this).val());
|
|
reloadContent(true);
|
|
});
|
|
paginationButton(false);
|
|
|
|
initLayered();
|
|
});
|
|
|
|
function initFilters() {
|
|
if (typeof filters !== 'undefined') {
|
|
for (key in filters) {
|
|
if (filters.hasOwnProperty(key))
|
|
var filter = filters[key];
|
|
|
|
if (typeof filter.slider !== 'undefined' && parseInt(filter.filter_type) == 0) {
|
|
var filterRange = parseInt(filter.max) - parseInt(filter.min);
|
|
var step = filterRange / 100;
|
|
|
|
if (step > 1)
|
|
step = parseInt(step);
|
|
|
|
addSlider(filter.type, {
|
|
range: true,
|
|
step: step,
|
|
min: parseInt(filter.min),
|
|
max: parseInt(filter.max),
|
|
values: [filter.values[0], filter.values[1]],
|
|
slide: function(event, ui) {
|
|
stopAjaxQuery();
|
|
|
|
if (parseInt($(event.target).data('format')) < 5) {
|
|
from = formatCurrency(ui.values[0], parseInt($(event.target).data('format')),
|
|
$(event.target).data('unit'));
|
|
to = formatCurrency(ui.values[1], parseInt($(event.target).data('format')),
|
|
$(event.target).data('unit'));
|
|
} else {
|
|
from = ui.values[0] + $(event.target).data('unit');
|
|
to = ui.values[1] + $(event.target).data('unit');
|
|
}
|
|
|
|
$('#layered_' + $(event.target).data('type') + '_range').html(from + ' - ' + to);
|
|
},
|
|
stop: function() {
|
|
reloadContent(true);
|
|
}
|
|
}, filter.unit, parseInt(filter.format));
|
|
} else if (typeof filter.slider !== 'undefined' && parseInt(filter.filter_type) == 1) {
|
|
$('#layered_' + filter.type + '_range_min').attr('limitValue', filter.min);
|
|
$('#layered_' + filter.type + '_range_max').attr('limitValue', filter.max);
|
|
}
|
|
|
|
$('.layered_' + filter.type).show();
|
|
}
|
|
|
|
initUniform();
|
|
}
|
|
}
|
|
|
|
function initUniform() {
|
|
/*$("#layered_form input[type='checkbox'], #layered_form input[type='radio'], select.form-control").uniform();*/
|
|
}
|
|
|
|
function hideFilterValueAction(it) {
|
|
if (typeof(layered_hidden_list[$(it).parent().find('ul').attr('id')]) == 'undefined' ||
|
|
layered_hidden_list[$(it).parent().find('ul').attr('id')] == false) {
|
|
$(it).parent().find('.hiddable').hide();
|
|
$(it).parent().find('.hide-action.less').hide();
|
|
$(it).parent().find('.hide-action.more').show();
|
|
} else {
|
|
$(it).parent().find('.hiddable').show();
|
|
$(it).parent().find('.hide-action.less').show();
|
|
$(it).parent().find('.hide-action.more').hide();
|
|
}
|
|
}
|
|
|
|
function addSlider(type, data, unit, format) {
|
|
sliderList.push({
|
|
type: type,
|
|
data: data,
|
|
unit: unit,
|
|
format: format
|
|
});
|
|
}
|
|
|
|
function initSliders() {
|
|
$(sliderList).each(function(i, slider) {
|
|
$('#layered_' + slider['type'] + '_slider').slider(slider['data']);
|
|
|
|
var from = '';
|
|
var to = '';
|
|
switch (slider['format']) {
|
|
case 1:
|
|
case 2:
|
|
case 3:
|
|
case 4:
|
|
from = formatCurrency($('#layered_' + slider['type'] + '_slider').slider('values', 0), slider['format'], slider['unit']);
|
|
to = formatCurrency($('#layered_' + slider['type'] + '_slider').slider('values', 1), slider['format'], slider['unit']);
|
|
break;
|
|
case 5:
|
|
from = $('#layered_' + slider['type'] + '_slider').slider('values', 0) + slider['unit']
|
|
to = $('#layered_' + slider['type'] + '_slider').slider('values', 1) + slider['unit'];
|
|
break;
|
|
}
|
|
$('#layered_' + slider['type'] + '_range').html(from + ' - ' + to);
|
|
});
|
|
}
|
|
|
|
function initLayered() {
|
|
initFilters();
|
|
initSliders();
|
|
initLocationChange();
|
|
updateProductUrl();
|
|
if (window.location.href.split('#').length == 2 && window.location.href.split('#')[1] != '') {
|
|
var params = window.location.href.split('#')[1];
|
|
reloadContent('&selected_filters=' + params);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function cancelFilter() {
|
|
$(document).on('click', '#enabled_filters a', function(e) {
|
|
if ($(this).data('rel').search(/_slider$/) > 0) {
|
|
if ($('#' + $(this).data('rel')).length) {
|
|
$('#' + $(this).data('rel')).slider('values', 0, $('#' + $(this).data('rel')).slider('option', 'min'));
|
|
$('#' + $(this).data('rel')).slider('values', 1, $('#' + $(this).data('rel')).slider('option', 'max'));
|
|
$('#' + $(this).data('rel')).slider('option', 'slide')(0, { values: [$('#' + $(this).data('rel')).slider('option', 'min'), $('#' + $(this).data('rel')).slider('option', 'max')] });
|
|
} else if ($('#' + $(this).data('rel').replace(/_slider$/, '_range_min')).length) {
|
|
$('#' + $(this).data('rel').replace(/_slider$/, '_range_min')).val($('#' + $(this).data('rel').replace(/_slider$/, '_range_min')).attr('limitValue'));
|
|
$('#' + $(this).data('rel').replace(/_slider$/, '_range_max')).val($('#' + $(this).data('rel').replace(/_slider$/, '_range_max')).attr('limitValue'));
|
|
}
|
|
} else {
|
|
if ($('option#' + $(this).data('rel')).length) {
|
|
$('#' + $(this).data('rel')).parent().val('');
|
|
} else {
|
|
$('#' + $(this).data('rel')).attr('checked', false);
|
|
$('.' + $(this).data('rel')).attr('checked', false);
|
|
$('#layered_form input[type=hidden][name=' + $(this).data('rel') + ']').remove();
|
|
}
|
|
}
|
|
reloadContent(true);
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
|
|
function openCloseFilter() {
|
|
$(document).on('click', '#layered_form span.layered_close a', function(e) {
|
|
if ($(this).html() == '<') {
|
|
$('#' + $(this).data('rel')).show();
|
|
$(this).html('v');
|
|
$(this).parent().removeClass('closed');
|
|
} else {
|
|
$('#' + $(this).data('rel')).hide();
|
|
$(this).html('<');
|
|
$(this).parent().addClass('closed');
|
|
}
|
|
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
|
|
function stopAjaxQuery() {
|
|
if (typeof(ajaxQueries) == 'undefined')
|
|
ajaxQueries = new Array();
|
|
for (i = 0; i < ajaxQueries.length; i++)
|
|
ajaxQueries[i].abort();
|
|
ajaxQueries = new Array();
|
|
}
|
|
|
|
function reloadContent(params_plus) {
|
|
stopAjaxQuery();
|
|
|
|
if (!ajaxLoaderOn) {
|
|
$('.product_list').prepend($('#layered_ajax_loader').html());
|
|
$('.product_list').css('opacity', '0.7');
|
|
ajaxLoaderOn = 1;
|
|
}
|
|
|
|
data = $('#layered_form').serialize();
|
|
$('.layered_slider').each(function() {
|
|
var sliderStart = $(this).slider('values', 0);
|
|
var sliderStop = $(this).slider('values', 1);
|
|
if (typeof(sliderStart) == 'number' && typeof(sliderStop) == 'number') {
|
|
var minSlider = $(this).slider("option", "min");
|
|
var maxSlider = $(this).slider("option", "max");
|
|
if (sliderStart != minSlider && sliderStop != maxSlider) {
|
|
data += '&' + $(this).attr('id') + '=' + sliderStart + '_' + sliderStop;
|
|
}
|
|
}
|
|
});
|
|
|
|
$(['price', 'weight']).each(function(it, sliderType) {
|
|
if ($('#layered_' + sliderType + '_range_min').length) {
|
|
data += '&layered_' + sliderType + '_slider=' + $('#layered_' + sliderType + '_range_min').val() + '_' + $('#layered_' + sliderType + '_range_max').val();
|
|
}
|
|
});
|
|
|
|
$('#layered_form .select option').each(function() {
|
|
if ($(this).attr('id') && $(this).parent().val() == $(this).val()) {
|
|
data += '&' + $(this).attr('id') + '=' + $(this).val();
|
|
}
|
|
});
|
|
|
|
if ($('.selectProductSort').length && $('.selectProductSort').val()) {
|
|
if ($('.selectProductSort').val().search(/orderby=/) > 0) {
|
|
// Old ordering working
|
|
var splitData = [
|
|
$('.selectProductSort').val().match(/orderby=(\w*)/)[1],
|
|
$('.selectProductSort').val().match(/orderway=(\w*)/)[1]
|
|
];
|
|
} else {
|
|
// New working for default theme 1.4 and theme 1.5
|
|
var splitData = $('.selectProductSort').val().split(':');
|
|
}
|
|
data += '&orderby=' + splitData[0] + '&orderway=' + splitData[1];
|
|
}
|
|
if ($('select[name=n]:first').length) {
|
|
if (params_plus)
|
|
data += '&n=' + $('select[name=n]:first').val();
|
|
else
|
|
data += '&n=' + $('div.pagination form.showall').find('input[name=n]').val();
|
|
}
|
|
|
|
var slideUp = false;
|
|
if (typeof params_plus == 'undefined') {
|
|
params_plus = '';
|
|
slideUp = false;
|
|
}
|
|
|
|
// Get nb items per page
|
|
var n = '';
|
|
if (params_plus) {
|
|
$('div.pagination select[name=n]').children().each(function(it, option) {
|
|
if (option.selected)
|
|
n = '&n=' + option.value;
|
|
});
|
|
}
|
|
if (typeof df_query_name != 'undefined') {
|
|
data += '&df_query_name=' + df_query_name;
|
|
} else {
|
|
data += '&df_query_name=match_and';
|
|
}
|
|
|
|
if (typeof doofinder_token !== undefined &&
|
|
typeof doofinder_token != 'undefined' &&
|
|
doofinder_token.length !== undefined &&
|
|
doofinder_token.length > 0) {
|
|
data += '&token=' + doofinder_token;
|
|
}
|
|
|
|
ajaxQuery = $.ajax({
|
|
type: 'POST',
|
|
url: baseDir + 'modules/doofinder/doofinder-ajax.php',
|
|
data: data + '&' + params_plus + n,
|
|
dataType: 'json',
|
|
cache: false, // @todo see a way to use cache and to add a timestamps parameter to refresh cache each 10 minutes for example
|
|
success: function(result) {
|
|
if (result.error) {
|
|
$('.product_list').replaceWith(utf8_decode(result.error));
|
|
return false;
|
|
}
|
|
|
|
if (result.meta_description != '')
|
|
$('meta[name="description"]').attr('content', result.meta_description);
|
|
|
|
if (result.meta_keywords != '')
|
|
$('meta[name="keywords"]').attr('content', result.meta_keywords);
|
|
|
|
if (result.meta_title != '')
|
|
$('title').html(result.meta_title);
|
|
|
|
if (result.heading != '')
|
|
$('h1.page-heading .cat-name').html(result.heading);
|
|
|
|
//Not reload facets block, not needed
|
|
//$('#layered_block_left').replaceWith(utf8_decode(result.filtersBlock));
|
|
$('.category-product-count, .heading-counter').html(result.categoryCount);
|
|
|
|
if (result.nbRenderedProducts == result.nbAskedProducts)
|
|
$('div.clearfix.selector1').hide();
|
|
|
|
if (result.productList)
|
|
$('.product_list').replaceWith(utf8_decode(result.productList));
|
|
else
|
|
$('.product_list').html('');
|
|
|
|
$('ul#product_list').addClass('product_list');
|
|
$('.product_list').css('opacity', '1');
|
|
if ($.browser.msie) // Fix bug with IE8 and aliasing
|
|
$('.product_list').css('filter', '');
|
|
|
|
if (result.pagination.search(/[^\s]/) >= 0) {
|
|
var pagination = $('<div/>').html(result.pagination)
|
|
var pagination_bottom = $('<div/>').html(result.pagination_bottom);
|
|
|
|
if ($('<div/>').html(pagination).find('#pagination').length) {
|
|
$('#pagination').show();
|
|
$('#pagination').replaceWith(pagination.find('#pagination'));
|
|
} else {
|
|
$('#pagination').hide();
|
|
}
|
|
|
|
if ($('<div/>').html(pagination_bottom).find('#pagination_bottom').length) {
|
|
$('#pagination_bottom').show();
|
|
$('#pagination_bottom').replaceWith(pagination_bottom.find('#pagination_bottom'));
|
|
} else {
|
|
$('#pagination_bottom').hide();
|
|
}
|
|
} else {
|
|
$('#pagination').hide();
|
|
$('#pagination_bottom').hide();
|
|
}
|
|
|
|
paginationButton(result.nbRenderedProducts, result.nbAskedProducts);
|
|
|
|
ajaxLoaderOn = 0;
|
|
|
|
// On submiting nb items form, relaod with the good nb of items
|
|
$('div.pagination form').on('submit', function(e) {
|
|
e.preventDefault();
|
|
val = $('div.pagination select[name=n]').val();
|
|
|
|
$('div.pagination select[name=n]').children().each(function(it, option) {
|
|
if (option.value == val)
|
|
$(option).attr('selected', true);
|
|
else
|
|
$(option).removeAttr('selected');
|
|
});
|
|
|
|
// Reload products and pagination
|
|
reloadContent();
|
|
});
|
|
if (typeof(ajaxCart) != "undefined")
|
|
ajaxCart.overrideButtonsInThePage();
|
|
|
|
if (typeof(reloadProductComparison) == 'function')
|
|
reloadProductComparison();
|
|
|
|
//filters = result.filters;
|
|
//initFilters();
|
|
//initSliders();
|
|
|
|
current_friendly_url = result.current_friendly_url;
|
|
|
|
// Currente page url
|
|
if (typeof(current_friendly_url) === 'undefined')
|
|
current_friendly_url = '#';
|
|
|
|
// Get all sliders value
|
|
/*$(['price', 'weight']).each(function(it, sliderType)
|
|
{
|
|
if ($('#layered_'+sliderType+'_slider').length)
|
|
{
|
|
// Check if slider is enable & if slider is used
|
|
if(typeof($('#layered_'+sliderType+'_slider').slider('values', 0)) != 'object')
|
|
{
|
|
if ($('#layered_'+sliderType+'_slider').slider('values', 0) != $('#layered_'+sliderType+'_slider').slider('option' , 'min')
|
|
|| $('#layered_'+sliderType+'_slider').slider('values', 1) != $('#layered_'+sliderType+'_slider').slider('option' , 'max'))
|
|
current_friendly_url += '/'+blocklayeredSliderName[sliderType]+'-'+$('#layered_'+sliderType+'_slider').slider('values', 0)+'-'+$('#layered_'+sliderType+'_slider').slider('values', 1)
|
|
}
|
|
}
|
|
else if ($('#layered_'+sliderType+'_range_min').length)
|
|
{
|
|
current_friendly_url += '/'+blocklayeredSliderName[sliderType]+'-'+$('#layered_'+sliderType+'_range_min').val()+'-'+$('#layered_'+sliderType+'_range_max').val();
|
|
}
|
|
});
|
|
|
|
window.location.href = current_friendly_url;
|
|
*/
|
|
if (current_friendly_url != '#/show-all')
|
|
$('div.clearfix.selector1').show();
|
|
|
|
lockLocationChecking = true;
|
|
|
|
if (slideUp)
|
|
$.scrollTo('.product_list', 400);
|
|
updateProductUrl();
|
|
|
|
$('.hide-action').each(function() {
|
|
hideFilterValueAction(this);
|
|
});
|
|
if (typeof display !== "undefined") {
|
|
if (display instanceof Function) {
|
|
var view = $.totalStorage('display');
|
|
|
|
if (view && view != 'grid')
|
|
display(view);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
ajaxQueries.push(ajaxQuery);
|
|
}
|
|
|
|
function initLocationChange(func, time) {
|
|
if (!time)
|
|
time = 500;
|
|
var current_friendly_url = getUrlParams();
|
|
setInterval(function() {
|
|
if (getUrlParams() != current_friendly_url && !lockLocationChecking) {
|
|
// Don't reload page if current_friendly_url and real url match
|
|
if (current_friendly_url.replace(/^#(\/)?/, '') == getUrlParams().replace(/^#(\/)?/, ''))
|
|
return;
|
|
|
|
lockLocationChecking = true;
|
|
reloadContent('&selected_filters=' + getUrlParams().replace(/^#/, ''));
|
|
} else {
|
|
lockLocationChecking = false;
|
|
current_friendly_url = getUrlParams();
|
|
}
|
|
}, time);
|
|
}
|
|
|
|
function getUrlParams() {
|
|
if (typeof(current_friendly_url) === 'undefined')
|
|
current_friendly_url = '#';
|
|
|
|
var params = current_friendly_url;
|
|
if (window.location.href.split('#').length == 2 && window.location.href.split('#')[1] != '')
|
|
params = '#' + window.location.href.split('#')[1];
|
|
return params;
|
|
}
|
|
|
|
function updateProductUrl() {
|
|
// Adding the filters to URL product
|
|
if (typeof(param_product_url) != 'undefined' && param_product_url != '' && param_product_url != '#') {
|
|
$.each($('ul.product_list li.ajax_block_product .product_img_link,' +
|
|
'ul.product_list li.ajax_block_product h5 a,' +
|
|
'ul.product_list li.ajax_block_product .product_desc a,' +
|
|
'ul.product_list li.ajax_block_product .lnk_view'), function() {
|
|
$(this).attr('href', $(this).attr('href') + param_product_url);
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Copy of the php function utf8_decode()
|
|
*/
|
|
function utf8_decode(utfstr) {
|
|
var res = '';
|
|
for (var i = 0; i < utfstr.length;) {
|
|
var c = utfstr.charCodeAt(i);
|
|
|
|
if (c < 128) {
|
|
res += String.fromCharCode(c);
|
|
i++;
|
|
} else if ((c > 191) && (c < 224)) {
|
|
var c1 = utfstr.charCodeAt(i + 1);
|
|
res += String.fromCharCode(((c & 31) << 6) | (c1 & 63));
|
|
i += 2;
|
|
} else {
|
|
var c1 = utfstr.charCodeAt(i + 1);
|
|
var c2 = utfstr.charCodeAt(i + 2);
|
|
res += String.fromCharCode(((c & 15) << 12) | ((c1 & 63) << 6) | (c2 & 63));
|
|
i += 3;
|
|
}
|
|
}
|
|
return res;
|
|
} |