355 lines
9.8 KiB
JavaScript
355 lines
9.8 KiB
JavaScript
|
/*
|
||
|
|
* 2007-2011 PrestaShop
|
||
|
|
*
|
||
|
|
* NOTICE OF LICENSE
|
||
|
|
*
|
||
|
|
* This source file is subject to the Academic Free License (AFL 3.0)
|
||
|
|
* that is bundled with this package in the file LICENSE.txt.
|
||
|
|
* It is also available through the world-wide-web at this URL:
|
||
|
|
* http://opensource.org/licenses/afl-3.0.php
|
||
|
|
* If you did not receive a copy of the license and are unable to
|
||
|
|
* obtain it through the world-wide-web, please send an email
|
||
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
||
|
|
*
|
||
|
|
* DISCLAIMER
|
||
|
|
*
|
||
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
||
|
|
* needs please refer to http://www.prestashop.com for more information.
|
||
|
|
*
|
||
|
|
* @author PrestaShop SA <contact@prestashop.com>
|
||
|
|
* @copyright 2007-2011 PrestaShop SA
|
||
|
|
* @version Release: $Revision: 9265 $
|
||
|
|
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||
|
|
* International Registred Trademark & Property of PrestaShop SA
|
||
|
|
*/
|
||
|
|
|
||
|
|
var ajaxQueries = new Array();
|
||
|
|
var ajaxLoaderOn = 0;
|
||
|
|
var sliderList = new Array();
|
||
|
|
var slidersInit = false;
|
||
|
|
|
||
|
|
$(document).ready(function()
|
||
|
|
{
|
||
|
|
cancelFilter();
|
||
|
|
openCloseFilter();
|
||
|
|
|
||
|
|
// Click on color
|
||
|
|
$('#layered_form input[type=button], #layered_form label.layered_color').live('click', function()
|
||
|
|
{
|
||
|
|
if (!$('\'input[name='+$(this).attr('name')+']:hidden\'').length)
|
||
|
|
$('<input />').attr('type', 'hidden').attr('name', $(this).attr('name')).val($(this).attr('rel')).appendTo('#layered_form');
|
||
|
|
else
|
||
|
|
$('\'input[name='+$(this).attr('name')+']:hidden\'').remove();
|
||
|
|
reloadContent();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Click on checkbox
|
||
|
|
$('#layered_form input[type=checkbox]').live('click', function()
|
||
|
|
{
|
||
|
|
reloadContent();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Click on label
|
||
|
|
$('label a').live({
|
||
|
|
click: function() {
|
||
|
|
if ($(this).parent().parent().find('input').attr('disabled') == '')
|
||
|
|
{
|
||
|
|
$(this).parent().parent().find('input').click();
|
||
|
|
reloadContent();
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
paginationButton();
|
||
|
|
initLayered();
|
||
|
|
});
|
||
|
|
|
||
|
|
function addSlider(type, data, unit)
|
||
|
|
{
|
||
|
|
sliderList.push({
|
||
|
|
type: type,
|
||
|
|
data: data,
|
||
|
|
unit: unit
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function initSliders()
|
||
|
|
{
|
||
|
|
$(sliderList).each(function(i, slider){
|
||
|
|
$('#layered_'+slider['type']+'_slider').slider(slider['data']);
|
||
|
|
$('#layered_'+slider['type']+'_range').html($('#layered_'+slider['type']+'_slider').slider('values', 0)+slider['unit']+
|
||
|
|
' - ' + $('#layered_'+slider['type']+'_slider').slider('values', 1 )+slider['unit']);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function initLayered()
|
||
|
|
{
|
||
|
|
initSliders();
|
||
|
|
initLocationChange();
|
||
|
|
if (window.location.href.split('#').length == 2 && window.location.href.split('#')[1] != '')
|
||
|
|
{
|
||
|
|
var params = window.location.href.split('#')[1];
|
||
|
|
reloadContent('&selected_filters='+params);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function updatelink(link)
|
||
|
|
{
|
||
|
|
baseUrl = link.split('#');
|
||
|
|
linkFilterUpdate = baseUrl[0]+getValueSelected();
|
||
|
|
linkFilterUpdate = friendlyUrl(linkFilterUpdate, 'short');
|
||
|
|
return linkFilterUpdate;
|
||
|
|
}
|
||
|
|
|
||
|
|
function getValueSelected(){
|
||
|
|
|
||
|
|
var checkboxChecked = '';
|
||
|
|
$('#layered_form input:checkbox:checked').each(function(){
|
||
|
|
checkboxChecked += '#' + $(this).attr('id')+'='+$(this).val();
|
||
|
|
});
|
||
|
|
$('#layered_form input:hidden').each(function(){
|
||
|
|
checkboxChecked += '#' + $(this).attr('name')+'='+$(this).val();
|
||
|
|
});
|
||
|
|
$(['price','weight']).each(function(i, filter) {
|
||
|
|
if ($('#layered_'+filter+'_slider').length)
|
||
|
|
{
|
||
|
|
if (typeof($('#layered_'+filter+'_slider').slider('values', 0)) != 'object')
|
||
|
|
{
|
||
|
|
checkboxChecked += '#'+filter+'='+$('#layered_'+filter+'_slider').slider('values', 0)+'_'+$('#layered_'+filter+'_slider').slider('values', 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return checkboxChecked;
|
||
|
|
}
|
||
|
|
|
||
|
|
function friendlyUrl(link, encode)
|
||
|
|
{
|
||
|
|
var friendlyTab =
|
||
|
|
{
|
||
|
|
'layered_condition_' : 'cond_',
|
||
|
|
'layered_id_attribute_group_' : 'g_',
|
||
|
|
'id_category_layered=' : 'c=',
|
||
|
|
'layered_manufacturer_' : 'm_',
|
||
|
|
'layered_id_feature_' : 'f_',
|
||
|
|
'layered_category_' : 'cat_',
|
||
|
|
};
|
||
|
|
|
||
|
|
if(encode == 'short')
|
||
|
|
{
|
||
|
|
$.each(friendlyTab, function(key, value)
|
||
|
|
{
|
||
|
|
Expression = new RegExp(key,'g');
|
||
|
|
link = link.replace(Expression, value);
|
||
|
|
});
|
||
|
|
}else
|
||
|
|
{
|
||
|
|
$.each(friendlyTab, function(key, value)
|
||
|
|
{
|
||
|
|
Expression = new RegExp(value,'g');
|
||
|
|
link = link.replace(Expression, key);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return link;
|
||
|
|
}
|
||
|
|
|
||
|
|
function paginationButton() {
|
||
|
|
$('#pagination li').not('.current, .disabled').each( function () {
|
||
|
|
var nbPage = 0;
|
||
|
|
if ($(this).attr('id') == 'pagination_next')
|
||
|
|
nbPage = parseInt($('#pagination li.current').children().html())+ 1;
|
||
|
|
else if ($(this).attr('id') == 'pagination_previous')
|
||
|
|
nbPage = parseInt($('#pagination li.current').children().html())- 1;
|
||
|
|
|
||
|
|
$(this).children().click(function () {
|
||
|
|
if (nbPage == 0)
|
||
|
|
p = parseInt($(this).html()) + parseInt(nbPage);
|
||
|
|
else
|
||
|
|
p = nbPage;
|
||
|
|
p = '&p='+ p;
|
||
|
|
reloadContent(p);
|
||
|
|
nbPage = 0;
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function cancelFilter()
|
||
|
|
{
|
||
|
|
$('#enabled_filters a').live('click', function(e)
|
||
|
|
{
|
||
|
|
if ($(this).attr('rel').search(/_slider$/) > 0)
|
||
|
|
{
|
||
|
|
$('#'+$(this).attr('rel')).slider('values' , 0, $('#'+$(this).attr('rel')).slider('option' , 'min' ));
|
||
|
|
$('#'+$(this).attr('rel')).slider('values' , 1, $('#'+$(this).attr('rel')).slider('option' , 'max' ));
|
||
|
|
$('#'+$(this).attr('rel')).slider('option', 'slide')(0,{values:[$('#'+$(this).attr('rel')).slider( 'option' , 'min' ), $('#'+$(this).attr('rel')).slider( 'option' , 'max' )]});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#'+$(this).attr('rel')).attr('checked', false);
|
||
|
|
$('#layered_form input[name='+$(this).attr('rel')+']:hidden').remove();
|
||
|
|
}
|
||
|
|
reloadContent();
|
||
|
|
e.preventDefault();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function openCloseFilter()
|
||
|
|
{
|
||
|
|
$('#layered_form span.layered_close a').live('click', function(e)
|
||
|
|
{
|
||
|
|
if ($(this).html() == '<')
|
||
|
|
{
|
||
|
|
$('#'+$(this).attr('rel')).show();
|
||
|
|
$(this).html('v');
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$('#'+$(this).attr('rel')).hide();
|
||
|
|
$(this).html('<');
|
||
|
|
}
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function reloadContent(params_plus)
|
||
|
|
{
|
||
|
|
for(i = 0; i < ajaxQueries.length; i++)
|
||
|
|
ajaxQueries[i].abort();
|
||
|
|
ajaxQueries = new Array();
|
||
|
|
|
||
|
|
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')
|
||
|
|
data += '&'+$(this).attr('id')+'='+sliderStart+'_'+sliderStop;
|
||
|
|
});
|
||
|
|
|
||
|
|
if ($('#selectPrductSort').length)
|
||
|
|
{
|
||
|
|
var splitData = $('#selectPrductSort').val().split(':');
|
||
|
|
data += '&orderby='+splitData[0]+'&orderway='+splitData[1];
|
||
|
|
}
|
||
|
|
|
||
|
|
var slideUp = true;
|
||
|
|
if (params_plus == undefined)
|
||
|
|
{
|
||
|
|
params_plus = '';
|
||
|
|
slideUp = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Get nb items per page
|
||
|
|
var n = '';
|
||
|
|
$('#pagination #nb_item').children().each(function(it, option) {
|
||
|
|
if (option.selected)
|
||
|
|
n = '&n='+option.value;
|
||
|
|
});
|
||
|
|
|
||
|
|
ajaxQuery = $.ajax(
|
||
|
|
{
|
||
|
|
type: 'GET',
|
||
|
|
url: baseDir + 'modules/blocklayered/blocklayered-ajax.php',
|
||
|
|
data: data+params_plus+n,
|
||
|
|
dataType: 'json',
|
||
|
|
success: function(result)
|
||
|
|
{
|
||
|
|
$('#layered_block_left').after('<div id="tmp_layered_block_left"></div>').remove();
|
||
|
|
$('#tmp_layered_block_left').html(result.filtersBlock).attr('id', 'layered_block_left');
|
||
|
|
|
||
|
|
$('.category-product-count').html(result.categoryCount);
|
||
|
|
|
||
|
|
$('#product_list').replaceWith(result.productList);
|
||
|
|
$('#product_list').css('opacity', '1');
|
||
|
|
$('div#pagination').html(result.pagination);
|
||
|
|
paginationButton();
|
||
|
|
ajaxLoaderOn = 0;
|
||
|
|
|
||
|
|
// On submiting nb items form, relaod with the good nb of items
|
||
|
|
$('#pagination form').submit(function() {
|
||
|
|
val = $('#pagination #nb_item').val();
|
||
|
|
$('#pagination #nb_item').children().each(function(it, option) {
|
||
|
|
if (option.value == val)
|
||
|
|
$(option).attr('selected', 'selected');
|
||
|
|
else
|
||
|
|
$(option).removeAttr('selected');
|
||
|
|
});
|
||
|
|
// Reload products and pagination
|
||
|
|
reloadContent();
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
if (typeof(ajaxCart) != "undefined")
|
||
|
|
ajaxCart.overrideButtonsInThePage();
|
||
|
|
|
||
|
|
if (typeof(reloadProductComparison) == 'function')
|
||
|
|
reloadProductComparison();
|
||
|
|
initSliders();
|
||
|
|
|
||
|
|
// 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'))
|
||
|
|
{
|
||
|
|
// 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 += '/'+sliderType+'-'+$('#layered_'+sliderType+'_slider').slider('values', 0)+'-'+$('#layered_'+sliderType+'_slider').slider('values', 1)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
if (current_friendly_url == '#')
|
||
|
|
current_friendly_url = '#/';
|
||
|
|
window.location = current_friendly_url;
|
||
|
|
lockLocationChecking = true;
|
||
|
|
|
||
|
|
if(slideUp)
|
||
|
|
$.scrollTo('#product_list', 400);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
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()
|
||
|
|
{
|
||
|
|
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;
|
||
|
|
}
|