hedera-web/forms/ecomerce/checkout/checkout.js

191 lines
4.5 KiB
JavaScript

Hedera.Checkout = new Class ({
Extends: Hedera.Form,
activate: function() {
this.autoStepLocked = true;
this.$('assistant').stepsIndex = this.agencySteps;
this.today = new Date();
this.today.setHours(0, 0, 0, 0);
},
onValuesReady: function() {
var orderForm = this.$('order-form');
var defaultsForm = this.$('defaults');
if (!(orderForm.ready && defaultsForm.ready))
return;
var date;
if (orderForm.numRows > 0) {
var i = orderForm;
date = i.get('sent');
} else
var i = defaultsForm;
if (!date || date.getTime() <(new Date()).getTime()) {
date = new Date();
if (i.get('deliveryMethod') != 'PICKUP')
date.setTime(date.getTime() + 86400000);
}
this.$('date').value = date;
this.$('method').value = i.get('deliveryMethod');
this.$('agency').value = i.get('agencyModeFk');
this.$('address').value = i.get('addressFk');
this.autoStepLocked = false;
},
disableButtons: function(disable) {
this.$('assistant-bar').disabled = disable;
},
onConfirmClick: function() {
this.disableButtons(true);
var query = 'CALL basketConfigure(#date, #method, #agency, #address)';
var batch = new Sql.Batch();
batch.addParam('method', this.$('method'));
batch.addParam('date', this.$('date'));
batch.addParam('agency', this.$('agency'));
batch.addParam('address', this.$('address'));
this.conn.execQuery(query,
this.onBasketConfigured.bind(this), batch);
},
onBasketConfigured: function(resultSet) {
this.disableButtons(false);
if (!resultSet.fetchResult())
return;
if (this.$('order-form').numRows > 0)
Htk.Toast.showMessage(_('OrderUpdated'));
else
Htk.Toast.showMessage(_('OrderStarted'));
this.hash.set({form: 'ecomerce/catalog'});
},
onCancelClick: function() {
if (this.$('order-form').numRows > 0)
window.history.back();
else
this.hash.set({form: 'ecomerce/orders'});
},
agencySteps: ['method', 'date', 'address', 'agency', 'confirm-delivery'],
pickupSteps: ['method', 'date', 'address', 'pickup', 'confirm-pickup'],
isDelivery: function() {
return this.$('rg-method').value != 'PICKUP';
},
onMethodChange: function() {
this.$('assistant').stepsIndex = this.isDelivery() ?
this.agencySteps : this.pickupSteps;
this.onFieldChange();
},
methodValidate: function() {
if (!this.$('rg-method').isSelected())
throw new Error(_('Please select an option'));
},
dateShow: function() {
Vn.Node.setText(this.$('date-question'), this.isDelivery() ?
_('OrderDateDeliveryQuestion'):
_('OrderDatePickupQuestion'));
this.$('calendar').goToSelectedMonth();
},
dateValidate: function() {
if (!this.$('calendar').value)
throw new Error(_('Please select a date'));
},
addressShow: function() {
Vn.Node.setText(this.$('address-question'), this.isDelivery() ?
_('AddressQuestion'):
_('AddressQuestionPickup'));
},
addressValidate: function() {
if (this.$('address-form').row == -1)
throw new Error(_('Please select an address'));
},
agencyShow: function() {
this.$('agencies').refresh();
},
agencyValidate: function() {
if (this.$('agency-combo').row == -1 && this.isDelivery())
throw new Error(_('Please select an agency'));
},
pickupShow: function() {
this.$('warehouses').refresh();
},
pickupValidate: function() {
if (this.$('warehouse-combo').row == -1)
throw new Error(_('Please select a store'));
},
onFieldChange: function() {
if (!this.autoStepLocked)
this.$('assistant').moveNext();
},
goNextStep: function() {
this.$('assistant').moveNext();
},
addressRenderer: function(builder, form) {
builder.$('address').addEventListener('click',
this.onAddressClick.bind(this, form.get('id')));
},
onAddressClick: function(addressId) {
this.$('address').value = addressId;
this.goNextStep();
},
onAddressChange: function() {
if (this.selectedNode)
Vn.Node.removeClass(this.selectedNode, 'selected');
var row = this.$('addresses').search('id', this.$('address').value);
if (row != -1) {
var builder = this.$('repeater').getBuilder(row);
this.selectedNode = builder.$('address');
Vn.Node.addClass(this.selectedNode, 'selected');
}
this.$('address-form').row = row;
},
onAgenciesReady: function(model) {
if (model.ready && model.numRows == 0)
Htk.Toast.showError(_('NoAgeciesAvailableForDate'));
},
onWarehousesReady: function(model) {
if (model.ready && model.numRows == 0)
Htk.Toast.showError(_('NoWarehousesAvailableForDate'));
},
calendarRestrict: function(date) {
return date.getTime() >= this.today.getTime();
}
});