Lennox 19K10, EL18XCV Series, 3 Ton Variable Capacity Air Conditioner, 208-230 V 1 Ph (2023)

"; // Converts HTML string to DOM nodes var disabledProductPLPMessageContainer = createEmergencyProductAlert(disabledProductPLPMessage); // Insert after the shipping information insertCustomAlert(disabledProductPLPMessageContainer, shippingElement); } // Function to display PDP messages on PDP function generatedDisabledProductMessagePDP( ) { // Find the product box var shippingElement = document.querySelector(".product-actions .OT-Product-Shipping-Pickup"); // Hide the shipping information shippingElement.style.display = "none"; // This is a Cirrus Warning var disabledProductPDPMessage = "

"; // Converts HTML string to DOM nodes var disabledProductPDPMessageContainer = createEmergencyProductAlert(disabledProductPDPMessage); // Insert after the shipping information insertCustomAlert(disabledProductPDPMessageContainer, shippingElement); } // Automatically create the quick order drop-down alert createQuickOrderError() { // Find a place to insert the error message var errorPosition = document.getElementById("valueretention"); // This is a Cirrus warning var disabledQuickOrderMessage = "

"; // Converts HTML string to DOM nodes var disabledQuickOrderMessageContainer = createEmergencyProductAlert(disabledQuickOrderMessage); disabledQuickOrderMessageContainer.style.display = "none"; disabledQuickOrderMessageContainer.id = "quick-order-product-error-box"; // Insert after the " Add more input fields". Add the error message only once! if(document.getElementById("quick-order-product-error-box") === null) { insertCustomAlert(disabledQuickOrderMessageContainer, errorPosition); } } / / Automatically create the alert on the quick order page function createLargeQuickOrderError() { // Find a place to insert the error var errorPosition = document.querySelector("#quickOrderForm .form-list"); // This is a Cirrus alert var disabledQuickOrderMessage = "

"; // Converts HTML string to DOM nodes var disabledQuickOrderMessageContainer = createEmergencyProductAlert(disabledQuickOrderMessage); disabledQuickOrderMessageContainer.style.display = "none"; disabledQuickOrderMessageContainer.id = "quick-order-large-product-error-box"; // Insert after the list of edit boxes. Insert the error message only once! if(document.getElementById("quick-order-large-product-error-box") === null) { insertCustomAlert(disabledQuickOrderMessageContainer, errorPosition); }} // Controls the display of the specific alert function showProductAlertMessage(el) { // Find the element and display it.if(document.getElementById(el) !== null) { document.getElementById(el).style.display = "block " ; } } // Controls hiding the quick order alert feature hideProductAlertMessage(el) { // Find the element and hide it.if(document.getElementById(el) !== null) { document.getElementById(el). style.display = "none"; } } /* ************************** Emergency Product App ********* ***************** */ // Wait for the site to load window.addEventListener('load', function() { // If the emergency disabled products array is active , Disable PDP/PLP/Cart page if(emergencyDisabledProducts.length > 0) { // Cycle through all emergencyDisabledProducts.forEach(function(product) { // This ID can be found on the PDP and PLP pages. It blocks the add to cart button var createButtonID = "#product-button-" + product; // If the element exists, start blocking the product if(document.querySelector(createButtonID) !== null) { // Warning message here // Disable the add to cart button. There are multiple ajax requests running to trigger this, so it's on an interval to override them as they occur. // Could probably just delete the button (to remove the event listeners) and create a new one. This would delete the timer. setInterval(function() { if(document.querySelector(createButtonID) !== null) { document.querySelector(createButtonID).disabled = true;if($(createButtonID).parent().parent().find('input [type="checkbox"]') !='undefined'){$(createButtonID).parent().parent().find('input[type="checkbox"]').attr('disabled', true );} } }, 500); // Find the Product column on the PLP template and add the warning if(document.querySelector(".page-productListing") !== null) { generatedDisabledProductMessagePLP(product); } // Find the Product column in the search page template and add the warning if(document.querySelector(".page-search") !== null) { generatedDisabledProductMessagePLP(product); } // Find the product page template and add the warning if(document.querySelector(".page-productDetails .product-content #productStatus-" + product) !== null) { generatedDisabledProductMessagePDP(product); } } // Find the related products carousel and delete its products. Removing the DOM elements avoids a layout problem with the product carousel if(document.querySelector(".page-productDetails .product-collateral [data-product-id="" + product + "']") !== null) { document.querySelector(".page-productDetails .product-collateral [data-product-id="" + product + "']").remove(); } // This class resides on the cart page and scans for length if(document.querySelector(".page-cartPage [data-product-id="" + product + "']") !== null) { / / OT Cart has custom cart code that must be scanned before warning bar is applied if(document.getElementById("OT-Cart__OrderSummer") !== null) { // Go through both checkout buttons and disable them document.querySelectorAll (".checkoutButtonForOT" ).forEach(function(el) { // Disables all click events el.addEventListener("click", function(e) {e.preventDefault();}); // CSS class for styling el. classList.add( "switched off"); }); // Find all specific product rows and add the warning after them // Some rows in the OT cart are not products if(document.querySelector("[data-code="" + product + "']") !== null ) { document.querySelectorAll("[data-code='" + product + "']").forEach(function(targetRow) { // The `data-bundle` item appears to specify product rows if(targetRow.getAttribute( "data- bundleitem") !== null) { // Remove styling targetRow.style.border = "0"; // This is a Cirrus warning // OT cart has 6 columns instead of 5 in normal cart, so set in the colspan to 6 var outOfStockAlert = "

"; // Converts HTML string to DOM nodes var outOfStockAlertContainer = document.createElement("tr"); outOfStockAlertContainer.classList.add("cirrus"); outOfStockAlertContainer.innerHTML = outOfStockAlert; // Insert warning after product row insertCustomAlert (outOfStockAlertContainer , targetRow); } }); } } else { // Go through and disable both checkout buttons document.querySelectorAll(".checkoutButton").forEach(function(el) { // Disables all click events el. addEventListener(" click", function(e) {e.preventDefault();}); // CSS class for styling el.classList.add("disabled"); }); // Find all specific product rows and add the warning after it // Mobile has a different cart view, it uses divs for some reason if(window.location.hostname.split(".")[0] === "m") { if(document. querySelector("[data -product-id="" + product + "']") !== null) { document.querySelectorAll("[data-product-id="" + product + "']").forEach (function(targetRow) { // Remove styling targetRow = targetRow.parentNode; targetRow.style.border = "0"; // This is a Cirrus Alert var outOfStockAlert = "

"; // Converts HTML string to DOM nodes var outOfStockAlertContainer = document.createElement("div"); outOfStockAlertContainer.classList.add("cirrus"); outOfStockAlertContainer.innerHTML = outOfStockAlert; // Insert warning after product row insertCustomAlert (outOfStockAlertContainer , targetRow); }); } else { if(document.querySelector("[data-code='" + product + "']") !== null) { document.querySelectorAll("[data-code= ' " + product + "']").forEach(function(targetRow) { // Remove styling targetRow.style.border = "0"; // This is a Cirrus Alert var outOfStockAlert = "

"; // Converts HTML string to DOM nodes var outOfStockAlertContainer = document.createElement("tr"); outOfStockAlertContainer.classList.add("cirrus"); outOfStockAlertContainer.innerHTML = outOfStockAlert; // Insert warning after product row insertCustomAlert (outOfStockAlertContainer , targetRow);});}} hide them too. // Setting the 'display' CSS property to 'none' doesn't seem to cause a layout issue with Cross Sell Up Sell. if(document.querySelector( "#add-to-cart #product-tile- " + product) !== null) { document.querySelector("#add-to-cart #product-tile-" + product).style.display = "none" ; } }, 500); // Mobile accessories button should filter through and remove the items Only CSS causes layout issues on mobile // This is on a timeout for the DOM to finish loading ajax requests setTimeout( function() { if(window.location.hostname.split( ".")[0] === "m") { // The accessory item is in a parent div, so the whole element should be removed if (document.querySelector("[data-acc-product-id='" + product + "']") !== null) { document.querySelector("[data-acc-product-id='" + product + "']").parentNode.remove(); } // Some accessories are generated with AJX, so this interval will remove them if a click event is detected if(document.querySelector(".page-productDetails #accessories") !== null) { document.querySelector(".page- productDetails #accessories").addEventListener("click", function() { setInterval(function() { if(document.querySelector("[data-acc-product-id="" + product + "']") != = null) { document.querySelector("[data-acc-product-id="" + product + "']").parentNode.remove(); } }, 500); }) } } else { // Remove the accessory element on desktop to avoid CSS layout issues if(document.querySelector("[data-acc-product-id='" + product + "']") !== null) { document.querySelector( "[data-acc -product-id='" + product + "']").delete(); } // Some accessories are generated with AJX, so this interval will remove them if a click event is detected if(document.querySelector(".page-productDetails #accessories") !== null) { document.querySelector(".page- productDetails #accessories").addEventListener("click", function() { setInterval(function() { if(document.querySelector("[data-acc-product-id="" + product + "']") != = null) { document.querySelector("[data-acc-product-id="" + product + "']").remove(); } }, 500); }) } } }, 500); }); // Block fast order // This is a temporary variable so we can detect when it changes in an interval var scanForBlockedProducts = null; // Activate only when shortcut menu is available if(document.querySelector("[href='#quick-order-menu']") !== null) { document.querySelector("[href='#quick-order- menu']").addEventListener("click", function() { // The "shown" class doesn't appear immediately, so use a timer and wait for it to finish setTimeout(function() { // Grab all classes and convert from NodeList to an Array var listOfQuickOrderClasses = document.getElementById("quick-order-menu").classList; listOfQuickOrderClasses = Array.from(listOfQuickOrderClasses); // Generates the warning bar and adds it to the DOM, which is hidden by default createQuickOrderError (); // If the quick order page is visible, start scanning every 500 ms if(listOfQuickOrderClasses.includes("shown")) { scanForBlockedProducts = setInterval(function() { // Set base variable. If this gets changed to "true", the error will be displayed, if not, the error will be hidden var blockedProductExists = false; // Scan all input fields. Initially this was an event listener, but there are additional events that occur when the system tries to validate the catalog number document.querySelectorAll("#quick-order-menu input").forEach(function(el) { // If the item is in our list of emergency products, color the input field red if(emergencyDisabledProducts.includes(el. value.toUpperCase())) { blockedProductExists = true; el.classList.add("error"); } else { el.classList.remove( "wrong"); } }); // If there is at least one blocked product, show the warning message if(blockedProductExists) { document.querySelector(".quick-order-menu").disabled = true; showProductAlertMessage("quick-order-product-error-box"); } else { document.querySelector(".quick-order-menu").disabled = false; hideProductAlertMessage("quick-order-product-error-box"); } // If the user disables or closes the quick order dropdown, clear the interval if(!Array.from(document.getElementById("quick-order-menu").classList).includes("shown")) { clearInterval(scanForBlockedProducts); } }, 500); } }, 500) }); } // Quick order page if(document.querySelector(".page-quickOrder") !== null) { // Create the warning message and add it to the DOM. It is hidden by default createLargeQuickOrderError(); // Start scanning the list of blocked products setInterval(function() { var blockLargeProductExists = false; document.querySelectorAll("#quickOrderForm input").forEach(function(el) { // If the item in our list of emergency products state, make input field red if(emergencyDisabledProducts.includes(el.value.toUpperCase())) { blockedLargeProductExists = true; el.classList.add("error"); } else { el.classList.remove("error" ); } }); // If there is at least one blocked product, show the warning message if(blockedLargeProductExists) { document.querySelector(".quick-order-submit").disabled = true; showProductAlertMessage("quick-order- large -product-error-box"); } else { document.querySelector(".quick-order-submit").disabled = false; hideProductAlertMessage("quick-order-large-product-error-box") }}, 500); } } });