"; contactFormHeader = "
Hulp nodig?
Antwoord binnen 12 uren op werkdagen
"; phoneFormHeader = "
Bellen
" + rbnPhoneAvailabilityString + "
"; //Get ROBIN chat availability let rbnOnlineUsers = []; const rbnUsers = __robin.getWebStoreUsers(); for (let i = 0; i < rbnUsers.length; i++) { if (rbnUsers[i].actualPresence == 'online') { rbnOnlineUsers.push(rbnUsers[i]); } } //If online if (rbnOnlineUsers.length > 0) { //Set tab variation rbnTabSelector = "robin_tab"; //Display ROBIN tab document.getElementById(rbnTabSelector).classList.add("robin--online"); //AddEventListener to robin tab document.getElementById(rbnTabSelector).addEventListener("click", function () { rbnUpdateFormAndButton(); }); //Add header rbnAddCustomHeader("online"); //Add zelf-regelen footer rbnAddCustomFooter(); } //If not online else { //Hide chat option footer $('.robin-contact').hide(); //Append custom tab const rbnCreateCustomButton = document.createElement('div'); rbnCreateCustomButton.setAttribute("id", "robin_custombutton"); rbnCreateCustomButton.setAttribute("onclick", "rbnUpdateFormAndButton('default')") document.getElementsByTagName('body')[0].appendChild(rbnCreateCustomButton); //Set tab variation rbnTabSelector = "robin_custombutton"; //create custom form rbnCustomForm.setAttribute("id", "robin_customform"); rbnCustomForm.innerHTML = "
- RetournerenFAQ
"; document.getElementsByTagName('body')[0].appendChild(rbnCustomForm); //Add offline header to forms rbnAddCustomHeader(); //Add zelf-regelen footer rbnAddCustomFooter(); } //Change tab to active if ROBIN widget is open let widgetOpen = sessionStorage.getItem('rbn_displaystate'); if (widgetOpen == 'on') { rbnUpdateFormAndButton(); } function rbnAddCustomHeader(onlineState) { const rbnHeader = document.createElement('div'); rbnHeader.setAttribute("class", "rbnHeader"); if (onlineState === "online") { rbnHeader.innerHTML = "
Chat met " + rbnChatterFirstName + "
" + rbnClosingTimeString + "
"; rbnContainer.appendChild(rbnHeader); } else { //Add header to custom form rbnHeader.innerHTML = offlineFormHeader; rbnCustomForm.insertBefore(rbnHeader, document.getElementById('contactOptions')); //Add header to robin form let channel = sessionStorage.getItem('rbn_channel'); const rbnDefaultOfflineHeader = document.createElement('div'); rbnDefaultOfflineHeader.setAttribute("class", "rbnHeader"); rbnDefaultOfflineHeader.innerHTML = offlineFormHeader; if (channel === "contact_form") { rbnDefaultOfflineHeader.innerHTML = contactFormHeader; } else if (channel === "phone") { rbnDefaultOfflineHeader.innerHTML = phoneFormHeader; } rbnContainer.appendChild(rbnDefaultOfflineHeader); } } function rbnAddCustomFooter() { const rbnFooter = document.createElement('div'); rbnFooter.setAttribute("id", "zelfRegelen"); rbnFooter.innerHTML = '
Zelf regelen
We helpen je graag op weg
- RetournerenFAQ
'; rbnContainer.appendChild(rbnFooter); } //AddEventListener to footer menu const rbnZelfRegelenMenuSelector = document.getElementById('zelfRegelenMenu'); if (rbnZelfRegelenMenuSelector) { rbnZelfRegelenMenuSelector.addEventListener("click", function (e) { let anchor = e.target.closest('a'); //If zelf regelen menu item clicked, hide widget on next page if (anchor !== null) { __robin.hide(); } }); } } } }; if ($('.product-info-container').length) { setTimeout(function () { let productId = $('.productInfo').attr('data-id'); let productTitle = $('.productInfo h1').text(); let productUrl = window.location.href; let productImage = $('.main-slick-slider .slick-slide:first-child source').attr('data-srcset'); let productPrice = $('.product-price-wrap strong').text(); let productStock = $('.product-stock').text(); if (typeof __robin != 'undefined') { __robin.addViewedProduct({ id: productId, name: productTitle, url: productUrl, imageUrl: productImage, price: productPrice, currency: '€', availability: productStock, }); } }, 2000); } $(document).on('shown.bs.modal', '#cnu-slide', function () { setTimeout(function () { if ($('.modal-cart .slide-cart').length) { $('.cart-row').each(function () { let cartId = $(this).find('.cart-product-title').attr('data-id'); let cartName = $(this).find('.cart-product-title').text(); let cartAmount = $(this).find('.cart-price-amount-text strong').text(); let cartPrice = $(this).find('.cart-price-amount-text .cart-price').text(); if (typeof __robin != 'undefined') { __robin.setCartContents([{ id: cartId, name: cartName, quantity: cartAmount, unitPrice: cartPrice, currency: '€', }, ]); } }); } }, 2000); }); if ($('.checkout').length) { setTimeout(function () { $('.product-overview-item-container').each(function () { let cartId = $(this).find('.product-info .productLink').attr('data-id'); let cartName = $(this).find('.product-info .productLink').text(); let cartAmount = $(this).find('.product-info-wrap input').attr('value'); let cartPrice = $(this).find('.product-info-wrap .cart-price').text(); if (typeof __robin != 'undefined') { __robin.setCartContents([{ id: cartId, name: cartName, quantity: cartAmount, unitPrice: cartPrice, currency: '€', }, ]); } }); }, 2000); } } else { console.log('$ not found for RobinHQ script') } clearInterval(waitForJQuery); }, 400); function rbnCustomFooterToggle() { document.getElementById("zelfRegelen").classList.toggle("zelfRegelen--open"); } function rbnUpdateFormAndButton(rbnFormType, rbnUpdateTab) { let widgetOpen = sessionStorage.getItem('rbn_displaystate'); if (rbnUpdateTab !== "false") { //Update tab state document.getElementById(rbnTabSelector).classList.toggle('widget--open'); } //If robin tab if (rbnTabSelector == "robin_tab") { //update tab if (widgetOpen == 'on') { document.getElementById(rbnTabSelector).setAttribute('onclick', '__robin.hide();') } else { document.getElementById(rbnTabSelector).setAttribute('onclick', '__robin.show();') } //update form if (rbnFormType == "hide") { __robin.hide(); document.getElementById(rbnTabSelector).setAttribute('onclick', '__robin.show();') } else if (rbnFormType == "chat") { __robin.show('chat'); document.getElementById(rbnTabSelector).setAttribute('onclick', '__robin.hide();') } } //If custom tab or close button else { let customRobinButton = document.getElementById(rbnTabSelector); let rbnHeaderSelector = document.getElementById('robin_container').getElementsByClassName('rbnHeader')[0]; if (widgetOpen == "on") { document.getElementById(rbnTabSelector).setAttribute("onclick", "rbnUpdateFormAndButton('hide')") } if (rbnFormType == "default") { document.getElementById('robin_customform').style.display = "block"; document.getElementById(rbnTabSelector).setAttribute("onclick", "rbnUpdateFormAndButton('hide')") } if (rbnFormType == "chat") { document.getElementById('robin_customform').style.display = "none"; __robin.show('chat'); rbnHeaderSelector.innerHTML = contactFormHeader; document.getElementById(rbnTabSelector).setAttribute("onclick", "rbnUpdateFormAndButton('hide')") } else if (rbnFormType === "contact_form") { document.getElementById('robin_customform').style.display = "none"; __robin.show('contact_form'); rbnHeaderSelector.innerHTML = contactFormHeader; //customRobinButton.setAttribute('onclick','rbnUpdateFormAndButton("hide");') rbnTabSelector.setAttribute('onclick', 'rbnUpdateFormAndButton("hide");') } else if (rbnFormType === "phone") { document.getElementById('robin_customform').style.display = "none"; __robin.show('phone'); rbnHeaderSelector.innerHTML = phoneFormHeader; } else if (rbnFormType == "back") { if (widgetOpen == 'on') { __robin.hide(); document.getElementById('robin_customform').style.display = "block"; } } else if (rbnFormType == "hide") { if (widgetOpen == 'on') { __robin.hide(); document.getElementById(rbnTabSelector).setAttribute('onclick', 'rbnUpdateFormAndButton("default")') } else { document.getElementById('robin_customform').style.display = "none"; document.getElementById(rbnTabSelector).setAttribute('onclick', 'rbnUpdateFormAndButton("default")') if (document.getElementById(rbnTabSelector).classList.contains('widget--open')) { document.getElementById(rbnTabSelector).classList.remove('widget--open'); } } } } }