var product_34adaaeb = new Vue({ el: '#product_34adaaeb', data: { product: {id: '34adaaeb-18c4-49d9-825a-6e835908fc6c',name:'Triko dětské'}, variants: [ {variant:'104',price:250,onstock:1,selected:false}, {variant:'116',price:250,onstock:1,selected:false}, {variant:'128',price:250,onstock:1,selected:false}, {variant:'140',price:250,onstock:1,selected:false}, {variant:'152',price:250,onstock:1,selected:false}, ], lovestPrice: Infinity, price: 0, pcs: '', }, mounted: function() { for( item in this.variants) { if( this.variants[item].price < this.lovestPrice) { this.lovestPrice = this.variants[item].price; } } }, methods: { variantButtonClick: function (index) { for( item in this.variants) { this.variants[item].selected = false; } this.variants[index].selected = true; this.price = this.variants[index].price; this.pcs = 1; }, addButtonClick: function() { var selected; for( let [index, item] in this.variants) { if(this.variants[index].selected == true) { selected = index; } } if(selected){ cartApp.addToCartFunction(this.product.id, this.product.name, this.variants[selected].variant, this.variants[selected].price, this.pcs); } }, replaceItemVariant: function(variant){ if (variant.indexOf('dámské') > -1){ variant = variant.replace('dámské',''); } return variant; } }, });