-
verfasst von Henning Leutzverfasst von Henning Leutz
DeliveryAddress.js 12,70 KiB
/**
* @module package/quiqqer/invoice/bin/backend/controls/panels/DeliveryAddress
* @author www.pcsg.de (Henning Leutz)
*
* @event onLoaded [this] - Fires if Control finished loading
*/
define('package/quiqqer/invoice/bin/backend/controls/panels/DeliveryAddress', [
'qui/QUI',
'qui/controls/Control',
'qui/controls/windows/Confirm',
'package/quiqqer/countries/bin/Countries',
'Users',
'Locale'
], function (QUI, QUIControl, QUIConfirm, Countries, Users, QUILocale) {
"use strict";
return new Class({
Extends: QUIControl,
Type : 'package/quiqqer/invoice/bin/backend/controls/panels/DeliveryAddress',
Binds: [
'$onImport',
'$checkBoxChange',
'$onSelectChange',
'isLoaded'
],
initialize: function (options) {
this.parent(options);
this.$Addresses = null;
this.$Company = null;
this.$Street = null;
this.$ZIP = null;
this.$City = null;
this.$Country = null;
this.$Salutation = null;
this.$Firstname = null;
this.$Lastname = null;
this.checked = false;
this.$loaded = false;
this.$userId = this.getAttribute('userId');
this.addEvents({
onImport : this.$onImport,
onSetAttribute: this.$onSetAttribute
});
},
/**
* event: on import
*/
$onImport: function () {
var self = this,
Elm = this.getElm();
// changeable
this.$Checked = Elm.getElement('[name="differentDeliveryAddress"]');
this.$Checked.addEvent('change', this.$checkBoxChange);
// address stuff
this.$addressId = false;
this.$Company = Elm.getElement('[name="delivery-company"]');
this.$Street = Elm.getElement('[name="delivery-street_no"]');
this.$ZIP = Elm.getElement('[name="delivery-zip"]'); this.$City = Elm.getElement('[name="delivery-city"]');
this.$Country = Elm.getElement('[name="delivery-country"]');
this.$Salutation = Elm.getElement('[name="delivery-salutation"]');
this.$Firstname = Elm.getElement('[name="delivery-firstname"]');
this.$Lastname = Elm.getElement('[name="delivery-lastname"]');
this.$Addresses = Elm.getElement('[name="delivery-addresses"]');
this.$Addresses.addEvent('change', this.$onSelectChange);
this.$Company.disabled = false;
this.$Street.disabled = false;
this.$ZIP.disabled = false;
this.$City.disabled = false;
this.$Salutation.disabled = false;
this.$Firstname.disabled = false;
this.$Lastname.disabled = false;
var Panel = QUI.Controls.getById(
this.getElm().getParent('.qui-panel').get('data-quiid')
);
this.$Customer = QUI.Controls.getById(
Panel.getElm().getElement('[name="customer"]').get('data-quiid')
);
if (this.$Customer) {
this.$userId = this.$Customer.getValue();
}
Countries.getCountries().then(function (result) {
new Element('option', {
value: '',
html : ''
}).inject(self.$Country);
for (var code in result) {
if (!result.hasOwnProperty(code)) {
continue;
}
new Element('option', {
value: code,
html : result[code]
}).inject(self.$Country);
}
if (self.getAttribute('country')) {
self.$Country.value = self.getAttribute('country');
}
self.$Country.disabled = false;
self.$loaded = true;
self.fireEvent('loaded', [self]);
});
},
/**
* Return the current value
*
* @return {{zip, uid: *, country, firstname, city, street_no, company, id: (boolean|*), salutation, lastname}}
*/
getValue: function () {
return {
uid : this.$userId,
id : this.$addressId,
company : this.$Company.value,
salutation: this.$Salutation.value, firstname : this.$Firstname.value,
lastname : this.$Lastname.value,
street_no : this.$Street.value,
zip : this.$ZIP.value,
city : this.$City.value,
country : this.$Country.value
};
},
/**
* Clears the selection - no address are selected
*/
clear: function () {
this.$Addresses.value = '';
this.$onSelectChange();
},
/**
* Set values
*
* @param {Object} value
*/
setValue: function (value) {
if (typeOf(value) !== 'object') {
return;
}
if ("id" in value) {
this.$addressId = value.id;
}
if ("company" in value) {
this.$Company.value = value.company;
}
if ("salutation" in value) {
this.$Salutation.value = value.salutation;
}
if ("firstname" in value) {
this.$Firstname.value = value.firstname;
}
if ("lastname" in value) {
this.$Lastname.value = value.company;
}
if ("street_no" in value) {
this.$Street.value = value.street_no;
}
if ("zip" in value) {
this.$ZIP.value = value.zip;
}
if ("city" in value) {
this.$City.value = value.city;
}
if ("country" in value) {
if (this.$loaded) {
this.$Country.value = value.country;
} else {
this.setAttribute('country', value.country);
}
}
if ("uid" in value) {
this.$userId = value.uid;
//this.loadAddresses().catch(function () { // this.$Addresses.disabled = true;
//}.bind(this));
}
this.$checkBoxChange();
},
/**
* Return the selected user
*
* @return {Promise}
*/
getUser: function () {
if (!this.$userId) {
return Promise.reject('No User-ID');
}
var User = Users.get(this.$userId);
if (User.isLoaded()) {
return Promise.resolve(User);
}
return User.load();
},
/**
* Refresh the address list
*
* @return {Promise}
*/
refresh: function () {
var self = this;
this.$Addresses.set('html', '');
if (!this.$userId) {
this.$Company.value = '';
this.$Street.value = '';
this.$ZIP.value = '';
this.$City.value = '';
this.$Country.value = '';
this.$Salutation.value = '';
this.$Firstname.value = '';
this.$Lastname.value = '';
return Promise.reject();
}
return this.loadAddresses().then(function () {
self.$onSelectChange();
}).catch(function () {
self.$Addresses.disabled = true;
});
},
/**
* Load the addresses
*/
loadAddresses: function () {
var self = this;
this.$Addresses.set('html', '');
this.$Addresses.disabled = true;
if (!this.$userId) {
return Promise.reject();
}
return this.getUser().then(function (User) {
return User.getAddressList();
}).then(function (addresses) {
self.$Addresses.set('html', '');
new Element('option', {
value : '',
html : '',
'data-value': ''
}).inject(self.$Addresses);
for (var i = 0, len = addresses.length; i < len; i++) {
new Element('option', {
value : addresses[i].id,
html : addresses[i].text,
'data-value': JSON.encode(addresses[i])
}).inject(self.$Addresses);
}
if (self.$addressId) {
self.$Addresses.value = self.$addressId;
}
self.$Addresses.disabled = false;
}).catch(function (err) {
console.error(err);
});
},
/**
* event : on select change
*/
$onSelectChange: function () {
var Select = this.$Addresses;
var options = Select.getElements('option').filter(function (Option) {
return Option.value === Select.value;
});
if (Select.value === '' || !options.length || options[0].get('data-value') === '') {
this.$addressId = false;
this.$Company.value = '';
this.$Street.value = '';
this.$ZIP.value = '';
this.$City.value = '';
this.$Country.value = '';
this.$Salutation.value = '';
this.$Firstname.value = '';
this.$Lastname.value = '';
return;
}
var data = JSON.decode(options[0].get('data-value'));
this.$addressId = data.id;
this.$Company.value = data.company;
this.$Street.value = data.street_no;
this.$ZIP.value = data.zip;
this.$City.value = data.city;
this.$Country.value = data.country;
this.$Salutation.value = data.salutation;
this.$Firstname.value = data.firstname;
this.$Lastname.value = data.lastname;
},
/**
* event: on attribute change *
* @param {String} key
* @param {String} value
*/
$onSetAttribute: function (key, value) {
var self = this;
if (key === 'userId') {
this.$userId = value;
self.refresh().then(function () {
self.$Addresses.disabled = false;
}).catch(function () {
self.$Addresses.disabled = true;
});
}
},
/**
* event if the check box changes
*
* @param event
*/
$checkBoxChange: function (event) {
var self = this,
Checkbox = this.getElm().getElement('[name="differentDeliveryAddress"]'),
closables = this.getElm().getElements('.closable');
if (event) {
event.stop();
}
if (!Checkbox) {
return;
}
if (!this.$userId) {
var Panel = QUI.Controls.getById(
this.getElm().getParent('.qui-panel').get('data-quiid')
);
this.$Customer = QUI.Controls.getById(
Panel.getElm().getElement('[name="customer"]').get('data-quiid')
);
if (this.$Customer) {
this.$userId = this.$Customer.getValue();
}
}
if (!this.$userId) {
Checkbox.checked = false;
QUI.getMessageHandler().then(function (MH) {
MH.addInformation(
QUILocale.get('quiqqer/invoice', 'message.select.customer'),
self.$Customer.getElm()
);
});
return;
}
if (Checkbox.checked) {
closables.setStyle('display', null);
this.loadAddresses();
return;
}
closables.setStyle('display', 'none'); this.clear();
},
/**
* Check if control has finished loading
*
* @return {boolean}
*/
isLoaded: function () {
return this.$loaded;
}
});
});