var giQuantityInStock = -1;
// BOF : gestion des stocks et attributs
function myProduct() {
// definition des variables
this.manage_stock = false; // gestion de stock ou non
this.settings = { // configuration de la classe
'instance_name' : 'product',
'container' : 'attributes',
'attributes' : {
'container' : 'ul_attr',
'attribute' : {
'container' : 'li_attr_',
'input_name': 'combination',
'style' : 'width:255px;'
}
},
'basket' : {
'container' : 'basket',
'input_qty_id': 'order_product_quantity'
}
}
this.attributes = {};
this.combinations = {};
this.stock = 0; // stock sans combination
// methodes
//#
// constucteur de classe
this.construct = function(pricing, manage_stock) {
this.settings.pricing = pricing;
this.manage_stock = manage_stock;
}
//#
// php equivalent
this.trim = function(string) {
return string.replace(/^\s+/g,'').replace(/\s+$/g,'');
}
/**
* ##################################################################################################################################
* ATTRIBUTES
* ##################################################################################################################################
*/
//#
// chargement des select au load de la page
this.loadAttributes = function(attributes) {
this.attributes = attributes;
var first_attr_id = null;
// supprime le container (en cas de réappel)
if($(this.settings.attributes.container)) $(this.settings.attributes.container).remove();
//creation du container attribute
/*$(this.settings.container).insert({
bottom: '
' + '
'
});*/
// add table
$(this.settings.container).insert({
bottom: new Element('table', {
id : this.settings.attributes.container,
align : 'right'
}).update('
' + gaLabels['OSB_ATTRIBUTE_DETAIL'] + '
')
});
// pour chaque attribut
for(var attr_id in this.attributes) {
// mémorisation du premier id, pour initialisation
if(!first_attr_id) first_attr_id = attr_id;
// id = create a select
this.createAttribute(attr_id, this.attributes[attr_id].name);
// create options
//this.createOptions(attr_id, this.attributes[attr_id].options); // can't be used with IE
}
// initializeSelection avec le premier attr id
if(first_attr_id) {
this.initializeAttribute(first_attr_id);
// affiche les options possible du premier
this.displayOptions(first_attr_id);
}
}
//#
// sur le onchange recalcul dynamique des options
this.initializeAttribute = function(attribute_id) {
var nb_next_attributes = 0;
var first_attr_id = null; // premier id
// l'attribut nous donne la position courante
var next_attributes = this.getNextAttributes(attribute_id);
// pour chaque attribut suivant
for(var attr_id in next_attributes){
nb_next_attributes++;
// reset select
this.resetOptions(attr_id);
// si 1 er attribut de n
if(!first_attr_id) {
first_attr_id = attr_id;
// si la valeur n-1 est "faite choix"
if(!this.getValueSelectedOption(attribute_id)) {
// disable select
this.disableAttribute(first_attr_id);
}
// sinon
else {
// charger options possibles
this.displayOptions(first_attr_id);
// enable select
this.enableAttribute(first_attr_id);
}
}
// sinon
else {
// disable select
this.disableAttribute(attr_id);
}
}
// si pas d'attribut suivant alors display price
/*if(!nb_next_attributes)*/ this.displayPriceCombination();
}
//#
// creation html de l'attribut
this.createAttribute = function(attribute_id, attribute_name){
var oTable = $(this.settings.attributes.container); // pointer on table
var oTBody = oTable.getElementsByTagName('tbody')[0]; // pointer on body
oRow = oTBody.insertRow(-1);
// ajout du libellé
//oCell = oRow.insertCell(-1);
//oCell.innerHTML = (this.countAttributes() > 1 ? gaLabels['OSB_ATTRIBUTE_CHOOSE'] + this.getPosAttribute(attribute_id) + ' : ' : '') + attribute_name ; //htmlspecialchars(attribute_name)
// creation de l'attribut (select)
oCell = oRow.insertCell(-1);
oCell.id = this.settings.attributes.attribute.container + attribute_id ;
//option = '\n';
//option = '\n';
option = '\n';
/*$(this.settings.attributes.attribute.container + attribute_id).insert({
bottom: new Element('select', {
name : this.settings.attributes.attribute.input_name + '[' + attribute_id + ']',
id : this.settings.attributes.attribute.input_name + '' + attribute_id + '',
style : this.settings.attributes.attribute.style,
'onchange': this.settings.instance_name + '.initializeAttribute(\'' + attribute_id + '\');'
}).update(option)
});*/
$(this.settings.attributes.attribute.container + attribute_id).innerHTML = '';
}
//#
// return next attribute ids
this.getNextAttributes = function(attribute_id) {
var attributes_list = new Object();
var attr_id = attribute_id;
// tant que getNextAttribute (attribute id) != null
while(attr_id = this.getNextAttribute(attr_id) ) {
// construire le tableau d'id
attributes_list[attr_id] = {};
}
// retourne id list
return attributes_list;
}
//#
//return next attribute id
this.getNextAttribute = function(attribute_id) {
var selects = $(this.settings.attributes.container).getElementsByTagName('select');
// parcourir les attributs
for(var i = 0; i < selects.length; i++) {
// si attribute_id = null
if(!attribute_id) {
// renvoyer le premier
return this.translateAttribute(selects[i].id);
}
// sinon
else {
// si attribute_id = celui pointé
if(this.translateAttribute(selects[i].id) == attribute_id) {
// si l'id suivant existe
if( (i+1) < selects.length) {
// renvoyer l'id suivant
return this.translateAttribute(selects[i+1].id);
}
// sinon
else {
// renvoyer null
return null;
}
}
// sinon
// continuer
}
}
return null;
}
//#
// return next previous ids
this.getPreviousAttributes = function(attribute_id) {
var attributes_list = new Object();
var attr_id = attribute_id;
// tant que getNextAttribute (attribute id) != null
while(attr_id = this.getPreviousAttribute(attr_id) ) {
// construire le tableau d'id
attributes_list[attr_id] = {};
}
// retourne id list
return attributes_list;
}
//#
//return previous attribute id
this.getPreviousAttribute = function(attribute_id) {
var selects = $(this.settings.attributes.container).getElementsByTagName('select');
// parcourir les attributs
for(var i = (selects.length-1); i >= 0; i--) {
// si attribute_id = null
if(!attribute_id) {
// renvoyer le premier
return this.translateAttribute(selects[i].id);
}
// sinon
else {
// si attribute_id = celui pointé
if(this.translateAttribute(selects[i].id) == attribute_id) {
// si l'id suivant existe
if( (i-1) >= 0 ) {
// renvoyer l'id suivant
return this.translateAttribute(selects[i-1].id);
}
// sinon
else {
// renvoyer null
return null;
}
}
// sinon
// continuer
}
}
return null;
}
//#
// active le select
this.enableAttribute = function(attribute_id) {
$(this.settings.attributes.attribute.input_name + attribute_id).disabled = false;
}
//#
// desactive le select
this.disableAttribute = function(attribute_id) {
$(this.settings.attributes.attribute.input_name + attribute_id).disabled = true;
}
//#
// split attribute id, and return int id
this.translateAttribute = function(raw_attribute_id) {
var attr_id = raw_attribute_id.substr(this.settings.attributes.attribute.input_name.length);
return attr_id;
}
//#
// compte le nombre d'attribut
this.countAttributes = function() {
var counter = 0;
for(var i in this.attributes) {
counter++;
}
return counter;
}
//#
// donne la position d'un attribut
this.getPosAttribute = function(attribute_id) {
var counter = 0;
for(var attr_id in this.attributes) {
counter++;
if(attr_id == attribute_id) return counter;
}
return counter;
}
/**
* ##################################################################################################################################
* OPTIONS
* ##################################################################################################################################
*/
//#
// creation html de l'option
this.createOptions = function(attribute_id, options) {
// option null
$(this.settings.attributes.attribute.input_name + '' + attribute_id + '').insert({
bottom: new Element('option', {
'value' : 0
}).update( '\n') //gaLabels['OSB_ATTRIBUTE_CHOOSE_LIST']
});
// pour toutes les options
for(var opt_id in options) {
// creation de l'option
var option_name = options[opt_id].name; //htmlspecialchars(options[opt_id].name);
$(this.settings.attributes.attribute.input_name + '' + attribute_id + '').insert({
bottom: new Element('option', {
title : html_entity_decode(options[opt_id].name), // htmlspecialchars?
'value' : opt_id
}).update(option_name)
});
}
}
//#
// retourne la value ou null si pas d'option selected
this.getValueSelectedOption = function(attribute_id) {
// si get value = 0
if($(this.settings.attributes.attribute.input_name + attribute_id).getValue() == "0") {
// alors retourne null
return null;
}
// sinon
else {
// retourne la valeur
return $(this.settings.attributes.attribute.input_name + attribute_id).getValue();
}
}
//#
// affiche que les options nécessaires
this.displayOptions = function(attribute_id) {
var kept_options_list = new Object();
// cache toutes les options
this.hideOptions(attribute_id);
// getPreviousAttributes
var previous_attributes = this.getPreviousAttributes(attribute_id);
// pour chaque combinaison
for(var i in this.combinations) {
var match = true;
for(var attr_id in previous_attributes) {
if(typeof(this.combinations[i].attributes[attr_id]) == 'undefined' || this.combinations[i].attributes[attr_id] != this.getValueSelectedOption(attr_id) ) {
match = false;
}
}
// si previous attribute-option match
if(match && typeof(this.combinations[i].attributes[attribute_id]) != 'undefined') {
// alors keep next id
kept_options_list[this.combinations[i].attributes[attribute_id]] = {}
}
//sinon hide
}
// pour liste to keep
/*for(var opt_id in kept_options_list) {
// show id
this.showOption(attribute_id, opt_id);
}*/
this.showOptions(attribute_id, kept_options_list);
}
//#
// display all options
this.showOptions = function(attribute_id, keep_list) {
/*var options = $(this.settings.attributes.attribute.input_name + attribute_id).getElementsByTagName('option');
// pour chaque option
for(var i = 0; i < options.length; i++) {
// show
$(options[i]).show();
}*/
// patch pour ie
// pour chaque attribut
var options_to_keep = new Object();
for(var attr_id in this.attributes) {
if(attr_id == attribute_id) {
for(var opt_id in this.attributes[attr_id].options) {
if(typeof(keep_list[opt_id]) != "undefined" ) {
options_to_keep[opt_id] = this.attributes[attr_id].options[opt_id];
}
}
this.createOptions(attribute_id, options_to_keep);
break;
}
}
}
//#
// hide all options
this.hideOptions = function(attribute_id) {
/*var options = $(this.settings.attributes.attribute.input_name + attribute_id).getElementsByTagName('option');
// pour chaque option
for(var i = 1; i < options.length; i++) { // except first choice
// show
$(options[i]).hide();
$(options[i]).remove();
}*/
$(this.settings.attributes.attribute.input_name + attribute_id).innerHTML = '';
}
//#
// réaffiche tout et place le sélect sur 0
/*this.showOption = function(attribute_id, opt_id) {
var options = $(this.settings.attributes.attribute.input_name + attribute_id).getElementsByTagName('option');
// pour chaque option
for(var i = 0; i < options.length; i++) {
// show
if(options[i].value == opt_id) {
$(options[i]).show();
return true;
}
}
return false;
}*/
//#
// place le sélect sur 0
this.resetOptions = function(attribute_id) {
// selected index = 0
$(this.settings.attributes.attribute.input_name + attribute_id).selectedIndex = 0;
}
/**
* ##################################################################################################################################
* COMBINATIONS
* ##################################################################################################################################
*/
//#
// chargement des combinations
this.loadCombinations = function(combinations) {
// sauvegarde des combinations
this.combinations = combinations;
}
//#
// valide que la combinaison est ok
this.checkCombination = function() {
//isNaN est déjà géré...
var stock_asked = parseInt($(this.settings.basket.input_qty_id).value, 10);
// si attributes
if(this.countAttributes()) {
// valide la combinaison
var combination_id = this.getIdCombination();
// si get combination == null
if(!combination_id) {
// combinaison indisponible // impossible normalement
// console.debug('combination inexistante');
return false; // combination inexistante
}
else {
// si stock actif
if(this.manage_stock) {
// vérifie le stock
if(this.getValidStockCombination(combination_id, stock_asked, true)) {
// retourne true si ok
// console.debug('ok, order is possible');
return true; // ok, order is possible
}
else {
// console.debug('pas suffisament de stock');
return false; // pas suffisament de stock
}
}
else {
// console.debug('Combination ok, pas de gestion de stock');
return true; // Combination ok, pas de gestion de stock
}
}
}
// sinon ok
else {
// console.debug('pas d\'attribut, donc ok coté déclinaison');
return this.getValidStock(stock_asked, true); // pas de déclinaison, mais vérif du stock
}
}
//#
// affiche le prix final
this.displayPriceCombination = function() {
//$(this.settings.basket.container).innerHTML = 'xxx,xx' + (this.settings.pricing.display == 'HT' ? this.settings.pricing.ht_name : this.settings.pricing.ttc_name);
var output = '';
var combination_id = this.getIdCombination();
// si get combination == null
if(!combination_id) {
// combinaison indisponible // impossible normalement
output = '';
}
// sinon
else {
// si pas de stock
if(!this.getValidStockCombination(combination_id)) {
// epuisé
output = '
' + gaLabels['OSB_ATTRIBUTE_OUT_OF_STOCK'] + '
';
}
// sinon price
else {
// si le prix n'est pas identique pour toutes les combinations
if(!this.settings.pricing.same_price) {
// calcul du prix final...
final_price = this.calcPriceCombination(parseFloat(this.combinations[combination_id].values.variation_ht));
final_price = number_format (final_price, 2, ',', ' ');
output = '