{"version":3,"sources":["simpleproduct.js"],"names":["cartDescription","featuredMedia","media","thumbsMediaEl","document","querySelector","regularMediaEl","cartNotes","getElementById","productIDEl","tEntityIDEl","mediaUrlEl","mediaIDEl","orderQuantityEl","cartPriceEl","sellingPriceEl","regularPriceEl","cardButtonEl","cartDescriptionEl","quantityEl","jsEntityEl","jsEntity","JSON","parse","value","regPrice","price","productAvailable","selectedProduct","Products","filter","item","IsFeatured","quantity","updateJsonLD","setQuantity","recalculate","updateView","ProductMedias","length","innerHTML","concat","map","regularMediaTemplate","join","thumbsMediaTemplate","setupSwiper","destroySwiperLoop","md","Url","AltText","IsInSale","RegularPrice","Math","round","Number","EPSILON","toFixed","dataset","regularprice","SellingPrice","sellingprice","undefined","isNaN","disabled","setAllValues","ProductID","tEntityID","tmp","window","location","protocol","host"],"mappings":"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","file":"simpleproduct.es5.min.js","sourcesContent":["\"use strict\";\r\n\r\nconst thumbsMediaEl = document.querySelector(\".thumbsMedia\") // wrapper(s) for display images\r\nconst regularMediaEl = document.querySelector(\".regularMedia\") // wrapper(s) for display images\r\n//console.log(attributeEls)\r\nconst cartNotes = document.getElementById(\"cartNotes\")\r\n\r\nconst productIDEl = document.querySelector(\"#productID\")\r\nconst tEntityIDEl = document.querySelector(\"#tEntityID\")\r\nconst mediaUrlEl = document.querySelector(\"#mediaUrl\") // only for dynamic products\r\nconst mediaIDEl = document.querySelector(\"#mediaID\") // only for dynamic products\r\nconst orderQuantityEl = document.querySelector(\"#orderQuantity\")\r\nconst cartPriceEl = document.querySelector(\"#cartPrice\")\r\n\r\nconst sellingPriceEl = document.querySelector(\".sellingPrice\")\r\nconst regularPriceEl = document.querySelector(\".regularPrice\")\r\n\r\nconst cardButtonEl = document.querySelector(\".cardButton\")\r\nconst cartDescriptionEl = document.querySelector(\".cartDescription\")\r\nconst quantityEl = document.querySelector(\".qty-text\")\r\n\r\nconst jsEntityEl = document.querySelector(\"#jsEntity\")\r\nconst jsEntity = JSON.parse(jsEntityEl.value)\r\n\r\nlet regPrice = 0\r\nlet price = 0\r\nlet selectedProduct\r\nlet cartDescription\r\nlet featuredMedia\r\nlet media\r\nlet productAvailable = true\r\n\r\n\r\n// find and set as default selected product the IsFeatured one\r\nselectedProduct = jsEntity.Products.filter(item => item.IsFeatured)[0]\r\nupdateJsonLD(selectedProduct, jsEntity)\r\n//console.log(selectedProduct)\r\n//console.log(JObject)\r\n\r\n\r\nlet quantity = quantityEl.value\r\n\r\n//setAllValues()\r\nupdateView()\r\nrecalculate()\r\n\r\n\r\n//quantity.addEventListener(\"change\", setQuantity) does not work. Instead onchange added to the element\r\nfunction setQuantity() {\r\n    quantity = quantityEl.value\r\n    recalculate()\r\n}\r\n\r\n// Update View with media from selected product\r\nfunction updateView() {\r\n    // display images\r\n    featuredMedia = selectedProduct.ProductMedias.filter(function (item) {\r\n        return item.IsFeatured\r\n    })\r\n    media = selectedProduct.ProductMedias\r\n   \r\n    if (media.length > 0) {\r\n        regularMediaEl.innerHTML = `${media.map(regularMediaTemplate).join(\"\")}`\r\n        thumbsMediaEl.innerHTML = `${media.map(thumbsMediaTemplate).join(\"\")}`\r\n    }\r\n    setupSwiper()\r\n    destroySwiperLoop()\r\n}\r\n\r\n// a template for iteration\r\nfunction thumbsMediaTemplate(md) {\r\n    return `<div class=\"swiper-slide\">\r\n                    <img class=\"w-100\" src=\"${md.Url}?widthratio=1&height=765&mode=crop\" alt=\"${md.AltText}\">\r\n               </div>`\r\n}\r\n\r\n// a template for iteration\r\n//<img class=\"w-100\" src=\"${md.Url}?widthratio=0.785&height=765&mode=crop\" alt=\"${md.AltText}\">\r\nfunction regularMediaTemplate(md) {\r\n    return `<div class=\"swiper-slide\">\r\n                <a class=\"gallery-link\" href=\"${md.Url}\">\r\n                    <img class=\"w-100\" src=\"${md.Url}?widthratio=1&height=765&mode=crop\" alt=\"${md.AltText}\">\r\n                </a>\r\n            </div>`\r\n}\r\n\r\n// Recalculate price on user inputs\r\nfunction recalculate() {\r\n    \r\n    if (selectedProduct.IsInSale) {\r\n        regPrice = selectedProduct.RegularPrice * quantity\r\n        regPrice = (Math.round((regPrice + Number.EPSILON) * 100) / 100).toFixed(2)\r\n        regularPriceEl.innerHTML = `<del>${regPrice} \\u20AC</del>`\r\n        sellingPriceEl.dataset.regularprice = selectedProduct.RegularPrice.toFixed(2)\r\n    }\r\n    else {\r\n        regularPriceEl.innerHTML = `<del></del>`\r\n        sellingPriceEl.dataset.regularprice = 0\r\n    }\r\n    price = selectedProduct.SellingPrice * quantity\r\n    price = (Math.round((price + Number.EPSILON) * 100) / 100).toFixed(2)\r\n    //console.log(price)\r\n\r\n    sellingPriceEl.innerHTML = price + '\\u20AC'\r\n    sellingPriceEl.dataset.price = price\r\n    sellingPriceEl.dataset.sellingprice = selectedProduct.SellingPrice.toFixed(2)\r\n    \r\n    if (price == 0 || price == undefined || isNaN(price) || !productAvailable)\r\n        cardButtonEl.disabled = true\r\n    else\r\n        cardButtonEl.disabled = false\r\n    setAllValues()\r\n}\r\n\r\n\r\nfunction setAllValues() {\r\n    productIDEl.value = selectedProduct.ProductID\r\n    tEntityIDEl.value = jsEntity.tEntityID\r\n    var tmp = selectedProduct.ProductMedias.filter(item => item.IsFeatured)[0]\r\n    if (tmp === undefined) {\r\n        mediaUrlEl.value = \"\"\r\n    }\r\n    else {\r\n        mediaUrlEl.value = `${window.location.protocol}//${window.location.host}${tmp.Url}`\r\n    }\r\n    //mediaUrlEl.value = selectedProduct.ProductMedias.filter(item => item.IsFeatured)[0].Url == undefined ? '' : selectedProduct.ProductMedias.filter(item => item.IsFeatured)[0].Url\r\n    mediaIDEl.value = 0 // only for dynamic products\r\n    orderQuantityEl.value = quantity\r\n    cartPriceEl.value = price\r\n}\r\n\r\n\r\n"]}