', { "class":"form-message" }).prependTo(this.el.$form); // Add Submit event if (this.submit) this.el.$form.on('submit', this.submit.bind(this)); // Find Reload captcha and add it an event var reloadCaptchas = this.el.$form.find('img.reloadCaptchaImage'); if (reloadCaptchas.length){ this.el.$reloadCaptcha = $(reloadCaptchas[0]); var captchaData = this.el.$reloadCaptcha.data('captcha'); this.el.$reloadCaptcha.on('click', this.reloadCaptcha.bind(this, captchaData.position, captchaData.id, captchaData.length)); } } //INITIALIZE this.initialize.apply(this, [form] ); }; //Extend Public Methods on Fluid.Form $.extend(true, Fluid.Form.prototype, Fluid.resources,{ submit : function(event){ //Get method, continue default event if (this.el.form.method.toLowerCase() == 'get') return; event.preventDefault(); //Validate form if (!this.el.$form.isValid()) return false; if (this.el.$form.data("fluidFormdata")) { this.postFormData(event); return; } //Get form data var arrDataForm = this.el.$form.serializeArray(); //Fills dataForm this.dataForm = {}; for (var i = 0; i < arrDataForm.length; i++){ if(!(arrDataForm[i].name in this.dataForm)) this.dataForm[arrDataForm[i].name] = []; this.dataForm[arrDataForm[i].name].push(arrDataForm[i].value); } for (var i in this.dataForm) this.dataForm[i] = this.dataForm[i].join(); //Avoid mutiple submit this.el.$form.find('button[type="submit"], input[type="submit"]').attr('disabled',true); //Post if (this.el.form.method.toLowerCase() == 'post') $.post(this.el.form.action, JSON.stringify(this.dataForm), this.onReceive.bind(this), "json") .fail(this.onFail.bind(this)) .always(this.onComplete(this)); }, onFail : function(error){ // Allow submit this.el.$form.find('button[type=submit], input[type=submit]').attr('disabled',false); // Callback if (this.callback && typeof this.callback === 'function') this.callback(error.responseJSON); }, onReceive : function(result){ // Allow submit this.el.$form.find('button[type=submit], input[type=submit]').attr('disabled', false); // Callback if (this.callback && typeof this.callback === 'function') this.callback(result); }, onComplete : function(result){ // Allow submit //this.el.$form.find('button[type=submit], input[type=submit]').attr('disabled', false); }, reloadCaptcha : function(position, element, length){ if (!this.el.imageCaptcha) this.el.imageCaptcha = F('#' + element, this.el.form); var objParams = new urlParameterEncoder() .addParameter('position',position) .addParameter('length',length); $.get('/user/reloadCaptcha' + objParams.getParameters(), this.reloadCaptchaCallback.bind(this)); }, reloadCaptchaCallback : function(data){ this.el.imageCaptcha.src = data }, callback : function(result){ if (typeof result === 'undefined') return; if (!result.response) { var message = result.errorDetail? result.errorDetail : 'Error'; var success = 0; } else { var message = result.response.MESSAGE; var success = result.response.SUCCESS? result.response.SUCCESS : 0; } this.el.$message.text(message); if (success){ this.el.$message .removeClass('alert-danger') .addClass('alert alert-success'); } else this.el.$message .removeClass('alert-success') .addClass('alert alert-danger'); }, showMessage : function(message, type, notifyMode){ if (!type) type = 'danger'; if (typeof notifyMode !== "boolean") notifyMode = Fluid.config.notifyMode; if (notifyMode) Fluid.notify(message, {type:type}); else this.el.$message.html(message).removeClass('alert-danger alert-success alert-info').addClass('alert alert-'+type); // always remove classes previously }, postFormData: function(event){ event.preventDefault(); //Get form data var arrDataForm = this.el.$form.serializeArray(); //Create FormData var formData = new FormData(this.el.$form[0]); for (var i = 0; i < arrDataForm.length; i++) { formData.append(arrDataForm[i].name, arrDataForm[i].value); } //Check input files length and accept formats. var isValidFormInput = true; this.el.$form.find("input:file").each(function(index, el){ if (el.files.length > 0) { var suffixes = $(el).data('fluidAccept'); joinedSuffixes = suffixes.split(',').join('|'); var re = new RegExp(".*\.(" + joinedSuffixes + ")", "i"); if (!re.test(el.value)) { isValidFormInput = false this.showMessage(languageSheet.VALIDEXTENSIONS + ' ' + suffixes.split(',').join(', ')) } maxFileSize = $(el).data('fluidMaxSize'); if (el.files[0].size/(1024*1024) > maxFileSize) { isValidFormInput = false this.showMessage(languageSheet.VALIDSIZE + ' ' + maxFileSize +'Mb') } formData.append(el.name, el.files[0], el.value); } }.bind(this)); if (!isValidFormInput) return; var callback = this.onReceive.bind(this); $.ajax({ url: this.el.form.action, data: formData, async: true, mimeType: 'multipart/form-data', processData: false, contentType: false, type:'POST', success: function(data) { callback($.parseJSON(data)); } }); } }); /** * Extend Fluid Form for create "superClass" */ Fluid.Form.extend = Fluid.extend; /** * @method Fluid.Form.addMethod * @memberOf Fluid.Form * @description Add Methods to Form * * @param {string} name Name of method * @param {function()} method Function * @return {boolean} */ Fluid.Form.addMethod = function(name, method){ if (typeof name !== 'string' || typeof method !== 'function') return false; this.prototype["custom_"+name] = method; return true; }; /* Others methods that do the same */ Fluid.Form.addEvent = Fluid.Form.addMethod; Fluid.Form.addListener = Fluid.Form.addMethod /** * UserForm Resources * It has userForm prototyping functions for userForm & userAddressBookForm * @property {object} Fluid.userFormResources * @memberOf Fluid */ Fluid.userFormResources = { /** * Ensures this.prefix is filled * @return {void} */ getPrefix : function(){ this.prefix = this.prefix || 'user'; }, /** * Show fields and prepare validation for different kinds of view, particular * business or freelance. * @param {number} userType 1:particular, 2:business, 3:freelance * @param {array} formFields array of fields * @param {object} fieldsMainContainer DOM container */ setFormFields : function(userType, formFields, fieldsMainContainer){ // Ensures prefix exists this.getPrefix(); // Initialize vars var i, formField, $container, $currentFieldsContainer, fieldInformation, dataValidation, $countriesSelector; // Define userType // Set DOM data only when form is userForm or is userAddressBookForm if (this.prefix == 'user' || this.prefix == 'userAddressBook') { this.el.$form.data('userType', userType); if(this.prefix == 'userAddressBook') this.el.$userAddressBookTypeField.val(userType); else this.el.$userTypeField.val(userType); } // Otherwise, forces userType=1 else { userType = 1; } this.userType = userType; // Remove required fields this.removeRequiredFields(formFields, fieldsMainContainer); // Destroying help block fieldsMainContainer.find('span.help-block').remove(); // Destroying old blocks fieldsMainContainer.find('div.'+this.prefix+'FormFields').remove(); // Creating a new fields block $currentFieldsContainer = $('

', { 'class':'formFields '+this.prefix+'FormFields' }).appendTo(fieldsMainContainer); // Iterate formFields for(i = 0; i < formFields[userType].length; i++) { //Get field information fieldInformation = formFields[userType][i]; // Discriminate "BLOCK" if(fieldInformation.name.toUpperCase() == 'BLOCK') { $currentFieldsContainer = $('

', { 'class':'formFields '+this.prefix+'FormFields' }).appendTo(fieldsMainContainer); } else { // Get DOM elements formField = F('#'+this.prefix+fieldInformation.name+'Field'); $container = $('#'+this.prefix+'Field'+fieldInformation.name+'Container'); // Check field exists and is required if(formField && fieldInformation.required){ dataValidation = this.setValidationData($(formField), true); $(formField).data('validation', dataValidation); //Add validation formField.setAttribute('data-validation', dataValidation); } // Check container exists if($container) { $container.show(); $countriesSelector = $('#'+this.prefix+'FieldCountryContainer .countriesSelector'); if ($countriesSelector.length && $.inArray(fieldInformation.name, ["State","City","Zip"]) >= 0) $countriesSelector.append($container); else $currentFieldsContainer.append($container); if(fieldInformation.required) $container.find('span.required').show(); } } } //Country Fields if (this.countryUserFields && this.countryUserFields['country']) this.setCountryFormFields(this.countryUserFields['country'].state,'country'); }, /** * Prepare country fields * @memberOf Fluid.UserForm * @param {number} state 1: visible 0:hidden * @param {string} fieldName Name of field */ setCountryFormFields : function(state, fieldName){ // Check arguments if (!fieldName) return; if (!state) state = 0; // state 1: visible - 0: hidden // Ensures prefix exists this.getPrefix(); if (this.countryUserFields) { this.countryUserFields[fieldName].state = state; if (this.countryUserFields[fieldName].formFields) { var countryUserFields = this.countryUserFields[fieldName].formFields; for (var i = 0; i < countryUserFields.length; i++) { var fieldContainer = F('#'+this.prefix+'Field'+countryUserFields[i]+'Container'); if (fieldContainer) fieldContainer.style.display = state? 'block' : 'none'; } } } }, /** * Remove required fields, for each view * @memberOf Fluid.UserForm * @param {array} formFields array of fields * @param {object} fieldsMainContainer DOM element */ removeRequiredFields : function(formFields, fieldsMainContainer){ // Ensures prefix exists this.getPrefix(); // Init vars var i, dataValidation, formField, $formField, $container; for (i = 0; i < formFields[0].length; i++) { formField = F('#'+this.prefix+formFields[0][i]+'Field'); $formField = $(formField); $container = $('#'+this.prefix+'Field'+formFields[0][i]+'Container'); if(formField){ dataValidation = this.setValidationData($formField, false); $formField.data('validation', dataValidation); formField.setAttribute('data-validation', dataValidation); $formField.removeClass('error').css({'borderColor': ''}); } if($container) { $container.hide(); //moving fields fieldsMainContainer.append($container); $container.find('span.required').hide(); } }; }, /** * setValidationData * @param {object} $formField jQuery DOM Element * @param {boolean} required set required field */ setValidationData : function($formField, required){ var i, dataValidation, arrElements, arrValidation; dataValidation = $formField.data('validation') || ""; arrElements = ["email", "phone", "vat", "idcard"]; arrValidation = required? ["required"] : []; for (i = 0; i < arrElements.length; i++) if (dataValidation.toLowerCase().indexOf(arrElements[i]) >= 0) arrValidation.push(arrElements[i]); return arrValidation.join(","); }, /** * Select Postal Code Callback * @param {String} type userInfo | shippingAddress * @param {Function} callback * @return {void} */ selectPostalCodeCallback : function(type, callback){ if (!$.isFunction(callback)) return; // Type: userInfo | shippingAddress | addressBook if (type === 'userInfo') localizeEvents.selectPostalCode = callback.bind(this); else if (type === 'shippingAddress') localizeEvents.selectShippingPostalCode = callback.bind(this); else if (type === 'addressBook') localizeEvents.selectAddressBookPostalCode = callback.bind(this); } }; /** * @class Fluid.MiniBasketClass * @memberOf Fluid */ Fluid.MiniBasketClass = function(){ this.el = {}; this.events = { before : null, callback : null }; //INITIALIZE this.initialize.apply(this); }; //Extend Public Methods on Fluid.MiniBasketClass $.extend(true, Fluid.MiniBasketClass.prototype, { /** * Initialize minibasket * @memberOf Fluid.MiniBasketClass */ initialize : function(){ this.el.$container = $("#miniBasket"); this.el.$miniBasketContent = this.el.$container.find('#miniBasketContent'); this.data = this.el.$miniBasketContent.data('minibasket'); // Add Event this.el.$container.on('click',"[data-minibasket-delete]", function(event){ event.stopPropagation(); this.deleteItem($(event.currentTarget).data("minibasketDelete")); }.bind(this)); this.initializeQuantityElements(); }, initializeQuantityElements : function() { try { this.el.$container.find('input[data-fluid-quantity]').quantity(); } catch(err) { // Pray God's will call quantity plugin } this.el.quantityElements = this.el.$container.find('input.basketQuantity:text'); // Select box if (!this.el.quantityElements.length) this.el.quantityElements = this.el.$container.find('select.basketQuantity'); this.el.quantityElements.on('click', function(ev){ ev.stopPropagation(); }); this.el.quantityElements.on('change', this.onChangeQuantity.bind(this) ); }, exists : function() { return typeof this.data === 'object'; }, /** * Add events for customize the shop performance * @memberOf Fluid.MiniBasketClass * @param {String} name Name of type of function * @param {Function} fn Function to call */ addEvent : function(name, fn){ if ((name == 'before' || name == 'callback') && fn && typeof fn === 'function') this.events[name] = fn; }, /** * Change quantity * @memberOf Fluid.CheckoutForm * @param {object} eventData */ onChangeQuantity:function(eventData) { //Call before this.before(); var data = {}; data[eventData.currentTarget.name] = eventData.currentTarget.value; var qtText = 'quantity-'; try { var inputData = JSON.parse(eventData.currentTarget.name.substring(qtText.length)); var prodCombinationInput = $('form.buyForm input[data-fluid-product-hash="'+ inputData.productHash +'"]').get(0); } catch(e) { // not valid JSON } if(prodCombinationInput){ var itemForm = prodCombinationInput.closest('form'); itemForm.module.updateCombinationsFields([inputData.productHash], eventData.currentTarget.value); itemForm.module.updateCombinationsFormType(); } $.ajax({ url: '/minibasket/recalculate/', type: 'POST', dataType: 'json', data: JSON.stringify(data) }) .done(this.oneStepCheckoutRefresh.bind(this)) .always(this.reload.bind(this)); }, /** * Refresh minibasket view * @memberOf Fluid.MiniBasketClass */ reload : function(callback){ //Call before this.before(); // force reload changing minibasket data on checkout var bodyClasses = $('body').attr('class') if($('form.basketForm').length && (bodyClasses.indexOf('fluidContent-basket') != -1 || bodyClasses.indexOf('fluidContent-paymentAndShipping') != -1)){ $('html,body').animate({ scrollTop: 0 }, 'slow', function(){window.location.reload();} ); } //No cache param var ncParam = 'nc=' + Math.floor(100 + Math.random() * 899); //Action if (!this.el.$container) this.el.$container = $("#miniBasket"); this.el.$container.load('/minibasket?nc='+ncParam+' #miniBasketContent', this.loadComplete.bind(this, callback)); }, /** * Delete product from minibasket * @memberOf Fluid.MiniBasketClass * @param {number} position Product position from minibasket */ deleteItem : function(position){ //Call before this.before(); //No cache param var ncParam = 'nc=' + Math.floor(100 + Math.random() * 899); this.deleteProduct = position; //Reload minibasket if (!this.el.container) this.el.container = $("#miniBasket"); this.el.container.load('/minibasket?deleteProduct='+this.deleteProduct+'&'+ncParam+' #miniBasketContent', function(){ this.oneStepCheckoutRefresh(); this.loadComplete(); }.bind(this)); }, /** * Hide minibasket * @memberOf Fluid.MiniBasketClass * @todo Please, implement this function */ hide : function(){ //TODO Hide minibasket }, /** * Event trigger before post to server * @memberOf Fluid.MiniBasketClass */ before : function(){ if (!this.el.container) this.el.container = $("#miniBasket"); // Add loadingClass this.el.$container.addClass('miniBasketLoading'); if (this.events.before && typeof this.events.before === 'function') this.events.before.bind(this)(); }, /** * Callback function * @memberOf Fluid.MiniBasketClass */ loadComplete : function(callback){ if (this.el.$container && this.el.$container.hasClass('miniBasketLoading')) this.el.$container.removeClass('miniBasketLoading'); this.el.$miniBasketContent = this.el.$container.find('#miniBasketContent'); this.data = this.el.$miniBasketContent.data('minibasket'); var saveBasketForm = this.el.$miniBasketContent.find('form'); if(saveBasketForm && saveBasketForm.data('fluidForm') == 'saveBasketForm') new Fluid.saveBasketForm(saveBasketForm[0]); // Callbacks if (this.events.callback && typeof this.events.callback === 'function') this.events.callback.bind(this)(); Fluid.initializeCountdowns(); Fluid.basketExpiration.checkNewExpirationDate(); if(this.deleteProduct && this.deleteProduct.length){ var hashes = this.deleteProduct.split('-'); this.deleteProduct = ''; var prodCombinationInput = $('form.buyForm input[data-fluid-product-hash="'+ hashes[0] +'"]').get(0); if(prodCombinationInput){ var itemForm = prodCombinationInput.closest('form'); itemForm.module.updateCombinationsFields(hashes, 0); itemForm.module.updateCombinationsFormType(); } } this.initializeQuantityElements(); if (callback && typeof callback === 'function'){ callback(); } }, /** * On Recieve * @memberOf Fluid.MiniBasketClass */ onReceive : function(result){ if (!this.el.container) this.el.container = $("#miniBasket"); this.el.container.replaceWith(result); //Update this.el.container this.el.container = $("#miniBasket"); if (this.events.callback && typeof this.events.callback === 'function') this.events.callback(result); }, oneStepCheckoutRefresh : function(){ if (this.oneStepCheckoutCallback && typeof this.oneStepCheckoutCallback === 'function') this.oneStepCheckoutCallback(this); } }); // Generate miniBasket Object /** * Fluid.miniBasket * @type {Fluid.MiniBasketClass} */ Fluid.miniBasket = new Fluid.MiniBasketClass(); /** * @class Fluid.comparerBasketClass * @memberOf Fluid */ Fluid.comparerBasketClass = function(){ this.nameId = "#comparerBasket", this.nameContentId = "#comparerBasketContent", this.nameContentLayerId = "#comparerBasketLayer", this.el = {}; this.events = { before : null, callback : null }; //INITIALIZE this.initialize.apply(this); }; //Extend Public Methods on Fluid.comparerBasketClass $.extend(true, Fluid.comparerBasketClass.prototype, { /** * Initialize comparerBasket * @memberOf Fluid.comparerBasketClass */ initialize : function(){ this.el.$container = $(this.nameId); this.el.$comparerBasketContent = this.el.$container.find(this.nameContentId); // Add Event this.el.$container.on('click',"[data-comparer-basket-delete]", function(event){ event.stopPropagation(); this.deleteItem($(event.currentTarget).data("comparerBasketDelete")); }.bind(this)); }, /** * Add events for customize the shop performance * @memberOf Fluid.comparerBasketClass * @param {String} name Name of type of function * @param {Function} fn Function to call */ addEvent : function(name, fn){ var boolCheckEventName = (name == 'before' || name == 'callback' || name == "beforeReloadBadge" || name == "callbackReloadBadge"); if (boolCheckEventName && fn && typeof fn === 'function') this.events[name] = fn; }, /** * Refresh notificationComparer view * @memberOf Fluid.comparerBasketClass */ reload : function(){ //Call before this.before(); // Reload Container if (!this.el.$container) this.el.$container = $(this.nameId); this.el.$container.load('/comparerBasket ' + this.nameId, this.loadComplete.bind(this)); }, /** * Refresh notificationComparer view * @memberOf Fluid.comparerBasketClass */ reloadBadge : function(intQtItems){ //Actions if (this.events.beforeReloadBadge && typeof this.events.beforeReloadBadge === 'function') this.events.beforeReloadBadge.bind(this)(intQtItems); $("#comparerNotificationBasket").find(".badge").html(intQtItems); if (this.events.callbackReloadBadge && typeof this.events.callbackReloadBadge === 'function') this.events.callbackReloadBadge.bind(this)(intQtItems); }, /** * Delete product from notificationComparer * @memberOf Fluid.comparerBasketClass * @param {number} position Product position from minibasket */ deleteItem : function(productId){ //Call before this.before(); //Reload minibasket if (!this.el.$container) this.el.$container = $(this.nameId); this.el.$container.load('/comparerBasket?productId=' + productId + " " + this.nameContentId, this.loadComplete.bind(this)); }, /** * Display comparerbasket * @memberOf Fluid.comparerBasketClass */ display : function(){ //TODO Hide minibasket $(this.nameContentLayerId).addClass('open'); }, /** * Hide comparerbasket * @memberOf Fluid.comparerBasketClass */ hide : function(){ //TODO Hide comparerbasket $(this.nameContentLayerId).removeClass('open'); }, /** * Event trigger before post to server * @memberOf Fluid.comparerBasketClass */ before : function(){ if (!this.el.$container) this.el.$container = $(this.nameId); if (this.events.before && typeof this.events.before === 'function') this.events.before.bind(this)(); }, /** * Callback function * @memberOf Fluid.comparerBasketClass */ loadComplete : function(){ this.el.$comparerBasketContent = this.el.$container.find(this.nameContentId); // var intItemsCount = this.el.$comparerBasketContent.find("[data-comparer-basket-delete]").length; var intItemsCount = $("#comparerNotificationBasket").data("comparerBasketItems"); this.reloadBadge(intItemsCount); if (this.events.callback && typeof this.events.callback === 'function') this.events.callback.bind(this)(); } }); // Generate comparerBasket Object /** * Fluid.comparerBasket * @type {Fluid.comparerBasketClass} */ Fluid.comparerBasket = new Fluid.comparerBasketClass(); Fluid.setConfirmOrder = function(element){ $el = $(element); var data = $el.data('fluidConfirmorder'); $el.load('/checkout/setConfirmOrder/?'+data, {}, function(result, status, xhrResponse){} ); } Fluid.initializeIncrementCounter = function(){ var listIds = []; $('[data-fluid-incrementCounter-data]').each(function(){ var info = $(this).data("fluid-incrementcounter-data") switch(info.type){ case 1: //take all id's to count the impressions if(!listIds.hasOwnProperty(info.item)){ listIds[info.item] = info.id + "," } else{ listIds[info.item] += info.id + "," } break; case 2: //add the event click to count the clicks and redirect to a URL $(this).on('click mousedown', function(e){ e.preventDefault(); if(e.type == 'mousedown' && e.which == 1){//to prevent double event and double click counter return; } var redirect = 0; if( e.which == 1 ) { //only redirect if the click is with the left mouse button redirect = 1; } var url = "/incrementCounter/" + info.type + "/" + info.id + "/" + info.item + "/" + redirect + "?target=" + encodeURIComponent($(this).attr("href")); if(redirect){ $(location).attr('href',url); } else{ $.get(url, function(){});//get doing ajax to don't reload the nav } }); break; default: } }); for (var key in listIds){ if(listIds.hasOwnProperty(key) && listIds[key].length){ Fluid.objIncrementCounter(1, listIds[key], key); } } } Fluid.initializeCountdowns = function(){ if(!('localServerOffsetTime' in settings)) settings.localServerOffsetTime = moment().unix() - moment(settings.serverTime).unix(); // Initialize Product Count Down $('[data-fluid-countdown]').each(function(index, element) { new Fluid.productCountDown(element.id); }); $(document.body).removeClass('basket-check-availability'); $('[data-lock-countdown]').each(function(index, element) { if(!element.basketLockCountDown) element.basketLockCountDown = new Fluid.basketLockCountDown(element); }); $('[data-basket-expires]').each(function(index, element) { if(!element.basketCountDown) element.basketCountDown = new Fluid.basketCountDown(element); }); } /** * Fluid jQuery Interactor. * Generate plugin for DOM interactions * * @method Fluid.fn * @memberOf Fluid * * @param {string} name Name of plugin * @param {object} o Object of plugin * * @example * //Create plugin: * Fluid.fn('pluginName',{ * options : { * enableAnimations : true, * }, * Constructor : function(element, options){ * * //Public methods * this.init = function() { // it is not necessary * //initialize * }; * * // This public method, also removes his dataset. * this.destroy = function() { * element.remove(); * }; * this.clean = function() { * element.html(''); * }; * * //Private methods * function _dummy(){ * //I will return nothing. * }; * } * }); * * // Initialize * $('#element').pluginName(); * * // Destroy or call other public methods * $('#element').pluginName('destroy'[, func arguments]); */ Fluid.fn = function(name, o) { ;(function($) { o.options = $.extend(o.options, {}); if (!o.Constructor || typeof o.Constructor !== 'function'){ throw 'Constructor is not defined!'; return; } //Create plugin $.fn[name] = function(options) { //Clone object // Object Deep copy (Also you can use JSON.parse(JSON.stringify(o.options))); but then you'll lose the functions var defaults = $.extend(true, {}, o.options); // method calling if( typeof options === 'string') { var args = Array.prototype.slice.call(arguments, 1); var res; this.each(function() { var obj = $.data(this, name); if(obj && $.isFunction(obj[options])) { var r = obj[options].apply(obj, args); if(res === undefined) res = r; if(options == 'destroy') $.removeData(this, name); } else if(obj && obj[options]) res = obj[options]; }); if(res !== undefined) return res; return this; } options = $.extend(defaults, options || {}); this.each(function(i, _element) { var element = $(_element); // Object Deep copy (Also you can use JSON.parse(JSON.stringify(options))); but then you'll lose the functions var obj = new o.Constructor(element, $.extend(true, {}, options)); element.data(name, obj); if (obj.init && typeof obj.init === 'function') obj.init(); }); return this; }; })(jQuery); }; /** * @class Fluid.Queue (FIFO) * @memberOf Fluid */ Fluid.Queue = function(){ /** * lst Variable List * @type {Array} */ var lst = []; /** * Returns queue * @return {Array} */ this.getQueue = function(){ return lst; }; /** * Cleans queue * @return {Boolean} */ this.clear = function(){ lst = []; return true; }; /** * Enqueues item to list * @param {any} item * @return {Boolean} for (var i=0; i priority){ break; } auxLst.push(lst.shift()); } auxLst.push({item:item, priority:priority}); for (var i=0; i>lst.length; i++){ auxLst.push(lst[i]); } lst = auxLst; }else{ lst.push({item:item, priority:priority}); } return true; }; /** * Dequeues item from list and returns it * @return {any} */ this.dequeue = function(){ return lst.pop(); }; /** * Destacks item from list and returns it * @return {any} */ this.destack = function(){ return lst.shift(); }; /** * Iterate queue without dequeue it. Each item is lanched by callback * @param {Function} c Callback function * @return {void} */ this.iterate = function(c){ if (c && typeof c === 'function') for (var i = 0; i < lst.length; i++) c(lst[i].item); }; /** * Returns size of list * @return {Integer} */ this.size = function(){ return lst.length; }; }; /** * Create Queue object to queue functions for call on domready * @type {Fluid.Queue} */ Fluid.initQueue = new Fluid.Queue(); /** * Call queued functions on document ready */ jQuery(document).ready(function() { while (Fluid.initQueue.size()) { Fluid.initQueue.destack().item.apply(); } }); //------------------------------------------------------------------------------ // FI. No afegir res al final del document. Posem-ho a on toqui :) //------------------------------------------------------------------------------ ;/** * Classes que extenen de Fluid.Form */ /** * @class Fluid.PackBuyForm * @memberOf Fluid * @extends {Fluid.Form} */ Fluid.PackBuyForm = Fluid.Form.extend({ name : 'PackBuyForm', options : {}, visibleStock : 0, /** * Initialize * @memberOf Fluid.BuyForm */ initialize:function(form){ if(this.el.form.initialized) return; this.el.form.initialized = true; this.trigger('initializeBefore'); this.data = JSON.parse(this.el.$form.attr("data-pack")); this.quantityField = this.el.$form.find('input[data-fluid-field="quantity"]').get(0); this.alternativeImageField = this.el.$form.find('input[data-fluid-field="alternativeImage"]').get(0); this.vinculatedProductsField = this.el.$form.find('input[data-fluid-field="vinculatedProducts"]').get(0); this.el.$buyFormSubmit = this.el.$form.find('button[type="submit"]'); this.callback = this.callback.bind(this); }, getFormData:function(){ return { id:this.data.id, quantity:this.quantityField ? this.quantityField.value : 1, alternativeImage:this.alternativeImageField ? this.alternativeImageField.value : '', vinculatedProducts:this.vinculatedProductsField ? this.vinculatedProductsField.value : '' }; }, submit : function(event) { event.preventDefault(); // Before trigger this.trigger('submitBefore', event); if(!this.el.$form.isValid()) return false; $.post('/basket/addPack/', JSON.stringify([this.getFormData()]), this.callback , 'json'); // Disable buy button this.el.$buyFormSubmit.prop('disabled', true); // Callback trigger this.trigger('submitCallback', event); }, callback:function(result){ // Reload minibasket Fluid.miniBasket.reload(); // Enable buy button this.el.$buyFormSubmit.prop('disabled', false); if(window.TEA && result.response.basket) TEA.updateBasket(result.response.basket); if (Fluid.config.showModalBasket && (settings.isMobile == 1 || window.innerWidth < 992)){ var buttonClass = htmlFramework == 'bootstrap' ? ' btn btn-default btn-block' : 'modalBasketEndOrderButton'; var submitButtonClass = htmlFramework == 'bootstrap' ? ' btn-primary' : ''; var localPath = (settings && settings.checkoutPath)? settings.checkoutPath : "/checkout/basket"; var modalContent = ''; if(result.response.stockLock){ modalContent += '

'+languageSheet.LOCKEDSTOCKREMAININGTIME+'

'+languageSheet.LOCKEDSTOCKEXPIREDTIME+'

'; } modalContent += '

'+ languageSheet.BASKETENDORDER + '' + languageSheet.BASKETCONTINUESHOPPING + '' + languageSheet.MYACCOUNT + '

' this.el.$buyFormSubmit.box({ uid : 'mobileBasketModal', source: modalContent, showFooter : false, triggerOnClick : false, type : 'text' }); } } }); /** * @class Fluid.BuyForm * @memberOf Fluid * @extends {Fluid.Form} * @description Form extended from Fluid.Form */ Fluid.BuyForm = Fluid.Form.extend({ name : 'buyForm', options : {}, visibleStock : 0, /** * Initialize * @memberOf Fluid.BuyForm */ initialize:function(form){ if(this.el.form.initialized) return; this.el.form.initialized = true; this.el.form.module = this; this.data = JSON.parse(this.el.$form.attr("data-product")); this.quantityField = this.el.$form.find('input[data-fluid-field="quantity"]').get(0); this.alternativeImageField = this.el.$form.find('input[data-fluid-field="alternativeImage"]').get(0); this.vinculatedProductsField = this.el.$form.find('input[data-fluid-field="vinculatedProducts"]').get(0); this.addVinculated = this.el.$form.find('input[data-fluid-field="addVinculated"]').get(0); this.disallowGrid = $(this.el.$form.find('input[name="disallowGrid"]').get(0)).val(); if(!this.disallowGrid){ this.disallowGrid = false; } // Before trigger this.trigger('initializeBefore'); if (!this.quantityField){ this.quantityField = this.el.$form.find('input[name=quantity]').get(0); }else{ this.quantityField = this.el.$form.find('select[name=quantity]').get(0); } this.el.$priceByQuantityBox = this.el.$form.find('div.priceByQuantity'); /*adding 1 unit prices to price by quantity*/ this.data.priceByQuantity.unshift({from:1, optionValueId:0, basePrice:this.data.definition.productBasePrice, retailPrice:this.data.definition.productRetailPrice}); // Stock Alerts var productSubscribe = $('#productSubscribeStock' + this.data.id); //20160701BVFL-01 if (!this.stockSubscriptionForm && productSubscribe.length > 0) { this.stockSubscriptionForm = {}; this.stockSubscriptionForm.$htmlModule = productSubscribe; this.stockSubscriptionForm.$form = productSubscribe.find('Form'); this.stockSubscriptionForm.data = this.stockSubscriptionForm.$form.data('productStock'); } this.productAvailabilities = []; if(this.data.availabilityId && productAvailabilities['availability'+this.data.availabilityId]) this.productAvailabilities = productAvailabilities['availability'+this.data.availabilityId]; this.el.$productOptionAttachment = this.el.$form.find('div.fluidProductOptionAttachment'); this.callback = this.callback.bind(this); this.initOptions(); // Init trigger this.trigger('init'); // Wishlist this.el.$wishlist = this.el.$form.find('[data-wishlist]'); if (this.el.$wishlist) this.wishlist(); // Initialize // Delete wishlist item this.el.$wishlistItems = this.el.$form.find('[data-wishlist-item]'); if (this.el.$wishlistItems.length) this.el.$wishlistItems.on('click', this.deleteWishlistItem.bind(this)); // available discounts this.el.$availableDiscounts = this.el.$form.find('button.productDiscountsButton'); if (this.el.$availableDiscounts) this.el.$availableDiscounts.on('click', this.availableDiscounts.bind(this)); //Init calendar //$(this.el.form).find('input[rel="calendarField"]').ionDatePicker(); var dateFields = this.el.$form.find('div[data-datetimepicker]').each(function(index,el) { var $calendar = $(el); // Options var language = $calendar.data('language'); var format = $calendar.data('format'); var startDate = $calendar.data('startdate'); var endDate = $calendar.data('enddate'); $calendar.datetimepicker({ locale : language ? language : 'en', format : format ? format : 'DD/MM/YYYY', startDate : startDate, endDate : endDate }); }); // Callback trigger this.trigger('initializeCallback'); //Pseudo Buttons this.el.$pseudoSubmits = this.el.$form.find('[data-fluid-formButton="addSpecialProduct"]'); this.el.$pseudoSubmits.on('click', function(e){ e.preventDefault(); this.custom_callback = function(){ $('html,body').animate({ scrollTop: 0 }, 'slow', function(){ window.location.reload(); }); } this.submit(e); }.bind(this)); this.el.$ePointsSubmits = this.el.$form.find('[data-fluid-formButton="ePointsPurchase"]'); this.el.$ePointsSubmits.on('click', [this], function(e){ e.preventDefault(); this.ePointId = $(e.currentTarget).data('fluidEpointspurchase').ePointId; this.submit(e); }.bind(this)); if (typeof pgSDK != "undefined") { try { pgSDK.simulator.reload(pgid); } catch (err) {} } }, /** * Init options * @memberOf Fluid.BuyForm */ initOptions:function() { // Before trigger this.trigger('initOptionsBefore'); // get combination grid quantity inputs this.el.$gridCombinations = this.el.$form.find('input[data-fluid-product-hash][name^=quantity-]'); if(this.el.$productOptionAttachment.length) this.attachmentFields(this.el.$productOptionAttachment); this.el.$gridOption = this.el.$form.find('[data-fluid-grid-options]'); if(this.el.$gridOption.length){ var num = this.el.$gridOption.data('fluid-grid-options'); if (num == 1){ this.el.gridOptionsIds = [this.el.$gridOption.data('fluid-product-option').id]; this.el.gridOptionValues1 = this.el.$form.find('.gridOptionsInfo').data('grid-options1'); } else { this.el.gridOptionsIds = [this.el.$gridOption.data('fluid-product-option').id1,this.el.$gridOption.data('fluid-product-option').id2]; this.el.gridOptionValues1 = this.el.$form.find('.gridOptionsInfo').data('grid-options1'); this.el.gridOptionValues2 = this.el.$form.find('.gridOptionsInfo').data('grid-options2'); } } this.el.$options = this.el.$form.find('select.productOptionSelectValue, input.productOptionRadioValue, input.productOptionCheckboxValue, input.productOptionBooleanValue, input.productOptionTextValue, textarea.productOptionLongTextValue, input.productOptionDateValue'); this.el.$options.change(this.changeOption.bind(this)); this.el.$comments = this.el.$form.find('input.basketProductCommentInput'); this.el.$comments.blur(this.changeOption.bind(this)); this.el.$form.find('img.productOptionValueImage').each( function(a,b){ $(this).click(function(a,b,c){ $(a.target).parent('label').click(); }); }); if (typeof this.quantityField === 'undefined') { this.quantityField = this.el.$form.find('select[name=quantity]').get(0); } $(this.quantityField).change(this.changeQuantity.bind(this)); // Change event quantity /*getting required options*/ this.requiredOptions = []; this.requiredGridOptions = []; for (var option in this.data.options) { if (this.data.options[option].required) { if ([10].indexOf(this.data.options[option].valueType) > -1) { this.requiredOptions.push(this.data.options[option].id); } else { var showAsGrid = this.data.options[option].showAsGrid && !this.disallowGrid; if ([3,4,5,6,7].indexOf(this.data.options[option].valueType) > -1 && !showAsGrid) this.requiredOptions.push(this.data.options[option].id); else if ([3,4,5,6,7].indexOf(this.data.options[option].valueType) > -1 && showAsGrid) this.requiredGridOptions.push(this.data.options[option].id); } } /*adding 1 unit prices to price by quantity*/ for (var key in this.data.options[option].values) { var optionValue = this.data.options[option].values[key]; this.data.priceByQuantity.unshift({from:1, optionValueId:optionValue.id, basePrice:optionValue.basePrice, retailPrice:optionValue.retailPrice}); } } if (this.el.$gridOption.length != 0) { //When there are grid options this.el.$gridOptions = this.el.$form.find('input.productGridQuantityValue'); this.el.$gridOptions.change(this.changeGridOption.bind(this)); this.el.$options.change(this.changeGridOption.bind(this)); } if (this.el.$gridCombinations.length != 0){ //When there are grid combinations if(this.quantityField) this.quantityField.remove(); this.el.$gridCombinations.change(this.changeGridCombinations.bind(this)); this.el.$gridCombinationsType = this.el.$form.find('input[name=gridCombinationsType]'); } this.onChange(true); this.el.$form.find('input.productOptionRadioValue:checked').parent('div.productOptionRadioValue').addClass('productOptionSelected'); this.el.$form.find('input.productOptionCheckboxValue:checked').parent('div.productOptionCheckboxValue').addClass('productOptionSelected'); // Callback trigger this.trigger('initOptionsCallback'); }, /** * Change grid options * @memberOf Fluid.BuyForm * @param {object} eventData */ changeGridOption:function(eventData) { this.trigger('changeOptionBefore'); // Callback trigger this.trigger('changeOptionCallback', eventData.target); this.onChange(); }, /** * Change grid combinations * @memberOf Fluid.BuyForm * @param {object} eventData */ changeGridCombinations:function(eventData) { this.trigger('changeCombinationBefore'); // Callback trigger this.trigger('changeCombinationCallback', eventData.target); this.onChange(); }, /** * Change options * @memberOf Fluid.BuyForm * @param {object} eventData */ changeOption:function(eventData) { // Before trigger this.trigger('changeOptionBefore'); if( $(eventData.target).hasClass('productOptionRadioValue') ) { $(eventData.target).parents('div.productOptionValues').find('div.productOptionRadioValue').removeClass('productOptionSelected'); $(eventData.target).parent('div.productOptionRadioValue').addClass('productOptionSelected'); } if( $(eventData.target).hasClass('productOptionCheckboxValue') ) { if(eventData.target.checked) $(eventData.target).parent('div.productOptionCheckboxValue').addClass('productOptionSelected'); else $(eventData.target).parent('div.productOptionCheckboxValue').removeClass('productOptionSelected'); } if( $(eventData.target).hasClass('productOptionAttachmentValue') ) this.uploadFile(eventData.target); // Callback trigger this.trigger('changeOptionCallback', eventData.target); this.onChange(true); }, /** * Change quantity * @memberOf Fluid.BuyForm * @param {object} eventData */ changeQuantity:function(eventData) { var quantityValue = $(this.quantityField).val(); // Before trigger this.trigger('changeQuantityBefore'); this.quantityField.value = quantityValue; // Callback trigger this.trigger('changeQuantityCallback', {quantity:quantityValue}); this.onChange(true); }, /** * Get form values * @memberOf Fluid.BuyForm */ getFormValues:function() { var formValues; if (this.el.$options.length) { /*product detail (options in form)*/ formValues = this.el.$options.serializeArray(); } else { /*list of products (default options selection)*/ formValues = []; var selectedOptions = []; /*getting first available combination*/ if (settings.stockManagement && this.data.definition.stockManagement) { for (var key in this.data.stocks) { if (this.data.stocks[key] > 0) { var optionValues = key.split('_'); if (optionValues.length == 1) { break; } optionValues = optionValues[1].split('-'); for (var i=0; i 0) totalQty += qty; } } for(var i=0; i 0) { stockMatch = '(' + availableWarehouses + ')+_'; } if (validateCombinationStock) { for (var key in this.data.combinations) { if ( key.match('PC_'+selectedStockValues+'$') ) { sku = this.data.combinations[key].sku; ean = this.data.combinations[key].ean; combinationId = this.data.combinations[key].id; break; } } if (settings.stockManagement && this.data.definition.stockManagement) { stock = 0, backorderPrevision = 0, combinationFound = false; for (var key in this.data.stocks) { if ( key.match(stockMatch+selectedStockValues+'$') ) { if(stockKeys.indexOf(key) == -1) stockKeys.push(key); // Collect used stock keys stock += this.data.stocks[key]; combinationFound = true; } } var emptyStock = stock == 0; // adding stock previsions for (i=0;i retailPrice /**&& retailPrice > 0**/) { price = retailPrice; alternativePrice = alternativeRetailPrice; this.el.$form.find('.product-basePrice').show(); this.el.$form.find('.product-alternativeBasePrice').show(); this.el.$form.find('.product-saving').show(); var saving = basePrice-retailPrice; this.el.$form.find('.product-saving .price').html( outputFormattedCurrency(saving) ); this.el.$form.find('.product-saving .percent').html( (saving*100/basePrice).toFixed(0) ); } else { price = basePrice; alternativePrice = alternativeBasePrice; this.el.$form.find('.product-basePrice').hide(); this.el.$form.find('.product-alternativeBasePrice').hide(); this.el.$form.find('.product-saving').hide(); } this.el.$form.find('.product-price .price').html( outputFormattedCurrency(price) ); this.el.$form.find('.product-alternativePrice .price').html( outputFormattedCurrency(alternativePrice) ); this.el.$form.find('.product-basePrice .price').html( outputFormattedCurrency(basePrice) ); this.el.$form.find('.product-alternativeBasePrice .price').html( outputFormattedCurrency(alternativeBasePrice) ); if (stock >= 0) { this.el.$form.find('.product-stock .stock').html(stock); if (stock > 0) { this.el.$form.find('.product-stock').removeClass('no-stock').addClass('stock-ok').show(); if (stock == 1) { this.el.$form.find('.product-stock .stock').html(stock); this.el.$form.find('.stockText').html(languageSheet.STOCKSINGULAR.replace("%stock%", stock)); } else { this.el.$form.find('.product-stock .stock').html(stock); this.el.$form.find('.stockText').html(languageSheet.STOCKPLURAL.replace("%stock%", stock)); } if (stockPrevisionIncomingDate) { var elStockPrevisionIncomingDate = this.el.$form.find('.product-stock .stockPrevisionIncomingDate'); if (elStockPrevisionIncomingDate) { elStockPrevisionIncomingDate.html(moment(stockPrevisionIncomingDate).format(settings.dateFormat.toUpperCase())); } } } else { this.el.$form.find('.product-stock').removeClass('stock-ok').addClass('no-stock').show(); this.el.$form.find('.stockText').html(languageSheet.STOCKNONE.replace("%stock%", stock)); } } else { this.el.$form.find('.product-stock').hide(); } if (sku.length > 0) this.el.$form.find('.product-combinations-sku').html(sku); if (ean.length > 0) this.el.$form.find('.product-combinations-ean').html(ean); /*getting availability interval*/ var availabilityInterval; for (var i=this.productAvailabilities.length-1; i>-1; i--) { if ( this.productAvailabilities[i].stock < stock) break; availabilityInterval = this.productAvailabilities[i]; } /*printing availability*/ if (availabilityInterval) { this.el.$form.find('.product-stock .availabilityImage').html('

'); this.el.$form.find('.product-stock .availabilityName').html(availabilityInterval.name); this.el.$form.find('.product-stock .availabilityDescription').html(availabilityInterval.description); } else { this.el.$form.find('.product-stock .availabilityImage').hide(); this.el.$form.find('.product-stock .availabilityName').hide(); this.el.$form.find('.product-stock .availabilityDescription').hide(); } // Buy Button properties var buyButtonProps = {}; var displaySubscription = null; if('countdown' in this) this.countdown.destroy(); this.el.$form.find('.fluidStockLock').removeClass('visible'); this.el.$form.find('.fluidStockLockText').empty(); var lsBUY = languageSheet.BUY; if(this.el.$gridCombinationsType && this.el.$gridCombinationsType.val() == 'update'){ lsBUY = languageSheet.UPDATE; } if (requiredOptions.length) { buyButtonProps.className = 'selectOption'; buyButtonProps.name = languageSheet.SELECTOPTION.replace('%option%', this.data.options['id'+requiredOptions[0]].name); buyButtonProps.disabled = true; displaySubscription = 'none'; } else if (!validateCombinationStock && totalQty==0) { // grid options buyButtonProps.className = 'selectOption'; buyButtonProps.name = languageSheet.SELECTOPTION.replace('%option%', this.data.options['id'+this.requiredGridOptions[0]].name); buyButtonProps.disabled = true; displaySubscription = 'none'; } else if(this.data.definition.onRequest){ // onRequest products will be always available buyButtonProps.className = 'buy'; buyButtonProps.name = lsBUY; buyButtonProps.disabled = false; displaySubscription = 'none'; } else if (stock < 0) { buyButtonProps.className = 'notAvailable'; buyButtonProps.name = languageSheet.NOTAVAILABLE; buyButtonProps.disabled = true; displaySubscription = 'none'; } else if (stock == 0 || quantityValue > stock) { if(settings.reserveAllowed && this.data.definition.backorder){ if((this.data.definition.backorder == 2 && (backorderPrevision+stock) >= quantityValue) || (this.data.definition.backorder == 1 || this.data.definition.backorder == 3)){ // allow reserve buyButtonProps.className = 'reserve'; buyButtonProps.name = languageSheet.RESERVE; buyButtonProps.disabled = false; }else{ // disallow reserve buyButtonProps.className = 'notAvailable'; buyButtonProps.name = languageSheet.NOTAVAILABLE; buyButtonProps.disabled = true; if (baseStockForSubscription && stock == 0) displaySubscription = 'block'; else displaySubscription = 'none'; } if (baseStockForSubscription && stock == 0) displaySubscription = 'block'; else displaySubscription = 'none'; } else { buyButtonProps.className = 'notAvailable'; buyButtonProps.name = languageSheet.NOTAVAILABLE; buyButtonProps.disabled = true; if (baseStockForSubscription && stock == 0) displaySubscription = 'block'; else displaySubscription = 'none'; } } else if(stock-lockedStock <= 0){ buyButtonProps.className = 'notAvailable reserved'; buyButtonProps.name = languageSheet.STOCKRESERVED; buyButtonProps.disabled = true; displaySubscription = 'none'; this.el.$form.find('.fluidStockLock').addClass('visible'); if(lockedStockExpiration){ this.countdown = new Fluid.combinationCountDown({endDate:lockedStockExpiration.expires, quantity:lockedStockExpiration.quantity}); this.el.$form.find('.fluidStockLockText').append( this.countdown.$container ); } else{ this.el.$form.find('.fluidStockLockText').append( languageSheet.STOCKRESERVEDUSERTEXT ); } } else { buyButtonProps.className = 'buy'; buyButtonProps.name = lsBUY; buyButtonProps.disabled = false; displaySubscription = 'none'; } this.el.$buyFormSubmit = this.el.$form.find('button[type="submit"]'); this.updateButton(this.el.$buyFormSubmit, buyButtonProps); // show ePoints prices for(var i=0; i= 0 ? epointsPrices[i].price : 0); additionalBuyFormSubmit = this.el.$form.find('button[type="submit"].ePointsBuyFormSubmit' + epointsPrices[i].ePointId); // disable button if((!this.data.userEpoints || !this.data.userEpoints['ePoint_'+epointsPrices[i].ePointId] || !this.data.userEpoints['ePoint_'+epointsPrices[i].ePointId].AVAILABLE) || (additionalBuyFormSubmit && !additionalBuyFormSubmit.attr('disabled') && (epointsPrices[i].price <= 0 || this.data.userEpoints['ePoint_'+epointsPrices[i].ePointId].AVAILABLE < (epointsPrices[i].price * quantityValue))) ){ this.updateButton(additionalBuyFormSubmit, {className:'notEnoughEpoints', name:(epointsPrices[i].price <= 0 ? languageSheet.NOTAVAILABLE : languageSheet.NOTENOUGHEPOINTS.replace(/%%/g, '%').replace('%ePoints%', epointsPrices[i].name)), disabled:true}); } } this.enabledButtons = this.el.$buyFormSubmit.filter(':enabled'); if (this.stockSubscriptionForm) this.stockSubscriptionForm.$htmlModule.css('display', displaySubscription); this.updateEpointsView(price); this.updatePriceByQuantity(selectedValues); var offsetContainer = this.el.$form.find('.productOffsetMessage').get(0), stcStockOffset = {}; if(offsetContainer && stockKeys.length && warehousesStructures.length){ $(offsetContainer).html(''); var acumulatedStock = 0, offsetDays = 0, requestOffset = 0, previsionDate = new Date(), productData = this.data; if(this.data.definition.onRequest) requestOffset = this.data.definition.onRequestDays; $.each(warehousesStructures, function(i, wStructure){ for(i=0;i offsetDays) offsetDays = wStructure.offsetDays; } } if(acumulatedStock >= quantityValue){ return false; // left loop } } }); previsionDate.setDate(previsionDate.getDate()+offsetDays); if(acumulatedStock < quantityValue){ // We need to use the previsions var auxPrevisionDate = new Date(); productData.stockPrevisions.sort(function(a,b){ return new Date(a.incomingDate) > new Date(b.incomingDate) }) // sort the previsions by the incoming date $.each(productData.stockPrevisions, function(i, prevision){ for(i=0;i 0){ acumulatedStock += prevision.stock; offsetDays = stcStockOffset[prevision.warehousesStructureId] || offsetDays; auxPrevisionDate = new Date(prevision.incomingDate); } if(acumulatedStock >= quantityValue){ return false; // left loop } } }); auxPrevisionDate.setDate(auxPrevisionDate.getDate()+offsetDays); if(auxPrevisionDate > previsionDate) previsionDate = auxPrevisionDate; } if(acumulatedStock < quantityValue && settings.reserveAllowed && this.data.definition.backorder){ // We need to use the backorder previsions if we have them var auxPrevisionDate = new Date(); productData.backorderPrevisions.sort(function(a,b){ return new Date(a.incomingDate) > new Date(b.incomingDate) }) // sort the previsions by the incoming date $.each(productData.backorderPrevisions, function(i, prevision){ for(i=0;i 0){ acumulatedStock += prevision.stock; offsetDays = stcStockOffset[prevision.warehousesStructureId] || offsetDays; auxPrevisionDate = new Date(prevision.incomingDate); } if(acumulatedStock >= quantityValue){ return false; // left loop } } }); auxPrevisionDate.setDate(auxPrevisionDate.getDate()+offsetDays); if(auxPrevisionDate > previsionDate) previsionDate = auxPrevisionDate; } if(acumulatedStock >= quantityValue && previsionDate.setHours(0,0,0,0) > new Date().setHours(0,0,0,0)){ var formattedDate = moment(previsionDate).format(settings.dateFormat.toUpperCase()); $(offsetContainer).html(languageSheet.WAREHOUSEOFFSETMESSAGE.replace('%offsetDays%', formattedDate).replace('%previsionDate%', formattedDate)); } else if(acumulatedStock < quantityValue && requestOffset) $(offsetContainer).html(languageSheet.ONREQUESTPRODUCTMESSAGE.replace('%days%', requestOffset)); } // Callback Pmt if exists if (settings.showTaxInclude == 0) var sendPrice = alternativePrice * quantityValue; else var sendPrice = price * quantityValue; this.getPagaMasTarde(sendPrice, this.data.id); this.updateSequra(sendPrice, this.data.id); this.updateAplazame(sendPrice, this.data.id); if(this.data.restrictions && this.data.restrictions.length) { this.setOptionRestrictions(); } // Callback trigger this.trigger('onChangeCallback', { price: price, basePrice: basePrice, requiredOptions: requiredOptions, selectedOptions: selectedOptions, stock: stock, quantity: quantityValue, stockKeys: stockKeys }); }, setOptionRestrictions:function() { var form = this.el.$form; var getField = function(valueId) { return form.find('*[value='+valueId+']'); }; var getChecked = function(valueId) { var field = getField(valueId).first(); return field.length ? field[0].checked || field[0].selected : false; }; var disableField = function(valueId) { var field = getField(valueId); var ind,i,k; if(!field) return; field.addClass('_restricted_').attr('disabled',1).css('display','none').removeAttr('checked'); if(field.parents('tr.productOptionValueTable').length == 1){ field.parents('tr.productOptionValueTable').css('display','none').removeClass('productOptionSelected'); } else if(field[0].tagName.toLowerCase()!='option') parentNode = field.parent('.productOptionValue').css('display','none').removeClass('productOptionSelected'); }; var disableOption = function(optionId) { var option = form.find('.productOption'+optionId) option.addClass('_restricted_').css('display','none'); option.find('select').addClass('_restricted_').attr('disabled',1).attr('selectedIndex',-1); //option.find('option').addClass('_restricted_').attr('disabled',1).attr('selected',0); option.find('input.productOptionRadioValue').addClass('_restricted_').attr('disabled',1).removeAttr('checked').parent('.productOptionRadioValue').removeClass('productOptionSelected'); }; /*reset all options*/ form.find('._restricted_').removeClass('_restricted_').removeAttr('disabled').css('display','').css('display','').each( function(index, field){ if(field.tagName.toLowerCase()!='option') { $(field).parent('.productOptionValue').css('display',''); if($(field).parents('tr.productOptionValueTable').length == 1){ $(field).parents('tr.productOptionValueTable').css('display',''); } } } ); if(this.data.restrictionsMain && this.data.restrictionsMain.length) { for(var ind=0; ind pricesArray[i].retailPrice && pricesArray[i].retailPrice != 0) price = pricesArray[i].retailPrice; table += ''+label+''+outputFormattedCurrency(price)+''; } table += ''; this.el.$priceByQuantityBox.html(table).show(); }, getPrices:function( optionValues ) { optionValues = optionValues || []; optionValues.unshift(0); var prices = {}; for (var i=0; i -1 ) { prices['p'+priceData.from] = prices['p'+priceData.from] || {from:priceData.from, basePrice:0, retailPrice:0}; } } for (var key in prices) { for (var i=0; i-1 ; i--) { if (this.data.priceByQuantity[i].from > from) continue; if (this.data.priceByQuantity[i].optionValueId != optionValueId) continue; return this.data.priceByQuantity[i]; } return {from:from, basePrice:0, retailPrice:0}; }, /** * Get form data * @memberOf Fluid.BuyForm */ getFormData:function() { var formValues = this.getFormValues(); var options = {}, optionsArray = []; for(var i=0; i 0) { response.gridValues = {}; this.el.$gridOptions.each(function(i,e) { var val = $(e).val(); if (val.length == 0) val = 0; response.gridValues[$(e).attr('name')] = val; }); response.gridOptionsIds = this.el.gridOptionsIds; response.gridOptionValues1 = this.el.gridOptionValues1; if (this.el.gridOptionValues2) { response.gridOptionValues2 = this.el.gridOptionValues2; } } if (this.el.$gridCombinations.length > 0) { response.gridCombinationsValues = {}; this.el.$gridCombinations.each(function(i,e) { response.gridCombinationsValues[$(e).attr('name')] = parseInt($(e).val()); }); } return response; }, /** * Submit event * @memberOf Fluid.BuyForm * @param {object} event */ submit : function(event) { event.preventDefault(); // Before trigger this.trigger('submitBefore', event); if(!this.formIsValid()) return false; var data = this.getFormData(); // Before submit this.pluginListener('onAddProduct', event, data); // Send form $.post('/basket/addProduct/', JSON.stringify([data]), this.callback , 'json'); // Disable buy button this.el.$buyFormSubmit.prop('disabled', true); // Callback trigger this.trigger('submitCallback', event); }, formIsValid : function() { if(!this.el.$form.isValid()) return false; if (this.el.$gridCombinationsType && this.el.$gridCombinationsType.val() == 'buy') { var sumCombination = 0; this.el.$gridCombinations.each(function(i,e) { sumCombination += parseInt($(e).val()); }); if (sumCombination === 0) return false; } return true; }, /** * Callback * @memberOf Fluid.BuyForm */ callback:function(result) { //refresh chat this.updateChatBasket(result); // Callback trigger this.trigger('callbackBefore', result.response); var bodyClasses = $('body').attr('class') if(this.addVinculated && this.addVinculated.value.toString() == "true" && (bodyClasses.indexOf('fluidContent-basket') != -1 || bodyClasses.indexOf('fluidContent-paymentAndShipping') != -1)){ $('html,body').animate({ scrollTop: 0 }, 'slow', function(){window.location.reload();} ); } // Reload minibasket Fluid.miniBasket.reload(); if(window.TEA && result.response.basket) TEA.updateBasket(result.response.basket); //reload OSC if buying from OSC switch(location.pathname){ case '/checkout': case '/checkout/oneStepCheckout': fluidOneStepCheckout.moduleCalls('refreshModule'); } // Enable buy button this.enabledButtons.prop('disabled', false); if (this.el.$gridCombinations.length > 0) { var qtText = 'quantity-'; this.el.$gridCombinations.each(function(i,e) { var $e = $(e); var inputData = JSON.parse($e.attr('name').substring(qtText.length)); this.updateCombinationsFields([inputData.productHash], parseInt($e.val())); }.bind(this)); totalProdsInBasket = this.getCombinationsFormTotalQuantity(); this.updateCombinationsFormType(totalProdsInBasket); } // Callback trigger this.trigger('callback', result.response); if (Fluid.config.showModalBasket && (settings.isMobile == 1 || window.innerWidth < 992)){ var buttonClass = htmlFramework == 'bootstrap' ? ' btn btn-default btn-block' : 'modalBasketEndOrderButton'; var submitButtonClass = htmlFramework == 'bootstrap' ? ' btn-primary' : ''; var localPath = (settings && settings.checkoutPath)? settings.checkoutPath : "/checkout/basket"; var modalContent = ''; if(result.response.stockLock){ modalContent += '

'+languageSheet.LOCKEDSTOCKREMAININGTIMEPOPUP+'

'+languageSheet.LOCKEDSTOCKEXPIREDTIMEPOPUP+'

'; } modalContent += '

'+ languageSheet.BASKETENDORDER + '' + languageSheet.BASKETCONTINUESHOPPING + '' + languageSheet.MYACCOUNT + '

' this.el.$buyFormSubmit.box({ uid : 'mobileBasketModal', source: modalContent, showFooter : false, triggerOnClick : false, type : 'text' }); } }, /** * updateCombinationsFields method * @memberOf Fluid.BuyForm * @param {array} hashes * @param {numeric} value */ updateCombinationsFields : function(hashes, value){ if(hashes.length){ $('[id="buyForm' + this.data.id + '"]').each(function(index, buyForm) { var qtText = 'quantity-'; if(buyForm.module.el.$gridCombinations.length){ buyForm.module.el.$gridCombinations.each(function(index, inputCombination) { var $inputCombination = $(inputCombination); var hash = $inputCombination.data("fluidProductHash"); if($.inArray(hash, hashes) != -1){ var inputData = JSON.parse($inputCombination.attr('name').substring(qtText.length)); inputData.quantity = value; $inputCombination.attr('name', qtText + JSON.stringify(inputData)); $inputCombination.val(value); } }); } }); } }, /** * getCombinationsFormTotalQuantity method * @memberOf Fluid.BuyForm */ getCombinationsFormTotalQuantity : function(){ var totalQuantity = 0; this.el.$gridCombinations.each(function(i,e) { totalQuantity += parseInt($(e).val()); }); return totalQuantity; }, /** * updateCombinationsFormType method * @memberOf Fluid.BuyForm * @param {numeric} totalProdsInBasket */ updateCombinationsFormType : function(totalProdsInBasket){ var getCombinationsFormType = function(totalProdsInBasket){ if(totalProdsInBasket > 0) return 'update'; return 'buy'; } if(totalProdsInBasket == null){ totalProdsInBasket = this.getCombinationsFormTotalQuantity($('#buyForm' + this.data.id).get(0)); } $('[id="buyForm' + this.data.id + '"]').each(function(index, buyForm) { if(buyForm.module.el.$gridCombinationsType){ buyForm.module.el.$gridCombinationsType.val(getCombinationsFormType(totalProdsInBasket)); buyForm.module.onChange(); } }); }, wishlist: function() { // Before trigger this.trigger('wishlistBefore'); var $this = this.el.$wishlist; var type = $this.data('wishlist'); switch(type) { case 'accountRequired': $this.box({ uid : 'wishlistAccountRequiredModal', showFooter : false, source : '

'+languageSheet.WISHLISTACCOUNTREQUIRED+'

', type : 'text', showClose : false, size : 'small', callback : 'wishlistAccountRequired' }); break; case 'setWishlist': var data = $this.data('wishlistData'); $this.on('click', function(event) { $this.attr('disabled', 'disabled'); var data = $this.data('wishlistData'); var typeSetWishlist = data.type; /*blueknow*/ if (data.type == 'add' && window.BlueknowTracker) BlueknowTracker.trackExamined(data.itemId); if (data.type == 'add') data.type = 'remove'; else data.type = 'add'; // Post $.post( '/user/setWishlist/', JSON.stringify({type: typeSetWishlist, itemId:data.itemId, itemType:data.itemType}), this.wishlistCallback.bind(this, data, $this), "json"); }.bind(this)); break; } }, wishlistCallback: function(data, $this, dataResult, textStatus, xhr) { $this.removeAttr('disabled'); if (dataResult.response && dataResult.response.SUCCESS) { var isInput = $this[0].nodeName.toLowerCase() == "input"; //Update data $this.data('wishlistData', data); // Classes and label if (data.type == 'remove') { var label = data.labelAdded; $this.addClass('wishlistButtonAdded wishlistButtonRemove'); this.showMessage(languageSheet.WISHLISTADDED, 'success'); } else { var label = data.labelRemoved; $this.removeClass('wishlistButtonAdded wishlistButtonRemove'); this.showMessage(languageSheet.WISHLISTDELETED, 'danger'); } // Change label if (data.showLabel) { if (isInput) $this.val(label); else $this.text(label); } } // Callback trigger this.trigger('wishlistCallback', data, $this, dataResult, textStatus, xhr); }, deleteWishlistItem: function(event) { event.preventDefault(); // Before trigger this.trigger('deleteWishlistItemBefore'); $.post('/user/setWishlist/', JSON.stringify({type:'remove', itemId:this.data.id, itemType:1}), this.deleteWishlistItemCallback.bind(this), "json"); }, deleteWishlistItemCallback: function(data, textStatus, xhr) { // Callback trigger if (!this.trigger('deleteWishlistItemBefore')) { window.location.reload(); } }, availableDiscounts: function(event) { event.preventDefault(); var $this = this.el.$availableDiscounts; $this.attr('disabled', 'disabled'); // Before trigger this.trigger('availableDiscountsBefore'); $this.box({ uid: 'modalAvailableDiscounts', triggerOnClick: false, showFooter: false, source: '/product/discounts/', type: 'url', params: {productId:this.data.id} }); $this.removeAttr('disabled'); }, attachmentFields: function(element){ var me=this; this.target = element; var parentDiv = this.target.parents('div.productOption').get(0); this.targetOptionId = $(parentDiv).data('fluidProductOption').id; if(!this.target) return; this.options = {}; this.options = JSON.parse(element.attr("data-options")); if(this.options.minValues > this.options.maxValues) { var aux = this.options.maxValues; this.options.maxValues = this.options.minValues; this.options.minValues = aux; } if(this.options.maxValues == 0) this.options.maxValues = 100; this.fieldName = element.attr("data-optionValue"); this.createUploadField = function(){ if (me.options.maxValues > 0 && me.target.parent().find('div.productOptionAttachedValue').length >= me.options.maxValues) { this.showMessage(languageSheet.VALIDMAX + ' ' + me.options.maxValues, 'danger'); return; } else { var div = $('

', { class:me.options.className, style:'position: absolute; top: 0; right: 0; cursor: pointer; opacity: .01;' }).appendTo(me.target); var input = $('', { type:'file', class:me.options.className, autocomplete:'off', }).on('change', me.changeOption.bind(this)).appendTo(div); //To enable changeOption events, 'change' redirects to changeOption instead to uploadFile directly } } this.deleteFile = function(field){ field.remove(); if (me.options.maxValues > me.target.parent().find('div.productOptionAttachedValue').length) { me.createUploadField(); } if (me.options.minValues == 0 || me.options.minValues > me.target.parent().find('div.productOptionAttachedValue').length) { // re-add the option as required me.requiredOptions.push(me.targetOptionId); me.onChange(); } } this.uploadFile = function(field){ field.setAttribute('name', 'file'); var id = "frame" + new Date().getMilliseconds(); var frame = $('