Your IP : 216.73.216.43
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
define([
'jquery',
'jquery-ui-modules/widget'
], function ($) {
'use strict';
/**
* ProductListToolbarForm Widget - this widget is setting cookie and submitting form according to toolbar controls
*/
$.widget('mage.productListToolbarForm', {
options: {
modeControl: '[data-role="mode-switcher"]',
directionControl: '[data-role="direction-switcher"]',
orderControl: '[data-role="sorter"]',
limitControl: '[data-role="limiter"]',
mode: 'product_list_mode',
direction: 'product_list_dir',
order: 'product_list_order',
limit: 'product_list_limit',
page: 'p',
modeDefault: 'grid',
directionDefault: 'asc',
orderDefault: 'position',
limitDefault: '9',
url: '',
formKey: '',
post: false
},
/** @inheritdoc */
_create: function () {
this._bind(
$(this.options.modeControl, this.element),
this.options.mode,
this.options.modeDefault
);
this._bind(
$(this.options.directionControl, this.element),
this.options.direction,
this.options.directionDefault
);
this._bind(
$(this.options.orderControl, this.element),
this.options.order,
this.options.orderDefault
);
this._bind(
$(this.options.limitControl, this.element),
this.options.limit,
this.options.limitDefault
);
},
/** @inheritdoc */
_bind: function (element, paramName, defaultValue) {
if (element.is('select')) {
element.on('change', {
paramName: paramName,
'default': defaultValue
}, $.proxy(this._processSelect, this));
} else {
element.on('click', {
paramName: paramName,
'default': defaultValue
}, $.proxy(this._processLink, this));
}
},
/**
* @param {jQuery.Event} event
* @private
*/
_processLink: function (event) {
event.preventDefault();
this.changeUrl(
event.data.paramName,
$(event.currentTarget).data('value'),
event.data.default
);
},
/**
* @param {jQuery.Event} event
* @private
*/
_processSelect: function (event) {
this.changeUrl(
event.data.paramName,
event.currentTarget.options[event.currentTarget.selectedIndex].value,
event.data.default
);
},
/**
* @private
*/
getUrlParams: function () {
var decode = window.decodeURIComponent,
urlPaths = this.options.url.split('?'),
urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],
params = {},
parameters, i;
for (i = 0; i < urlParams.length; i++) {
parameters = urlParams[i].split('=');
params[decode(parameters[0])] = parameters[1] !== undefined ?
decode(parameters[1].replace(/\+/g, '%20')) :
'';
}
return params;
},
/**
* @returns {String}
* @private
*/
getCurrentLimit: function () {
return this.getUrlParams()[this.options.limit] || this.options.limitDefault;
},
/**
* @returns {String}
* @private
*/
getCurrentPage: function () {
return this.getUrlParams()[this.options.page] || 1;
},
/**
* @param {String} paramName
* @param {*} paramValue
* @param {*} defaultValue
*/
changeUrl: function (paramName, paramValue, defaultValue) {
var urlPaths = this.options.url.split('?'),
baseUrl = urlPaths[0],
paramData = this.getUrlParams(),
currentPage = this.getCurrentPage(),
form, params, key, input, formKey, newPage;
if (currentPage > 1 && paramName === this.options.mode) {
delete paramData[this.options.page];
}
if (currentPage > 1 && paramName === this.options.limit) {
newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1;
if (newPage > 1) {
paramData[this.options.page] = newPage;
} else {
delete paramData[this.options.page];
}
}
paramData[paramName] = paramValue;
if (this.options.post) {
form = document.createElement('form');
params = [this.options.mode, this.options.direction, this.options.order, this.options.limit];
for (key in paramData) {
if (params.indexOf(key) !== -1) { //eslint-disable-line max-depth
input = document.createElement('input');
input.name = key;
input.value = paramData[key];
form.appendChild(input);
delete paramData[key];
}
}
formKey = document.createElement('input');
formKey.name = 'form_key';
formKey.value = this.options.formKey;
form.appendChild(formKey);
paramData = $.param(paramData);
baseUrl += paramData.length ? '?' + paramData : '';
form.action = baseUrl;
form.method = 'POST';
document.body.appendChild(form);
form.submit();
} else {
if (paramValue == defaultValue) { //eslint-disable-line eqeqeq
delete paramData[paramName];
}
paramData = $.param(paramData);
location.href = baseUrl + (paramData.length ? '?' + paramData : '');
}
}
});
return $.mage.productListToolbarForm;
});