No items found.
');\n }\n\n // add click event\n $template.find('.drawingTool-templateItem').on('click', function() {\n var image = $(this).find('img').prop('src');\n var _$canvas = $('#homeMod-draw').find('.drawingTool-canvas');\n var _$fileNameInput = $('#homeMod-draw').find('.drawingTool-fileNameInput');\n _$canvas.drawr(\"load\", image);\n \n // set filename input, make it readonly, add flag if it's modifying existing photo\n if (isExistingPhoto) {\n // get item name, remove substring .png\n var name = $(this).find('.drawingTool-templateItemName').text(); \n _$fileNameInput.val(name.replaceAll('.png', ''));\n _$fileNameInput.prop('readonly', true);\n _$fileNameInput.data('is-modifying', true);\n }\n\n $template.data('kendoWindow').close();\n\n // var popup = ClientPopup($template);\n // popup && popup.close();\n\n document.getElementById('homeMod-draw').scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center'\n });\n });\n }\n\n function renderPopupGrid($template, data, $btnTrigger, popupTitle) {\n if ($template.hasClass('initialized')) return;\n\n renderPopupItem($template, data);\n $template.addClass('initialized');\n\n var popup;\n $btnTrigger.on('click', function() {\n popup = new ClientPopup($template, {title: popupTitle});\n popup.init();\n });\n }\n\n function handleGridTemplate() {\n var $template = $('#drawingTool-template');\n var data = window.homeModsVar;\n renderPopupGrid($template, data.templates, $btnChooseTemplate, \"Choose template\");\n }\n\n function handleModifyExistingPhoto() {\n var $template = $('#drawingTool-existingPhoto');\n var data = window.homeModsVar;\n renderPopupGrid($template, data.existingImages, $btnModifyPhoto, \"Choose existing photo\");\n }\n\n function initCanvas() {\n $canvas.drawr({\n enable_transparency: true,\n enable_transparency_image: true,\n enable_scrollwheel_zooming: false,\n undo_max_levels: 99,\n no_toolbox: !showTools, \n // canvas_width: $container.width(),\n // canvas_height: $container.width() * (4/3),\n });\n\n $canvas.drawr(\"start\");\n }\n\n var m = {\n init: function (fileUploadObj, $fileUploadEl) {\n initCanvas();\n handleBtnSave(fileUploadObj, $fileUploadEl);\n handleBtnClear();\n // handleBtnDelete();\n \n if (showTools) {\n handleOpenPhoto();\n handleGridTemplate();\n handleModifyExistingPhoto();\n }\n\n // set callback for delete\n // update existing images with current file list\n fileUploadObj.onDeleteSuccess = function(fileNameList, isModifying) {\n var existingImages = window.homeModsVar.existingImages;\n if (!isModifying) {\n existingImages = existingImages.filter(function(item) {\n return fileNameList.indexOf(item.name) !== -1;\n });\n window.homeModsVar.existingImages = existingImages;\n }\n\n var $template = $('#drawingTool-existingPhoto');\n renderPopupItem($template, existingImages);\n }\n\n if (!showTools) {\n $el.find('.drawr-toolbox').addClass('invisible');\n }\n\n m.resize();\n // $(window).trigger('resize');\n },\n clear: function () {\n $canvas.drawr(\"clear\");\n $fileNameInput.val('');\n $fileNameInput.prop('readonly', false);\n $fileNameInput.data('is-modifying', false);\n $filePicker.val('');\n },\n resize: function () {\n // reposition canvas\n $(window).on('resize', function () {\n var containerPosition = $container.offset();\n // $canvas.css({\n // left: containerPosition.left,\n // top: containerPosition.top,\n // width: $container.width(),\n // height: $container.height(),\n // });\n\n $container.find('.sfx-canvas').css({\n left: containerPosition.left,\n top: containerPosition.top,\n width: $container.width() - 1,\n height: $container.height(),\n });\n\n $el.find('.drawr-toolbox-brush').css({\n left: containerPosition.left,\n top: containerPosition.top,\n })\n });\n }\n }\n\n return m;\n};\n","/*\n *\n * @see clientAddressBook.js\n * @see checkout\n *\n */\nCore.DVAInformation = {\n init: function(data) {\n function isSet(data, name) {\n return data && typeof data[name] !== 'undefined';\n }\n\n Core.DVAInformation.Cache = {\n root: isSet(data, \"root\") ? document.querySelector(data.root) : document,\n datepickerInput: isSet(data, \"datepickerInput\") ? data.datepickerInput : \".form-date input\",\n domActivites: isSet(data, \"domActivites\") ? data.domActivites : \"#DVAActivities\",\n domBehaviour: isSet(data, \"domBehaviour\") ? data.domBehaviour : \"#DVABehaviour\",\n domComplexHealthCare: isSet(data, \"domComplexHealthCare\") ? data.domComplexHealthCare : \"#DVAComplex\",\n domFundingOtherType: isSet(data, \"domFundingOtherType\") ? data.domFundingOtherType : \"#DVAFundingOtherType\",\n domFundingOtherNotes: isSet(data, \"domFundingOtherNotes\") ? data.domFundingOtherNotes : \"#DVAFundingOtherNotes\",\n };\n\n Core.DVAInformation.initPicker();\n // Core.DVAInformation.addEventListenerRCF();\n Core.DVAInformation.addEventListenerFundingOther();\n Core.DVAInformation.initACFIClassification();\n },\n\n initPicker: function() {\n function isDatePicker2() {\n var elem = document.querySelector(Core.DVAInformation.Cache.datepickerInput);\n return elem && elem.dataset && elem.dataset.datepicker2 === '';\n }\n\n isDatePicker2()\n ? Core.DVAInformation.initDatePicker2()\n : Core.DVAInformation.initKendoDatePicker();\n },\n\n initKendoDatePicker: function() {\n var rootDom = Core.DVAInformation.Cache.root;\n var $el = $(rootDom.querySelectorAll(Core.DVAInformation.Cache.datepickerInput));\n\n if (! $el || $el.length === 0) {\n return;\n }\n\n $el.kendoDatePicker({\n format: \"dd/MM/yyyy\",\n start: Core.PortalCheckout.todayDate(),\n footer: '',\n change: function (e) {\n $(this.element).removeClass('error');\n $(this.element).trigger('blur');\n }\n });\n\n //make the input readonly\n $el.prop('readonly', true);\n\n $el.on('click', function () {\n $(this).data('kendoDatePicker').open();\n });\n\n $el.parent().find('[role=\"button\"]').on('click', function () {\n var input = $(this).parent().find('input');\n\n if (!input.prop('disabled')) {\n setTimeout(function() {\n $(this).parent().find('input').data('kendoDatePicker').open();\n }, 100);\n }\n });\n\n $el.on('blur', function (e) {\n Core.PortalCheckout.calendarOnBlur($(this));\n });\n },\n\n initDatePicker2: function() {\n var rootDom = Core.DVAInformation.Cache.root;\n\n Array\n .from(rootDom.querySelectorAll(Core.DVAInformation.Cache.datepickerInput))\n .forEach(function(itm) {\n Core.DatePicker2(itm).init()\n });\n },\n\n /*\n addEventListenerRCF: function() {\n var rootDom = Core.DVAInformation.Cache.root;\n var radios = rootDom.querySelectorAll('[name=\"DVAResidentialCareFacility\"], [name=\"ResidentialCareFacility\"]');\n var optionsContainer = rootDom.querySelector('.rcf-options');\n\n function resetSelect() {\n var $domActivites = $(Core.DVAInformation.Cache.domActivites);\n var $domBehaviour = $(Core.DVAInformation.Cache.domBehaviour);\n var $domComplexHealthCare = $(Core.DVAInformation.Cache.domComplexHealthCare);\n var list = [$domActivites, $domBehaviour, $domComplexHealthCare];\n\n if (!$domActivites || !$domBehaviour || !$domComplexHealthCare) {\n return;\n }\n\n list.forEach(function(item) {\n\n var $kItem = item.data(\"kendoDropDownList\");\n $kItem\n && ( $kItem.value('')\n , $kItem.trigger('change') );\n });\n }\n\n function onChange(e) {\n var target = e.currentTarget;\n if ($(target).prop('readonly')) {\n e.preventDefault();\n return;\n }\n\n var currentValue = target.value.toLowerCase();\n var isVisible = (currentValue === 'yes' || currentValue === 'true');\n\n isVisible\n ? optionsContainer.classList.remove('d-none')\n : optionsContainer.classList.add('d-none');\n\n ! isVisible\n && resetSelect();\n\n // check if in viewport, if not scroll to view\n if (isVisible) {\n var $closestRow = $(target).closest('.row');\n if ($closestRow && $closestRow.length > 0) {\n $closestRow.get(0).scrollIntoView();\n }\n }\n }\n\n function addListeners(elem) {\n elem.addEventListener('change', onChange);\n }\n\n Array.from(radios).forEach(addListeners);\n },\n */\n\n addEventListenerFundingOther: function() {\n var rootDom = Core.DVAInformation.Cache.root;\n var radios = rootDom.querySelectorAll('[name=\"DVAFundingOther\"], [name=\"FundingOther\"]');\n var optionsContainer = rootDom.querySelector('.fundingother-options');\n\n function resetSelect() {\n var $domFundingOtherType = $(Core.DVAInformation.Cache.domFundingOtherType);\n var list = [$domFundingOtherType];\n\n if (!$domFundingOtherType) {\n return;\n }\n\n list.forEach(function(item) {\n var $kItem = item.data(\"kendoDropDownList\");\n $kItem.value('');\n $kItem.trigger('change');\n });\n }\n\n function resetNotes() {\n var $domFundingOtherNotes = $(Core.DVAInformation.Cache.domFundingOtherNotes);\n $domFundingOtherNotes &&\n $domFundingOtherNotes.val('');\n }\n\n function onChange(e) {\n var target = e.currentTarget;\n if ($(target).prop('readonly')) {\n e.preventDefault();\n return;\n }\n\n var currentValue = target.value.toLowerCase();\n var isVisible = (currentValue === 'yes' || currentValue === 'true');\n\n isVisible\n ? optionsContainer.classList.remove('d-none')\n : optionsContainer.classList.add('d-none');\n\n ! isVisible\n && ( resetSelect()\n , resetNotes());\n\n // check if in viewport, if not scroll to view\n if (isVisible) {\n var $closestRow = $(target).closest('.row');\n if ($closestRow && $closestRow.length > 0) {\n $closestRow.get(0).scrollIntoView();\n }\n }\n }\n\n function addListeners(elem) {\n elem.addEventListener('change', onChange);\n }\n\n Array.from(radios).forEach(addListeners);\n },\n\n initACFIClassification: function() {\n var rootDom = Core.DVAInformation.Cache.root;\n var $domActivites = $(Core.DVAInformation.Cache.domActivites);\n var $domBehaviour = $(Core.DVAInformation.Cache.domBehaviour);\n var $domComplexHealthCare = $(Core.DVAInformation.Cache.domComplexHealthCare);\n var domACFI = rootDom.querySelector('#acfi');\n var domACFIShow = rootDom.querySelector('.acfi-show');\n\n function executeCallback(clb) {\n clb();\n };\n\n if (!$domActivites || !$domBehaviour || !$domComplexHealthCare || !domACFI || !domACFIShow) {\n return;\n }\n\n\n var d = {\n _activities: '',\n _behaviour: '',\n _complexHealthCare: '',\n\n subscriberList: {\n activities: [],\n behaviour: [],\n complexHealthCare: [],\n },\n\n set activities(activities) {\n this._activities = activities;\n\n d.subscriberList.activities.forEach(executeCallback);\n },\n\n set behaviour(behaviour) {\n this._behaviour = behaviour;\n\n d.subscriberList.behaviour.forEach(executeCallback);\n },\n\n set complexHealthCare(complexHealthCare) {\n this._complexHealthCare = complexHealthCare;\n\n d.subscriberList.complexHealthCare.forEach(executeCallback);\n },\n\n get acfi() {\n var acfi = this._activities + this._behaviour + this._complexHealthCare;\n\n return acfi.length === 3 ? acfi : '';\n },\n\n subscribe(name, callback) {\n d.subscriberList[name].push(callback);\n }\n };\n\n\n function loadValues() {\n d.activities = $domActivites.val();\n d.behaviour = $domBehaviour.val();\n d.complexHealthCare = $domComplexHealthCare.val();\n }\n\n function updateACFI() {\n domACFI.value = d.acfi;\n domACFIShow.innerText = d.acfi;\n }\n\n\n loadValues();\n\n d.subscribe('activities', updateACFI);\n d.subscribe('behaviour', updateACFI);\n d.subscribe('complexHealthCare', updateACFI);\n\n $domActivites.data(\"kendoDropDownList\") &&\n $domActivites.data(\"kendoDropDownList\").bind(\"change\", function() {\n d.activities = $domActivites.data(\"kendoDropDownList\").value();\n });\n\n $domBehaviour.data(\"kendoDropDownList\") &&\n $domBehaviour.data(\"kendoDropDownList\").bind(\"change\", function() {\n d.behaviour = $domBehaviour.data(\"kendoDropDownList\").value();\n });\n\n $domComplexHealthCare.data(\"kendoDropDownList\") &&\n $domComplexHealthCare.data(\"kendoDropDownList\").bind(\"change\", function() {\n d.complexHealthCare = $domComplexHealthCare.data(\"kendoDropDownList\").value();\n });\n },\n\n /*\n\n data\n\n Core.DVAInformation.isValid({\n dvaCardType: \"#DVACardType\",\n dvaDOB: \"#DVADOB\",\n dvaRCF: \"#yes_rcf\",\n dvaADL: \"#DVAActivities\",\n dvaBEH: \"#DVABehaviour\",\n dvaCHC: \"#DVAComplex\",\n dvaFundingOther: #FundingOther,\n dvaFundingOtherType: #FundingOtherType,\n });\n\n\n */\n isValid: function(data) {\n if (data === null) {\n true;\n }\n\n var isValid = true;\n var errorList = [];\n\n function checkIsValid(selectValidator) {\n isValid = selectValidator.isValid() && isValid;\n\n if (!selectValidator.isValid()) {\n selectValidator.elemSelector && errorList.push(selectValidator.elemSelector);\n }\n }\n\n function isDatePicker2() {\n var elem = document.querySelector(data.dvaDOB);\n return elem && elem.dataset && elem.dataset.datepicker2 === '';\n }\n\n var dvaCardType = SelectValidator(data.dvaCardType);\n var dvaDOB = isDatePicker2() ? DatePicker2Validator(data.dvaDOB) : DateInputValidator(data.dvaDOB);\n var dvaRCF = document.querySelector(data.dvaRCF);\n\n var dvaFundingOtherType = SelectValidator(data.dvaFundingOtherType);\n var dvaFundingOther = document.querySelector(data.dvaFundingOther);\n\n // var dvaADL = SelectValidator(data.dvaADL);\n // var dvaBEH = SelectValidator(data.dvaBEH);\n // var dvaCHC = SelectValidator(data.dvaCHC);\n\n if (!dvaCardType || !dvaDOB || !dvaRCF) { // || !dvaADL || !dvaBEH || !dvaCHC\n // in case no items it's valid\n return true;\n }\n\n [dvaCardType, dvaDOB].forEach(checkIsValid);\n\n // if (dvaRCF.checked) {\n // [dvaADL, dvaBEH, dvaCHC].forEach(checkIsValid);\n // }\n\n if (dvaFundingOther && dvaFundingOther.checked) {\n [dvaFundingOtherType].forEach(checkIsValid);\n }\n\n // check position between custom error (card type and funding other type dropdown) and form fields\n var top = 0;\n if (errorList.length > 0) {\n errorList.forEach(function(item, i) {\n var offsetTop = item && $(item).closest('.k-dropdownlist').offset().top;\n if (i === 0 || offsetTop > top) {\n top = offsetTop;\n }\n });\n }\n\n // check first error\n var $form = $(data.dvaCardType).closest('form');\n if ($form && $form.length > 0) {\n var firstError = $form.find('.error:visible').first();\n if (firstError && firstError.length > 0) {\n var errorTop = firstError.offset().top;\n\n // compare which top is lower\n if (top === 0 || errorTop < top) {\n top = errorTop;\n }\n }\n }\n\n // check if within modal or not\n // if ($form.closest('.k-window-content').length > 0) {\n // $form.find('div[class*=__content]').animate({\n // scrollTop: top\n // }, 300);\n // } else {\n // }\n \n top && Core.ScrollToView(top - 30);\n return isValid;\n },\n\n isValidDischarged: function(data) {\n if (data === null) {\n true;\n }\n\n var isValid = true;\n\n function checkIsValid(selectValidator) {\n isValid = selectValidator.isValid() && isValid;\n }\n\n var dvaDOD = DateInputValidator(data.dvaDOD);\n var dvaHospitalDischarge = document.querySelector(data.dvaHospitalDischarge);\n\n if (!dvaDOD || !dvaHospitalDischarge) {\n // in case no items it's valid\n return true;\n }\n\n if (dvaHospitalDischarge.checked) {\n [dvaDOD].forEach(checkIsValid);\n }\n\n return isValid;\n }\n};\n","Core.FileUpload = function(elem) {\n var NS = $(elem).closest('.portal-checkout__accordion-item').prop('id') || '';\n\n function fireEvent(name) {\n var event = new CustomEvent(name);\n document.dispatchEvent(event);\n }\n\n /*\n\n DATASET\n\n */\n\n function hasDataset(elem, name) {\n return elem &&\n elem.dataset &&\n typeof elem.dataset[name] !== 'undefined';\n }\n\n function warnData(name) {\n console.warn('Fileupload data for ' + name + ' missing');\n return;\n }\n\n function getDataset(elem, name) {\n return hasDataset(elem, name)\n ? elem.dataset[name]\n : warnData(name);\n }\n\n function getFileAllowed(elem) {\n var fileAllowedRaw = hasDataset(elem, 'fileAllowed')\n ? elem.dataset.fileAllowed\n : '';\n\n if (fileAllowedRaw.trim() === '') {\n return [];\n }\n\n var fileAllowed = fileAllowedRaw\n .trim()\n .split(',')\n .map(function(el) {\n return el.trim().toLowerCase()\n }).filter(function(el) {\n return (el.length > 0);\n });\n\n return fileAllowed;\n }\n\n /*\n\n EVENTS\n\n */\n\n function preventDefaults (e) {\n e.preventDefault();\n e.stopPropagation();\n }\n\n function getFileHtml(id, name) {\n return \"' + item.AddressLine1 + '
'\n + '' + item.Suburb + '
'\n + '' + item.State + ', ' + item.Postcode + '
'\n + 'Phone: ' + item.Phone + '
'\n + (item.BusinessHours ? 'Business Hours:
This item has been removed from your cart.
';\n $row.find('td:first-child').append(removeMsgTmpl);\n $row.addClass('on-removed');\n } else {\n $row.find('.removeMessage').remove();\n $row.removeClass(function (index, css) {\n return (css.match(/(^|\\s)rorcls\\S+/g) || []).join(' ');\n });\n $row.removeClass('on-removed');\n }\n\n Core.PortalCheckout.updateClassRemove();\n },\n\n updateClassRemove: function () {\n var elements = $('tr.on-removed');\n\n // add new class name\n var cssStyleshets = [];\n for (var a = 0; a < elements.length; a++) {\n var el = $(elements[a]);\n var elHeight = el.outerHeight() / 2;\n el.addClass(\"rorcls-\" + a);\n cssStyleshets.push(\".rorcls-\" + a.toString() +\n \" .removeMessage{ height:\" + elHeight +\n \"px !important; top:\" + el.position().top +\n \"px; padding-top:\" + (elHeight - 10) +\n \"px !important; padding-bottom:10px !important;}\");\n }\n // remove existing stylesheets\n $('#overlayElementsStyles').remove();\n // add new stylesheets\n if (elements.length > 0) {\n $('').appendTo($('head'));\n }\n },\n\n /*\n\n After deleting a item on the cart check if there are\n still items that make the cart valid.\n\n Eg: if i've got only a service eg home modification\n doesn't make sense to have shipping which is\n stricly product related.\n\n to debug:\n document\n .addEventListener(\n 'aidacare.is-invalid-shipping',\n () => console.log('invalid shipment'))\n\n @event aidacare.is-invalid-shipping\n @var response\n @see response from ore.PortalCheckout.deleteItem\n\n */\n propagateIsInvalidShipping: function(response) {\n var dispatchInvalidShipping = function() {\n var custEvent = new CustomEvent('aidacare.is-invalid-shipping');\n document.dispatchEvent(custEvent);\n };\n\n var isInvalidShipping = function() {\n return response\n && response.IsInvalidShipping\n && response.IsInvalidShipping.toString().toLowerCase().trim() === 'true';\n }\n\n isInvalidShipping()\n && dispatchInvalidShipping();\n },\n\n removeProductFromCart: function () {\n $('.portal-checkout__purchase-remove').unbind('click');\n $('.portal-checkout__purchase-remove').on('click', function (e) {\n e.stopPropagation();\n\n var $el = $(this);\n var btnNext = document.querySelector('.btn-checkout-size');\n var $row = $el.closest(\"tr\");\n var $qtyInput = $row.find('input.portal-checkout__purchase-qty[type=text]:visible');\n var $hiddenQty = $row.find('input.portal-checkout__purchase-qty[type=text][id*=\"__Quantity\"]');\n\n $row.addClass('on-removed');\n $hiddenQty.data('default-qty', $qtyInput.val());\n\n Core.PortalCheckout.showRemoveMessage($row, Core.PortalCheckout.SHOW);\n btnNext.disabled = true;\n\n var doRemoveItem = function () {\n var id = $row.attr('data-id');\n Core.PortalCheckout.deleteItem(id, function (response) {\n Core.PortalCheckout.propagateIsInvalidShipping(response);\n\n // remove item from flyout\n var $rowFlyOut = $('#cart-playout').find('tr.table-yourcart-row-item[data-id=' + id + ']');\n Core.FlyoutButtons.removeItemRow($rowFlyOut);\n\n Core.PortalCheckout.refreshItems();\n });\n };\n\n var executeRemove = setTimeout(function () {\n //remove item\n doRemoveItem();\n\n //hide removeMessage\n Core.PortalCheckout.showRemoveMessage($row, Core.PortalCheckout.REMOVE);\n }, 2000);\n\n $row.find('.btn-undo').on('click', function () {\n //cancel out delete item\n clearTimeout(executeRemove);\n Core.PortalCheckout.showRemoveMessage($row, Core.PortalCheckout.REMOVE);\n btnNext.disabled = false;\n });\n });\n },\n\n removeItemRow: function ($row) {\n //remove item row\n var $wrap = $row.closest('.portal-checkout__purchase-item');\n $row.remove();\n\n //if there's no item left, delete whole section (buy, rent, or rent-to-own)\n if ($wrap.find('tr.portal-checkout__row').length === 0) {\n $wrap.remove();\n\n //remove total summary\n if ($('.buy-row').length === 0) $('.portal-checkout__purchase-shipping-summary--value-buy').parent().remove();\n if ($('.rent-row').length === 0) $('.portal-checkout__purchase-shipping-summary--value-rent').parent().remove();\n if ($('.rent-own-row').length === 0) $('.portal-checkout__purchase-shipping-summary--value-renttoown').parent().remove();\n }\n\n Core.PortalCheckout.checkCartItem();\n },\n\n calculateRow: function (inpObj) {\n var elem = $(inpObj.element);\n var price = elem.attr('price') || 0;\n\n return price * inpObj._value;\n },\n\n //calculate sub-total per section (buy, rent, or rent-to-own)\n //inpObj's value could be tableId (buy, rent, or rent-to-own)\n calculateSection: function (el) {\n var $parent = $(el).hasClass('portal-checkout__purchase-table') ? el : $(el.element);\n //var $parent = elem;\n if (!$parent.hasClass('portal-checkout__purchase-table')) {\n $parent = $parent.closest('.portal-checkout__purchase-table');\n }\n\n var $quantities = $parent.find('input.portal-checkout__purchase-qty[type=text][id*=\"__Quantity\"]')\n , amount = 0;\n\n for (var i = 0; i < $quantities.length; i++) {\n var $el = $($quantities[i])\n , qty = $el.closest('.portal-checkout__purchase-column').find('input[type=\"text\"].portal-checkout__purchase-qty:visible').val() || 0\n , price = $el.attr('price');\n\n amount += (price * qty);\n };\n\n return amount;\n },\n\n //update text total per row and subtotal per section\n updateTotalAndSubtotal: function (inpObj) {\n var elem = $(inpObj.element);\n var _self = Core.PortalCheckout\n , $col = elem.closest('.portal-checkout__purchase-column')\n , $subTotalHTML = $col.siblings('.portal-checkout__purchase-column--subtotal').find('span')\n , rowTotal = _self.formatMoney(_self.calculateRow(inpObj), 2, '$', ',', '.');\n\n $subTotalHTML.html(rowTotal);\n\n var $parents = elem.closest('.portal-checkout__purchase-table')\n , $totalHTML = $parents.find('.portal-checkout__purchase-totalprice span')\n , summaryTotal = _self.formatMoney(_self.calculateSection(inpObj), 2, '$', ',', '.');\n\n $totalHTML.html(summaryTotal);\n\n if ($parents.attr('id') == \"table-purchaseitems\") {\n $('.portal-checkout__purchase-shipping-summary--value-buy span').html(summaryTotal);\n }\n\n if ($parents.attr('id') == \"table-rentitems\") {\n $('.portal-checkout__purchase-shipping-summary--value-rent span').html(summaryTotal + \"/week\");\n }\n\n if ($parents.attr('id') == \"table-renttoownitem\") {\n $('.portal-checkout__purchase-shipping-summary--value-renttoown span').html(summaryTotal + \"/week\");\n }\n\n _self.updateAmountToBePaid();\n },\n\n //update Amount to be paid now\n updateAmountToBePaid: function () {\n var _self = Core.PortalCheckout\n , $tblPurchase = $('#table-purchaseitems')\n , $tblRent = $('#table-rentitems')\n , $tblRentOwn = $('#table-renttoownitem')\n , amount = 0;\n\n if ($tblPurchase.length) amount += _self.calculateSection($tblPurchase);\n if ($tblRent.length) amount += _self.calculateSection($tblRent);\n if ($tblRentOwn.length) amount += _self.calculateSection($tblRentOwn);\n\n $('#spnBuyTotal').html(_self.formatMoney(amount, 2, '$', ',', '.'));\n },\n\n deleteItem: function (id, successCb) {\n Core.ShowPageLoading();\n var postcode = \"\";\n var org = \"\";\n\n $.ajax({\n type: \"GET\",\n url: '/Cart/removefromcart',\n data: {\n code: id,\n postcode: postcode,\n organization: org,\n hideFreight: false,\n orderOrganization: \"\",\n therapistID: \"\"\n },\n success: function (response) {\n Core.CartFlyout.init();\n if (successCb) successCb(response);\n Core.HidePageLoading();\n },\n error: function (xhr, ajaxOptions, thrownError) {\n //todo: do something\n Core.HidePageLoading();\n }\n });\n },\n\n userCheckoutSelected: function () {\n $('.btnSelectUser').on('click', function () {\n\n var $el = $(this),\n $parent = $el.closest('tr'),\n $wrap = $el.closest('table');\n\n if (!$parent.hasClass('selected')) {\n $wrap.find('tr.selected').removeClass('selected');\n $parent.addClass('selected');\n }\n\n $(\"#AddNewClientContent\").slideDown();\n });\n },\n\n updateExistingClientAddNewClientRadio: function(radioName) {\n Array\n .from(document.querySelectorAll('[name=clientDetailRadio]'))\n .forEach(function(itm) {\n itm.checked = (itm.value === radioName);\n })\n\n $('[name=clientDetailRadio]').uniform();\n },\n\n hideClientMissingError: function() {\n $(\"#clientMissingError\").html('');\n $(\"#clientMissingError\").hide();\n },\n\n updateUserListDisplay: function () {\n Core.PortalCheckout.Cache.$clientDetailRadio.unbind();\n Core.PortalCheckout.Cache.$clientDetailRadio.on('change', function () {\n var $el = $(this),\n $label = $el.closest('.portal-checkout__client-detail--radio'),\n $content = $label.siblings('.portal-checkout__client-detail--content'),\n $hiddenValNewClient = $('#hidNewClient');\n\n if ($el.val() === \"Add New Client\") {\n $hiddenValNewClient.attr(\"value\", \"true\");\n $('#divSearchContact').slideUp();\n $('#divClientDetails').slideDown();\n $(\"#frmClientRefNo\").find(\"#ContactID\").val('');\n Core.PortalCheckout.resetForm($('#AddNewClientContent').find('form'));\n }\n else {\n $hiddenValNewClient.attr(\"value\", \"false\");\n $('#divSearchContact').slideDown();\n $('#divClientDetails').slideUp(0);\n }\n\n\n if ($('#ClientReferenceNumber').val() == \"\") {\n $('#checkOutClientDetailsReadonly').find('input[type=\"text\"],input[type=\"email\"], input[type=\"tel\"], textarea').prop('readonly', true);\n $('#checkOutClientDetailsReadonly').find('#DVADOB, #DVADOD').prop('disabled', true);\n $('#checkOutClientDetailsReadonly').find('input[type=\"checkbox\"], input[type=\"radio\"]').prop('disabled', true).uniform();\n $(\"#ClientReferenceNumber\").prop('readonly', false);\n\n // Comment out dropdown select cause we don't use state dropdown anymore.\n // $('#checkOutClientDetailsReadonly').find('select').prop('disabled', true);\n // $('#checkOutClientDetailsReadonly').find('select').each(function(index, elem) {\n // $(elem).data(\"kendoDropDownList\")\n // && ( $(elem).data(\"kendoDropDownList\").enable(false)\n // , $(elem).data(\"kendoDropDownList\").value(''));\n // });\n // $('#checkOutClientDetailsReadonly').find('select').data(\"kendoDropDownList\").enable(false);\n }\n\n Core.PortalCheckout.hideClientMissingError();\n $(\"#clientRefrenceNumberError\").html('');\n\n Core.PortalCheckout.updateExistingClientAddNewClientRadio($el.val());\n });\n },\n\n resetForm: function ($form) {\n $form.find('input:text, input:password, input[type=tel], input[type=email], select, textarea').val('');\n $form.find('input:radio, input:checkbox')\n .prop('checked', false).prop('selected', false);\n },\n\n saveClientSubmit: function () {\n $(\"#btnClientDetails\").unbind();\n $(\"#btnClientDetails\").on('click', function (e) {\n var behalf = $('[data-id=\"onBehalfOrganization\"]').val();\n $('#OnBehalfOrganization').val(behalf);\n\n if ($(\"#hidSelectedContactID\").val() === \"\" && $(\"[name= clientDetailRadio][value='Existing Client']\").is(\":checked\")) {\n\n if (!$(\".existingClientSearch\").find(\".error\").length) {\n $(\".existingClientSearch\").append(\"\");\n Core.PortalCheckout.hideClientMissingError();\n }\n\n $(\"html, body\").animate({ scrollTop: $(\"[name= clientDetailRadio]\").offset().top - 30 }, 300);\n e.preventDefault();\n }\n else if ($(\"#divClientDetails:visible\").length === 0) {\n\n $(\"#clientMissingError\").html(\"Please add client\");\n $(\"#clientMissingError\").show();\n $(\"html, body\").animate({ scrollTop: $(\"[name= clientDetailRadio]\").offset().top - 30 }, 300);\n e.preventDefault();\n }\n // TODO: validate autocomplete\n else {\n\n if ($(\".existingClientSearch\").find(\".error\").length) {\n $(\".existingClientSearch .error\").remove();\n }\n Core.PortalCheckout.hideClientMissingError();\n\n var isSaveContactValid = $('#frmSaveContact').valid();\n var isSaveStaffValid = $('#frmSaveStaff').valid();\n\n // STR -- DVA ERAP validation\n\n var isDVAValid = Core.DVAInformation.isValid({\n dvaCardType: \"#DVACardType\",\n dvaDOB: \"#DVADOB\",\n dvaRCF: \"#yes_rcf\",\n\n dvaFundingOther: '#yes_DVAFundingOther',\n dvaFundingOtherType: '#DVAFundingOtherType',\n\n // dvaADL: \"#DVAActivityOfDailyLiving\",\n // dvaBEH: \"#DVABehaviour\",\n // dvaCHC: \"#DVAComplexHealthCare\"\n });\n\n var isDVADischargedValid = Core.DVAInformation.isValidDischarged({\n dvaDOD: \"#DVADOD\",\n dvaHospitalDischarge: \"#DVAHospitalDischarge\",\n });\n\n // END -- DVA ERAP validation\n\n\n if (isSaveStaffValid && isDVAValid && isDVADischargedValid) {\n $(\"#frmSaveContact\").trigger('submit');\n $(\"#frmSaveStaff\").trigger('submit');\n }\n }\n });\n },\n\n saveConfirmSubmit: function () {\n $(\"#btnConfirmDetails\").unbind();\n $(\"#btnConfirmDetails\").on('click', function (e) {\n if ($('#frmConfirmOrder').valid() && $('#frmConfirmOrder').valid()) {\n $(\"#frmConfirmOrder\").trigger('submit');\n }\n });\n },\n\n saveCartValidate: function () {\n $(\"#frmSaveCart\").validate({\n focusInvalid: false,\n invalidHandler: function (form, validator) {\n\n if (!validator.numberOfInvalids())\n success = true;\n else {\n $(\"div.validation-summary-errors\").html('');\n $('html, body').animate({\n scrollTop: $(validator.errorList[0].element.parentElement).offset().top - 30\n },\n 300);\n }\n }\n });\n },\n\n saveClientValidate: function () {\n $(\"#frmSaveContact\").validate({\n ignore: ':hidden',\n focusInvalid: false,\n invalidHandler: function (form, validator) {\n if (!validator.numberOfInvalids())\n success = true;\n // scroll to view handled on DVAInformation.js\n // else {\n // $(\"div.validation-summary-errors\").html('');\n // $('html, body').animate({\n // scrollTop: $(validator.errorList[0].element.parentElement).offset().top - 30\n // }, 300);\n // }\n }\n });\n },\n\n saveConfirmValidate: function () {\n $(\"#frmConfirmOrder\").validate({\n ignore: ':hidden',\n focusInvalid: false,\n invalidHandler: function (form, validator) {\n\n if (!validator.numberOfInvalids())\n success = true;\n else {\n $(\"div.validation-summary-errors\").html('');\n $('html, body').animate({\n scrollTop: $(validator.errorList[0].element.parentElement).offset().top - 30\n },\n 300);\n }\n }\n });\n },\n\n saveStaffValidate: function () {\n $(\"#frmSaveStaff\").validate({\n focusInvalid: false,\n invalidHandler: function (form, validator) {\n\n if (!validator.numberOfInvalids())\n success = true;\n else {\n $(\"div.validation-summary-errors\").html('');\n $('html, body').animate({\n scrollTop: $(validator.errorList[0].element.parentElement).offset().top - 30\n },\n 300);\n }\n }\n });\n },\n\n triggerCheckout: function () {\n Core.PortalCheckout.Cache.$btnCheckoutSize.unbind();\n Core.PortalCheckout.Cache.$btnCheckoutSize.on('click', function (e) {\n e.preventDefault();\n if ($('.futureDate').val() === \"\") {\n $('.futureDate').closest('.form-input').append(\"\");\n return false;\n }\n var currentDate = new Date();\n var selectedDate = new Date($('.futureDate').val());\n\n if (selectedDate < currentDate) {\n $('.futureDate').closest('.form-input').append(\"\");\n return false;\n }\n });\n },\n\n showNotificationPopup: function (popupLabel, contentText, type) {\n var typeClass;\n\n switch (type) {\n case \"warning\":\n typeClass = \"warning-popup-content\";\n break;\n case \"error\":\n typeClass = \"error-popup-content\";\n break;\n case \"valid\":\n typeClass = \"valid-popup-content\";\n break;\n default:\n typeClass = false;\n break;\n }\n\n var kendoWindow = $(\"\").kendoWindow({\n actions: [\"Close\"],\n title: popupLabel,\n resizable: false,\n modal: true,\n deactivate: function () {\n this.destroy();\n }\n });\n\n var template = kendo.template($(\"#notificationTemplate\").html());\n\n kendoWindow.data(\"kendoWindow\")\n .content(template(contentText))\n .center().open();\n\n if (typeClass != false) {\n kendoWindow\n .parent()\n .addClass(typeClass)\n .end();\n }\n\n kendoWindow\n .find(\".btnNotifOk\")\n .on('click', function () {\n kendoWindow.data(\"kendoWindow\").close();\n })\n .end();\n },\n\n todayDate: function () {\n var today = new Date();\n var dd = today.getDate();\n var mm = today.getMonth() + 1;\n var yyyy = today.getFullYear();\n\n if (dd < 10) {\n dd = '0' + dd;\n }\n if (mm < 10) {\n mm = '0' + mm;\n }\n var today = dd + '/' + mm + '/' + yyyy;\n return today;\n },\n\n weekCalculation: function (date, weeks) {\n var newdate = new Date(date);\n var numOfDays = weeks * 7;\n newdate.setDate(newdate.getDate() + numOfDays);\n return ('0' + newdate.getDate()).slice(-2) + \"/\" + ('0' + (newdate.getMonth() + 1)).slice(-2) + \"/\" + newdate.getFullYear();\n },\n\n formatDate: function (date) {\n function pad(s) { return (s < 10) ? '0' + s : s; }\n var d = new Date(date);\n return [pad(d.getDate()), pad(d.getMonth() + 1), d.getFullYear()].join('/');\n },\n\n formatMoney: function (number, places, symbol, thousand, decimal) {\n number = number || 0;\n places = !isNaN(places = Math.abs(places)) ? places : 2;\n symbol = symbol !== undefined ? symbol : \"$\";\n thousand = thousand || \",\";\n decimal = decimal || \".\";\n var negative = number < 0 ? \"-\" : \"\",\n i = parseInt(number = Math.abs(+number || 0).toFixed(places), 10) + \"\",\n j = (j = i.length) > 3 ? j % 3 : 0;\n return symbol + negative + (j ? i.substr(0, j) + thousand : \"\") + i.substr(j).replace(/(\\d{3})(?=\\d)/g, \"$1\" + thousand) + (places ? decimal + Math.abs(number - i).toFixed(places).slice(2) : \"\");\n },\n\n disabledButton: function (button) {\n $(button).addClass('disabled').prop('disabled', true);\n },\n\n enabledButton: function (button) {\n $(button).removeClass('disabled').prop('disabled', false);\n },\n\n checkCartItem: function () {\n //check if any iten exist, if not grey out continue button\n if ($('.portal-checkout__row').length === 0) {\n $('#frmSaveCart .btn-checkout-size').prop('disabled', true);\n } else {\n $('#frmSaveCart .btn-checkout-size').prop('disabled', false);\n }\n },\n\n favBtnHandle: function () {\n $('.portal-checkout__purchase-favourite').unbind('click');\n $('.portal-checkout__purchase-favourite').on('click', function () {\n Core.PortalCheckout.favouriteItem($(this).children(), function (response) {\n console.log(response);\n });\n });\n },\n\n favouriteItem: function ($btnFav, successCb) {\n Core.ShowPageLoading();\n var _$this = $btnFav,\n _$item = _$this.parents('tr'),\n _isFavourite = _$this.hasClass('icon-cart-fav'),\n $errorBox = $('#divCart .portal-error');\n\n var _apiUrl = _isFavourite ? '/cart/removefromfavourites' : '/cart/addtofavourites';\n\n $.ajax({\n url: _apiUrl,\n data: { code: _$item.data('id') },\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (data.WasSuccess) {\n Core.ShowErrorMessage($errorBox, null, false);\n\n if (_isFavourite) {\n _$this.removeClass('icon-cart-fav').addClass('icon-fav');\n _$this.parent().removeClass('active').attr('title', Core.Config.FavouriteText.Add);\n }\n else {\n _$this.removeClass('icon-fav').addClass('icon-cart-fav');\n _$this.parent().addClass('active').attr('title', Core.Config.FavouriteText.Remove);\n }\n } else {\n Core.ShowErrorMessage($errorBox, {\n title: Core.Config.FavouriteText.ErrorTitle,\n message: data.Result\n });\n }\n\n if (successCb) successCb(data);\n Core.HidePageLoading();\n },\n error: function (xhr, status, error) {\n Core.ShowErrorMessage($errorBox, {\n title: Core.Config.FavouriteText.ErrorTitle,\n message: [\n xhr.responseText,\n \"Status: \" + xhr.status,\n \"Error: \" + error\n ]\n });\n Core.HidePageLoading();\n }\n });\n },\n\n /*\n\n @TODO remove after integration Core.PortalCheckoutClientSearch\n\n */\n handleSelectClient: function () {\n $('#clientDetailListTable .pccdlt-row').on('click', function (e) {\n var form = $(this).find('.pccdlt-acts form');\n $(form).trigger('submit');\n });\n },\n\n handleClientRefrenceNo: function () {\n $('#ClientRefNo').on('change', function (e) {\n $(\"#frmClientRefNo\").trigger('submit');\n });\n },\n\n\n /**\n\n\n Hospital Location Details\n\n\n */\n\n handleHospitalLocationDetails: function () {\n function isNull(el) {\n return !(el.html() + '').trim();\n }\n\n function getLocationData(locationID) {\n return (typeof window.hospitalLocationsData[locationID] !== 'undefined')\n ? window.hospitalLocationsData[locationID]\n : { name: '-', addr: '-', suburb: '-', state: '-', postcode: '-'};\n }\n\n function updateLocationDetailsForm(data) {\n details.find('#locationAddr').val(data.addr);\n details.find('#locationSuburb').val(data.suburb);\n details.find('#locationPostcode').val(data.postcode);\n\n details.find('#locationState').val(data.state);\n\n details.find('#locationState').data(\"kendoDropDownList\") &&\n details.find('#locationState').data(\"kendoDropDownList\").value(data.state);\n }\n\n function updateLocationDetails(val) {\n var data = getLocationData(val);\n\n updateLocationDetailsForm(data);\n }\n\n function onLocationChange(e) {\n updateLocationDetails(e.currentTarget.value);\n }\n\n var wrap = Core.PortalCheckout.Cache.$hospitalLocationDetailsWrap;\n var select = wrap.find('#LocationDetails');\n var details = Core.PortalCheckout.Cache.$hospitalLocationDetails;\n var pageLoadValue = select.val();\n\n if (isNull(wrap) || ! window.hospitalLocationsData) {\n return;\n }\n\n select.on('change', onLocationChange);\n\n pageLoadValue\n && updateLocationDetails(pageLoadValue);\n },\n};\n\nCore.PortalCheckoutTermsAndConditions = {\n init: function () {\n Core.PortalCheckoutTermsAndConditions.Cache = {\n $termAndConditionLink: $('.termAndConditionPopup'),\n $btnContinueShipping: $('#btnContinueShipping'),\n $btnAgreeShippingPopup: $('#btnAgreeShippingPopup'),\n $btnCancelPopup: $('#btnCancelShippingPopup'),\n $termsCheckbox: $('#termsAndConditionsCheckbox'),\n $btnPay: $('#btnPayNow'),\n $poNumber: $('.poNumber'),\n $formPayment: $('#frmConfirmOrder')\n };\n\n this.setPopup();\n this.handleTacCheckbox();\n this.handlePOChange();\n this.btnAgreeClickHandle();\n this.btnCancelClickHandle();\n this.btnSubmitHandle();\n },\n\n btnAgreeClickHandle: function () {\n Core.PortalCheckoutTermsAndConditions.Cache.$btnAgreeShippingPopup.on('click', function (e) {\n e.stopPropagation();\n Core.PortalCheckoutTermsAndConditions.checkTacCheckbox(true);\n Core.PortalCheckoutTermsAndConditions.showPopup($('#tacPopup'), false);\n });\n },\n\n btnCancelClickHandle: function () {\n Core.PortalCheckoutTermsAndConditions.Cache.$btnCancelPopup.on('click', function (e) {\n e.stopPropagation();\n Core.PortalCheckoutTermsAndConditions.checkTacCheckbox(false);\n Core.PortalCheckoutTermsAndConditions.showPopup($('#tacPopup'), false);\n });\n },\n\n handleTacCheckbox: function () {\n Core.PortalCheckoutTermsAndConditions.Cache.$termsCheckbox.on('change', function (e) {\n //keep chekbox unchanged\n var isChecked = this.checked;\n this.checked = !isChecked;\n $.uniform.update('#termsAndConditionsCheckbox');\n\n Core.PortalCheckoutTermsAndConditions.showPopup($('#tacPopup'), true);\n });\n },\n\n checkTacCheckbox: function (isSelected) {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n _self.Cache.$termsCheckbox.prop('checked', isSelected);\n _self.Cache.$btnContinueShipping.prop('disabled', !isSelected);\n $.uniform.update('#termsAndConditionsCheckbox');\n\n (_self.isPONumberRequired() && ! _self.isPONumberValid())\n ? _self.enablePayBtn(false)\n : _self.enablePayBtn(isSelected);\n },\n\n isPONumberRequired: function() {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n return _self.Cache.$poNumber &&\n _self.Cache.$poNumber.prop('required');\n },\n\n isPONumberValid: function() {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n return _self.Cache.$poNumber &&\n _self.Cache.$poNumber.val().length > 0;\n },\n\n /**\n * If the T&C section is present then use it during validation.\n *\n * Comunity portal for eg. doesn't have T&C.\n *\n * @return Boolean\n */\n isTermChecked: function() {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n return (_self.Cache.$termsCheckbox.length > 0)\n ? _self.Cache.$termsCheckbox.prop('checked')\n : true;\n },\n\n handlePOChange: function() {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n _self.Cache.$poNumber &&\n _self.Cache.$poNumber.keyup(function() {\n var invalidPO = (_self.isPONumberRequired() && ! _self.isPONumberValid());\n var invalidCheck = !_self.isTermChecked();\n\n (invalidPO || invalidCheck)\n ? _self.enablePayBtn(false)\n : _self.enablePayBtn(true);\n });\n },\n\n enablePayBtn: function (doEnable) {\n $('#btnPayNow').prop('disabled', !doEnable);\n\n if (typeof doEnable === \"undefined\" || doEnable === null) {\n doEnable = true;\n }\n\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n if (doEnable) _self.Cache.$btnPay.removeClass('disabled').prop('disabled', false);\n else _self.Cache.$btnPay.addClass('disabled').prop('disabled', true);\n },\n\n initPopup: function ($popup, title) {\n var _self = Core.PortalCheckoutTermsAndConditions;\n var _width = 660, //Core.Config.CartNotification.Width,\n _height = 350;\n\n if (Core.IsMobile()) {\n _width = Core.Cache.$window.width();\n }\n\n $popup.kendoWindow({\n title: title,\n width: _width,\n //height: _height,\n visible: false,\n iframe: false,\n modal: true,\n resizable: false,\n actions: [\"Close\"],\n pinned: true,\n draggable: false,\n appendTo: '#page-wrap',\n animation: false,\n });\n\n var $closeBtn = $popup.find('.portal-modal__btn-close');\n\n if ($closeBtn) {\n $closeBtn.on('click', function () {\n _self.showPopup($popup, false);\n });\n }\n },\n\n showPopup: function ($popup, doShow) {\n doShow = doShow == undefined || null ? true : doShow; //set default to true/show\n\n var popupWindow = $popup.data(\"kendoWindow\");\n popupWindow.wrapper.addClass('k-window-custom');\n\n if (doShow) {\n popupWindow.center().open();\n } else {\n popupWindow.close();\n }\n },\n\n setPopup: function () {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n _self.initPopup($('#tacPopup'), \"TERMS & CONDITIONS\");\n _self.initPopup($('#cardChangePopup'), \"PAYMENT CONFIRMATION\");\n\n _self.Cache.$termAndConditionLink.on('click', function (e) {\n e.preventDefault();\n Core.PortalCheckoutTermsAndConditions.showPopup($('#tacPopup'), true);\n });\n },\n\n checkDateValid: function () {\n var today = moment();\n var $selMonth = $('#paymentExpDate').data('kendoDropDownList');\n var $selYear = $('#paymentExpYear').data('kendoDropDownList');\n var selectedDate = moment($selYear.value() + '-' + $selMonth.value() + '-' + '01', 'YY-MM-DD');\n var isValid = selectedDate.isSameOrAfter(today, 'month');\n\n if (isValid) {\n $selMonth.wrapper && $selMonth.wrapper[0].classList.remove('error');\n $selYear.wrapper && $selYear.wrapper[0].classList.remove('error');\n $('#paymentExpError').addClass('hidden');\n }\n else {\n $selMonth.wrapper && $selMonth.wrapper[0].classList.add('error');\n $selYear.wrapper && $selYear.wrapper[0].classList.add('error');\n $('#paymentExpError').removeClass('hidden');\n }\n\n return isValid;\n },\n\n btnSubmitHandle: function () {\n var _self = Core.PortalCheckoutTermsAndConditions;\n\n _self.Cache.$btnPay.on('click', function (e) {\n e.preventDefault();\n var isCreditCard = $('input[name=\"checkoutPaymentMethod\"]:checked').val() === \"CreditCard\";\n\n if (!isCreditCard) {\n _self.Cache.$formPayment.trigger('submit');\n } else {\n var isDateValid = _self.checkDateValid();\n if (_self.Cache.$formPayment.valid() && isDateValid) {\n _self.showPopup($('#cardChangePopup'), true);\n } else {\n //go to first error\n var $error = $('.portal-checkout__cc-details input.error');\n if ($error.length > 0) {\n var offset = Core.IsMobile() ? 80 : 50;\n var scrollTop = $error.first().offset().top - offset;\n Core.ScrollToView(scrollTop);\n }\n }\n }\n\n });\n\n $('#btnAgreeCardChange').on('click', function () {\n _self.Cache.$formPayment.trigger('submit');\n //show error box\n });\n }\n};\n\nCore.PortalCheckoutCheckboxToggle = {\n init: function () {\n Core.PortalCheckoutCheckboxToggle.Cache = {\n $toggleCbTrigger: $('#divClientDetails .toggle-cb-trigger')\n }\n\n this.handleToggleCheckbox();\n this.checkCheckbox();\n },\n\n handleToggleCheckbox: function () {\n Core.PortalCheckoutCheckboxToggle.Cache.$toggleCbTrigger.on('click', function () {\n Core.PortalCheckoutCheckboxToggle.toggleCheckbox($(this));\n });\n },\n\n toggleCheckbox: function ($el, cb) {\n var $targetName = $el.attr(\"id\"),\n $targetTrigger = $el.find('input[type=\"checkbox\"]'),\n $targetContent = $('div[data-toggle=\"' + $targetName + '\"]'),\n isChecked = $targetTrigger.is(':checked');\n\n if (isChecked) {\n $targetContent.slideDown();\n } else {\n $targetContent.slideUp();\n Core.PortalCheckoutCheckboxToggle.clearForm($targetContent);\n }\n\n if (cb) cb(isChecked);\n },\n\n clearForm: function ($el) {\n $el.find(':input').each(function () {\n switch (this.type) {\n case 'password':\n case 'text':\n case 'textarea':\n case 'file':\n case 'select-multiple':\n case 'date':\n case 'number':\n case 'tel':\n case 'email':\n $(this).val('');\n break;\n case 'checkbox':\n case 'radio':\n this.checked = false;\n break;\n case 'select-one':\n var kDropdown = $(this).data(\"kendoDropDownList\");\n if (kDropdown) kDropdown.select(0);\n else $(this).prop('selectedIndex', 0);\n break;\n }\n });\n },\n\n checkCheckbox: function () {\n Core.PortalCheckoutCheckboxToggle.Cache.$toggleCbTrigger.each(function () {\n var $el = $(this),\n $targetName = $el.attr(\"id\"),\n $targetTrigger = $el.find('input[type=\"checkbox\"]'),\n $targetContent = $('div[data-toggle=\"' + $targetName + '\"]'),\n isChecked = $targetTrigger.is(':checked');\n\n if (isChecked) $targetContent.show();\n else $targetContent.hide();\n });\n\n }\n};\n\nCore.PortalCheckoutToggleRadioContent = {\n resetRadio: function ($radio) {\n var radioList = \".portal-radio__listbox-options-item\";\n $radio.parents('.portal-checkout__listbox-options').find(radioList).removeClass('is-selected');\n $radio.parents(radioList).addClass('is-selected');\n },\n\n //clicking on the box\n handleRadioClick: function ($radioWrap) {\n $radioWrap.on('click', function (e) {\n if (e.target.getAttribute('type') == 'radio') return;\n\n var $this = $(this)\n , $radioGroup = $this.find('.toggle-radiogroup-content')\n , radioName = $radioGroup.prop('name');\n\n $radioGroup.trigger('change');\n $('input[name=\"' + radioName + '\"]').prop('checked', false); //unchecked all first\n $radioGroup.prop('checked', true);\n $.uniform.update('input[name=\"' + radioName + '\"]');\n });\n }\n\n};\n\nfunction getToggleSel(el) {\n return $(el).data('toggle');\n}\n\nfunction updateDeliveryOptionPrices(optionList) {\n function updateSingleOption(option) {\n if (!option || !option.id || !option.price) {\n return;\n }\n\n var elRadio = document.querySelector('[data-id=\"' + option.id + '\"]');\n elRadio\n && (elRadio.dataset['price'] = option.price);\n\n var elLabel = document.querySelector('[data-price=\"' + option.id + '\"]');\n elLabel\n && (elLabel.innerText = option.price);\n };\n\n optionList.forEach(updateSingleOption);\n}\n\nfunction updateElem(id, value) {\n var el = document.querySelector(id);\n\n el && (el.innerText = value);\n}\n\nfunction getSelectedPrice() {\n var priceElList = document.querySelectorAll('.toggle-radiogroup-content[data-price]');\n\n var selectedPrice = Array.from(priceElList).filter(function(el) { return el.checked === true; });\n\n return selectedPrice\n && selectedPrice[0]\n && selectedPrice[0].dataset\n && selectedPrice[0].dataset.price\n ? selectedPrice[0].dataset.price\n : '';\n}\n\nfunction updateShippingTotal() {\n var selectedPrice = getSelectedPrice();\n if (selectedPrice === '') {\n return;\n }\n\n updateElem('#shippingTotal', selectedPrice);\n updateElem('#spnShippingTotal', selectedPrice);\n}\n\nfunction resetShippingTotal() {\n updateElem('#shippingTotal', '$--.--');\n updateElem('#spnShippingTotal', '$--.--');\n updateElem('span[data-price]', '$--.--');\n}\n\nfunction getDeliveryPriceFromApi(postcode) {\n var elApi = document.querySelector('[data-postcodeapi]');\n\n elApi &&\n elApi.dataset &&\n elApi.dataset.postcodeapi &&\n ($.ajax({\n type: \"GET\",\n url: elApi.dataset.postcodeapi,\n data: {\n postcode: postcode\n },\n success: function (response) {\n //[{id: \"c199888c-1f44-4cbd-8b9c-ebe59111a641\", price: \"$40.00\"}]\n updateDeliveryOptionPrices(response)\n updateShippingTotal();\n }\n }));\n}\n\nCore.PortalCheckoutUpdateShippingCost = {\n init: function () {\n Core.PortalCheckoutUpdateShippingCost.Cache = {\n $shippingCostRadio: $('input[name=\"shippingCostOptions\"]'),\n $deliverTo: $('input[name=\"deliveryTo\"]'),\n $addAlternateContact: $('input[name=\"NewContactInfo\"]'),\n $dynamicPostcode: $('input.dynamic-postcode'),\n }\n\n updateShippingTotal();\n\n this.updateShippingCost();\n this.updateDeliveryTo();\n this.updateContactInfo();\n },\n\n updateShippingCost: function () {\n Core.PortalCheckoutUpdateShippingCost.Cache.$shippingCostRadio.on('change', function () {\n var $el = $(this);\n var price = $el.data('price');\n\n $('#spnShippingTotal').html(price);\n $('#shippingTotal').html(price);\n $('#hidPrice').val(price);\n $(\"#hidShippingOptionId\").val($el.data('id'));\n $('#hidShippingMethod').val($el.data('shippingmethod'));\n $('#hidUrgent').val($el.data('urgent'));\n });\n },\n\n updateDeliveryTo: function() {\n var $dt = Core.PortalCheckoutUpdateShippingCost.Cache.$deliverTo;\n var $dynamicPostcode = Core.PortalCheckoutUpdateShippingCost.Cache.$dynamicPostcode;\n\n function getFormElem(id) {\n var wrap = document.querySelector(id + '.allow-disabled');\n\n if (!wrap) {\n return [];\n }\n\n var formElemList = wrap.querySelectorAll('.form-input input, .form-input textarea, .form-input select');\n return formElemList;\n }\n\n function toggleDisableElem(disabled) {\n return function(formElemList) {\n Array.from(formElemList).forEach(function(elem) {\n elem.disabled = disabled;\n\n !elem.classList.contains('select-disabled') &&\n $(elem).data(\"kendoDropDownList\") &&\n $(elem).data(\"kendoDropDownList\").enable(!disabled);\n });\n };\n }\n\n var setDisabled = toggleDisableElem(true);\n var setEnabled = toggleDisableElem(false);\n\n function hideEl(index, $el) {\n var id = getToggleSel($el);\n $(id).addClass('d-none');\n\n setDisabled(getFormElem(id));\n };\n\n function hideAll() {\n $dt.each(hideEl);\n };\n\n function showEl($el) {\n var id = getToggleSel($el);\n $(id).removeClass('d-none');\n setEnabled(getFormElem(id));\n };\n\n function updateDeliveryOptionsPrice($el) {\n var id = getToggleSel($el);\n var postcode = $(id).find('.postcode').val();\n var dynamic = $(id).find('.dynamic-postcode');\n\n postcode &&\n ( resetShippingTotal()\n , getDeliveryPriceFromApi(postcode));\n\n dynamic &&\n dynamic.length > 0 &&\n resetShippingTotal();\n };\n\n function onDeliveryToChange(e) {\n var el = $(e.currentTarget);\n hideAll();\n showEl(el);\n\n updateDeliveryOptionsPrice(el);\n };\n\n function onPostcodeChangeUpdateDelivery(e) {\n var postcode = e.currentTarget.value;\n\n postcode &&\n postcode.length === 4 &&\n getDeliveryPriceFromApi(postcode);\n }\n\n $dt.on('change', onDeliveryToChange);\n $dynamicPostcode.on('keyup', onPostcodeChangeUpdateDelivery);\n },\n\n updateContactInfo: function() {\n var wrap = document.querySelector('[data-toggle=\"toggleAlternativeContactCB\"]:not(.disable-not-allowed)');\n var $wrap = $(wrap);\n var $ac = Core.PortalCheckoutUpdateShippingCost.Cache.$addAlternateContact;\n var formElemList = wrap ? wrap.querySelectorAll('.form-input input, .form-input textarea') : [];\n\n function toggleElem(disabled) {\n return function() {\n Array.from(formElemList).forEach(function(elem) { elem.disabled = disabled; });\n };\n }\n\n var setDisabled = toggleElem(true);\n var setEnabled = toggleElem(false);\n\n\n function doToggleFormDisable() {\n ($wrap.hasClass('toggle-cb-content'))\n ? setDisabled()\n : setEnabled();\n }\n\n function onDeliveryToContactPersonChange() {\n $wrap.toggleClass('toggle-cb-content');\n doToggleFormDisable();\n }\n\n $ac.on('change', onDeliveryToContactPersonChange);\n doToggleFormDisable();\n }\n};\n\nCore.PortalPlayoutCart = {\n init: function () {\n Core.PortalCheckout.Cache = {\n $togglePlayout: $('a#toggle-cart')\n };\n\n this.toggleCartPlayout();\n },\n\n toggleCartPlayout: function () {\n Core.PortalCheckout.Cache.$togglePlayout.on('click', function (e) {\n e.preventDefault();\n var $el = $(this),\n $cartDesktop = $el.siblings('.cart-playout'),\n $cartMobile = $('#cart-playout-mobile');\n\n if ($cartDesktop.css('display') === \"block\") {\n $cartDesktop.css('display', 'none');\n } else {\n $cartDesktop.css('display', 'block');\n }\n\n if ($cartMobile.css('display') === \"block\") {\n $cartMobile.slideUp(300);\n } else {\n $cartMobile.slideDown(300);\n }\n\n });\n }\n};\n\nCore.FlyoutButtons = {\n init: function () {\n Core.FlyoutButtons.Cache = {\n $togglePlayoutClose: $('#cart-playout .cart-playout--close'),\n $togglePlayoutCloseMobile: $('#cart-playout-mobile .cart-playout--close'),\n $removeItem: $('.table-yourcart .table-btnremove')\n };\n\n this.togglePlayoutClose();\n this.togglePlayoutCloseMobile();\n this.removeCartItem();\n },\n\n togglePlayoutClose: function () {\n Core.FlyoutButtons.Cache.$togglePlayoutClose.on('click', function (e) {\n e.preventDefault();\n\n // for desktop\n $(this).parents('.cart-playout').slideToggle(0);\n\n // for mobile\n var $cartMobile = $('#cart-playout-mobile');\n if ($cartMobile.css('display') === \"block\") {\n $cartMobile.css('display', 'none');\n } else {\n $cartMobile.css('display', 'block');\n }\n });\n },\n\n togglePlayoutCloseMobile: function () {\n Core.FlyoutButtons.Cache.$togglePlayoutCloseMobile.on('click', function (e) {\n e.preventDefault();\n\n // for desktop\n Core.FlyoutButtons.Cache.$togglePlayoutClose.parents('.cart-playout').slideToggle(0);\n\n // for mobile\n var $cartMobile = $('#cart-playout-mobile');\n if ($cartMobile.css('display') === \"block\") {\n $cartMobile.slideUp(300);\n } else {\n $cartMobile.slideDown(300);\n }\n });\n },\n\n removeCartItem: function () {\n Core.FlyoutButtons.Cache.$removeItem.on('click', function (e) {\n e.stopPropagation();\n var $el = $(this),\n id = $el.attr('data-id'),\n $table = $el.closest('.table-yourcart');\n\n Core.PortalCheckout.deleteItem(id, function (response) {\n Core.PortalCheckout.propagateIsInvalidShipping(response);\n\n Core.PortalCheckout.refreshItems();\n Core.FlyoutButtons.removeItemRow($el.closest('tr.table-yourcart-row-item'));\n });\n\n });\n },\n\n removeItemRow: function ($row) {\n var $table = $row.closest('.table-yourcart');\n $row.remove();\n\n //if there's no item left, delete whole section (buy, rent, or rent-to-own)\n if ($table.find('tr.table-yourcart-row-item').length === 0) {\n $table.remove();\n }\n }\n};\n\nCore.CartFlyout = {\n init: function () {\n Core.CartFlyout.Cache = {\n $flyoutCart: $(\"#cart-playout\"),\n $flyoutCartMobile: $(\"#cart-playout-mobile\"),\n $cartAmount: $(\"a#toggle-cart .amount\")\n }\n\n this.loadCartFlyout();\n this.initListenerClearCart();\n },\n initListenerClearCart: function() {\n var _self = this;\n var clearCart = function() { _self.clearCart() };\n\n document.removeEventListener('aidacare.clearcart', clearCart);\n document.addEventListener('aidacare.clearcart', clearCart);\n },\n\n loadCartFlyout: function () {\n $.ajax({\n type: \"GET\",\n url: '/Cart/GetItems',\n data: {\n cart: \"Default\"\n },\n success: function (response) {\n var portalCartObject = response;\n\n Core.CartFlyout.Cache.$flyoutCart.html(\"\");\n var portalCartTemplate = Handlebars.compile($('#portalCartTemplate').html());\n var portalCartHTML = portalCartTemplate(portalCartObject);\n var productsPurchasedLen = portalCartObject.length;\n\n Core.CartFlyout.Cache.$flyoutCart.append(portalCartHTML);\n\n setTimeout(function () {\n var $totalOfProduct = $('.toggle-cart tr.table-yourcart-row-item');\n if ($totalOfProduct.length > 0) {\n var sum = 0;\n for (var a = 0; a < $totalOfProduct.length; a++) {\n sum = sum + parseInt($($totalOfProduct[a]).attr(\"data-qty\"));\n }\n Core.CartFlyout.Cache.$cartAmount.html(sum).show();\n } else {\n Core.CartFlyout.resetCart();\n }\n\n Core.CartFlyout.Cache.$flyoutCartMobile.html(Core.CartFlyout.Cache.$flyoutCart.html());\n Core.FlyoutButtons.init();\n }, 100);\n }\n });\n },\n\n hideCartAmount: function() {\n $(\"a#toggle-cart .amount\").html(\"\").hide();\n },\n\n setYourCartEmpty: function() {\n var YOUR_CART_IS_EMPTY_HTML = '';\n $('.cart-playout--content').html(YOUR_CART_IS_EMPTY_HTML);\n },\n\n resetCart: function() {\n Core.CartFlyout.hideCartAmount();\n Core.CartFlyout.setYourCartEmpty();\n },\n\n clearCart: function() {\n var _self = this;\n $.post('/cart/removeall').done(function() { _self.resetCart(); });\n },\n};\n\nHandlebars.registerHelper('portalCartObjectTypeLabel', function (portalCartObject, label) {\n for (var i = 0; i < portalCartObject.length; i++) {\n if (portalCartObject[i]['PriceType'] == label) {\n return true;\n }\n }\n\n return false;\n});\n\nHandlebars.registerHelper('portalCartObjectType', function (portalCartObject, type) {\n if (portalCartObject.PriceType == type) {\n return true;\n }\n return false;\n});\n\nHandlebars.registerHelper('portalCartObjectTypeTotal', function (portalCartObject, label) {\n var total = 0;\n\n for (var i = 0; i < portalCartObject.length; i++) {\n if (portalCartObject[i]['PriceType'] == label) {\n total += portalCartObject[i]['LineItemTotal'];\n }\n }\n\n return Core.PortalCheckout.formatMoney(total, 2, '$', ',', '.');\n});\n","/*\n * API_STATUS := OK | ERROR\n * RESPONSE_STATUS := OK | BAD_FORMAT\n *\n * {\n * \"clients\":[\n * {\n * \"contactId\":\"60cb3c52-564e-44f5-a4f8-4d96e13572b0\",\n * \"name\":\"Doe, John\",\n * \"address\":\"1/15 Jarrah Drive\",\n * \"clientReferenceNumber\":\"12345ABC\",\n * \"phone\":\"0412377404\"\n * },\n * ],\n * \"hasMore\":true\n * }\n *\n */\nCore.PortalCheckoutClientSearch = function(rootElem) {\n if (rootElem == null) {\n return;\n }\n\n /*\n\n DATASET\n\n */\n\n function hasDataset(elem, name) {\n return elem &&\n elem.dataset &&\n typeof elem.dataset[name] !== 'undefined';\n }\n\n function warnData(msg) {\n console.warn(msg);\n }\n\n function getDataset(elem, name) {\n return hasDataset(elem, name)\n ? elem.dataset[name]\n : warnData('Data attribute for ' + name + ' missing');\n }\n\n\n /*\n\n UTILS\n\n */\n\n function HandleSessionExpired(callback) {\n $.get('/account/IsSessionExpired', function(response) {\n if (response == true) {\n window.location.href = '/logout';\n }\n else if (callback) {\n callback();\n }\n });\n }\n\n\n /*\n\n\n HTML TMPL\n\n\n */\n\n function tableWrapTmpl(content, label) {\n return '\n ${client.clientReferenceNumberLabel || \"Client Ref #\"}: ${client.clientReferenceNumber}\n
\n\n Client Name: ${client.name}\n
\n\n Phone Number: ${client.phone}\n
\n\n Address: ${client.address}\n
\n' + installer.AddressLine1 + '
'\n + '' + installer.Suburb + '
'\n + '' + installer.State + ', ' + installer.Postcode + '
'\n + 'Phone: ' + installer.Phone + '
'\n + (installer.BusinessHours ? 'Business Hours:
| \n Do you want to save the order as a draft? \n Once saved as a draft, the order can be retrieved and edited from your dashboard.\n | \n
' + $store.AddressLine1 + '
'\n + '' + $store.Suburb + '
'\n + '' + $store.State + ', ' + $store.Postcode + '
'\n + 'Phone: ' + $store.Phone + '
'\n + 'Business Hours:
![](\"/site.resource/images/infowindow_x.png\")
');\n }\n });\n\t\t},\n\t\t// Generates popup content\n\t\t_storeContent: function(store){\n\n\t\t\t// Get the Title\n\t\t\tvar _$infoContent = '';\n\t\t\tif(typeof store.Name === 'string')\n\t\t\t\t_$infoContent = '';\n\t\t\telse if(typeof store.Title === 'string')\n\t\t\t\t_$infoContent = '
';\n\n\t\t\t// Body Content\n if (typeof store.AddressLine1 == 'string' && store.AddressLine1.length > 0) {\n _$infoContent = _$infoContent + store.AddressLine1 + '
';\n }\n if (typeof store.Suburb == 'string' && store.Suburb.length > 0) {\n _$infoContent = _$infoContent + store.Suburb + '
';\n }\n if (typeof store.State == 'string' && store.State.length > 0) {\n _$infoContent = _$infoContent + store.State + ', ';\n }\n if (typeof store.Postcode == 'string' && store.Postcode.length > 0) {\n _$infoContent = _$infoContent + store.Postcode;\n }\n if (typeof store.Phone == 'string' && store.Phone.length > 0) {\n _$infoContent = _$infoContent + '
Phone: ' + store.Phone;\n }\n if (typeof store.Fax == 'string' && store.Fax.length > 0) {\n _$infoContent = _$infoContent + '
Fax: ' + store.Fax;\n }\n if (typeof store.Email == 'string' && store.Email.length > 0) {\n _$infoContent = _$infoContent + '
Email: ' + store.Email;\n }\n\t\t\tif ( typeof store.Url === 'string' )\n\t\t\t\t_$infoContent = _$infoContent + '
');\n }\n });\n\t\t},\n\t\t// Generates popup content\n\t\t_storeContent: function(store){\n\n\t\t\t// Get the Title\n\t\t\tvar _$infoContent = '';\n\t\t\tif(typeof store.Name === 'string')\n\t\t\t\t_$infoContent = '';\n\t\t\telse if(typeof store.Title === 'string')\n\t\t\t\t_$infoContent = '
';\n\n\t\t\t// Body Content\n if (typeof store.AddressLine1 == 'string' && store.AddressLine1.length > 0) {\n _$infoContent = _$infoContent + store.AddressLine1 + '
';\n }\n if (typeof store.Suburb == 'string' && store.Suburb.length > 0) {\n _$infoContent = _$infoContent + store.Suburb + '
';\n }\n if (typeof store.State == 'string' && store.State.length > 0) {\n _$infoContent = _$infoContent + store.State + ', ';\n }\n if (typeof store.Postcode == 'string' && store.Postcode.length > 0) {\n _$infoContent = _$infoContent + store.Postcode;\n }\n if (typeof store.Phone == 'string' && store.Phone.length > 0) {\n _$infoContent = _$infoContent + '
Phone: ' + store.Phone;\n }\n if (typeof store.Fax == 'string' && store.Fax.length > 0) {\n _$infoContent = _$infoContent + '
Fax: ' + store.Fax;\n }\n if (typeof store.Email == 'string' && store.Email.length > 0) {\n _$infoContent = _$infoContent + '
Email: ' + store.Email;\n }\n\t\t\tif ( typeof store.Url === 'string' )\n\t\t\t\t_$infoContent = _$infoContent + '