Your IP : 216.73.216.43
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
define([
'jquery',
'priceUtils',
'priceOptions',
'jquery-ui-modules/widget'
], function ($, utils) {
'use strict';
var globalOptions = {
fromSelector: 'form',
dropdownsSelector: '[data-role=calendar-dropdown]'
},
optionHandler = {};
optionHandler.optionHandlers = {};
/**
* Custom handler for Date-with-Dropdowns option type.
* @param {jQuery} siblings
* @return {Function} function that return object { optionHash : optionAdditionalPrice }
*/
function onCalendarDropdownChange(siblings) {
return function (element, optionConfig) {
var changes = {},
optionId = utils.findOptionId(element),
overhead = optionConfig[optionId].prices,
isNeedToUpdate = true,
optionHash = 'price-option-calendar-' + optionId;
siblings.each(function (index, el) {
isNeedToUpdate = isNeedToUpdate && !!$(el).val();
});
overhead = isNeedToUpdate ? overhead : {};
changes[optionHash] = overhead;
return changes;
};
}
/**
* Returns number of days for special month and year
* @param {Number} month
* @param {Number} year
* @return {Number}
*/
function getDaysInMonth(month, year) {
return new Date(year, month, 0).getDate();
}
/**
* Adjusts the number of days in the day option element based on which month or year
* is selected (changed). Adjusts the days to 28, 29, 30, or 31 typically.
* @param {jQuery} dropdowns
*/
function onDateChange(dropdowns) {
var daysNodes,
curMonth, curYear, expectedDays,
options, needed,
month = dropdowns.filter('[data-calendar-role=month]'),
year = dropdowns.filter('[data-calendar-role=year]');
if (month.length && year.length) {
daysNodes = dropdowns.filter('[data-calendar-role=day]').find('option');
curMonth = month.val() || '01';
curYear = year.val() || '2000';
expectedDays = getDaysInMonth(curMonth, curYear);
if (daysNodes.length - 1 > expectedDays) { // remove unnecessary option nodes
daysNodes.each(function (i, e) {
if (e.value > expectedDays) {
$(e).remove();
}
});
} else if (daysNodes.length - 1 < expectedDays) { // add missing option nodes
options = [];
needed = expectedDays - daysNodes.length + 1;
while (needed--) { //eslint-disable-line max-depth
options.push(
'<option value="' + (expectedDays - needed) + '">' + (expectedDays - needed) + '</option>'
);
}
$(options.join('')).insertAfter(daysNodes.last());
}
}
}
$.widget('mage.priceOptionDate', {
options: globalOptions,
/**
* Function-initializer of priceOptionDate widget
* @private
*/
_create: function initOptionDate() {
var field = this.element,
form = field.closest(this.options.fromSelector),
dropdowns = $(this.options.dropdownsSelector, field),
dateOptionId;
if (dropdowns.length) {
dateOptionId = this.options.dropdownsSelector + dropdowns.attr('name');
optionHandler.optionHandlers[dateOptionId] = onCalendarDropdownChange(dropdowns);
form.priceOptions(optionHandler);
dropdowns.data('role', dateOptionId);
dropdowns.on('change', onDateChange.bind(this, dropdowns));
}
}
});
return $.mage.priceOptionDate;
});