All is operational'; } else if (unresolvedIncidentCount === 1) { incidentText = '1 event'; } else { incidentText = `${unresolvedIncidentCount} events`; } incidentsElement.textContent = incidentText; incidentsElement.innerHTML = incidentText; } } // Update incident count initially updateIncidentCount(); $(document).ready(function() { $("a#past-incidents:contains('Past Incidents')").text('Recent events'); }); // Step 1: Select all elements with the class 'tooltip-base' const tooltipElements = document.querySelectorAll('.tooltip-base'); // Step 2: Iterate through the elements and remove '?' from their content tooltipElements.forEach(element => { if (element.textContent.trim() === '?') { element.textContent = ''; // Remove '?' } }); const svgHTML = ` `; const updatesDropdownContainer = document.querySelector('.updates-dropdown-container'); if (updatesDropdownContainer) { updatesDropdownContainer.innerHTML += svgHTML; }; function updateDirectionsText() { const directionsText = "Enter your email to receive updates on ongoing incidents or upcoming maintenances."; const directionsElement = document.querySelector('.updates-dropdown-container .directions'); if (directionsElement) { directionsElement.textContent = directionsText; } } updateDirectionsText(); const subscribeButton = document.getElementById('subscribe-btn-email'); if (subscribeButton) { subscribeButton.value = 'Subscribe via email'; } const childComponentsContainers = document.querySelectorAll('.child-components-container'); childComponentsContainers.forEach(childContainer => { const componentInnerContainers = childContainer.querySelectorAll('.component-inner-container'); componentInnerContainers.forEach(innerContainer => { const spansWithStatus = innerContainer.querySelectorAll(".component-status"); spansWithStatus.forEach(span => { const text = span.textContent.trim(); if (text === "Degraded Performance") { span.textContent = "Degraded"; } }); spansWithStatus.forEach(span => { const text = span.textContent.trim(); // Remove leading/trailing whitespace if (text === "Partial Outage") { span.textContent = "Partial"; } }); spansWithStatus.forEach(span => { const text = span.textContent.trim(); // Remove leading/trailing whitespace if (text === "Major Outage") { span.textContent = "Major"; } }); spansWithStatus.forEach(span => { const text = span.textContent.trim(); // Remove leading/trailing whitespace if (text === "Under Maintenance") { span.textContent = "Maintenance"; } }); }); }); document.addEventListener("DOMContentLoaded", function() { const originalButton = document.getElementById('replace-with-subscribe'); if (originalButton) { // Capture the HTML content of the original button const originalButtonHtml = originalButton.outerHTML; // Insert the captured HTML content into the second location const secondLocationContainer = document.querySelector('.second-location-container'); if (secondLocationContainer) { secondLocationContainer.innerHTML = originalButtonHtml; // Ensure that any associated scripts are executed const scripts = secondLocationContainer.getElementsByTagName('script'); for (let i = 0; i < scripts.length; i++) { const newScript = document.createElement('script'); newScript.text = scripts[i].text; scripts[i].parentNode.replaceChild(newScript, scripts[i]); } } } }); // Function to move updates-dropdown-container based on screen width function moveUpdatesDropdownContainer() { const screenWidth = window.innerWidth; const thresholdWidth = 1060; // Adjust this threshold as needed // Get the updates-dropdown-container element const updatesDropdownContainer = document.querySelector('[data-js-hook="updates-dropdown-container"]'); if (updatesDropdownContainer) { // Check if the screen width is less than the threshold if (screenWidth < thresholdWidth) { // Move updates-dropdown-container to a different part of the DOM const targetElement = document.getElementById('mobile-replace-with-subscribe'); // Replace with your target element ID if (targetElement) { targetElement.appendChild(updatesDropdownContainer); } } else { // Move updates-dropdown-container back to its original position const originalContainer = document.getElementById('desktop-replace-with-subscribe'); // Replace with the original container's ID if (originalContainer) { originalContainer.appendChild(updatesDropdownContainer); } } } } // Call the function on page load and resize window.addEventListener('load', moveUpdatesDropdownContainer); window.addEventListener('resize', moveUpdatesDropdownContainer);