down-message/script.js

64 lines
No EOL
1.7 KiB
JavaScript

async function websiteUp(url) {
// TODO Fix CORS
try {
const response = await fetch(url, { method: 'head' });
console.log(response);
return false;
} catch (error) {
console.error(`An error occurred while checking the URL '${url}': ${error.message}`);
}
}
async function check(destination, container, dot, message, button) {
const destinationUp = await websiteUp(destination);
if (destinationUp) {
console.log('Destination is back up');
dot.className = 'dot green';
message.textContent = 'URL is back online.';
button.textContent = "Go to URL.";
button.onclick = function () {
window.location.href = destination;
};
} else {
dot.className = 'dot red';
message.textContent = 'URL is still down.';
button.textContent = "Check again.";
button.onclick = function () {
check(destination, container, dot, message, button);
};
}
button.style.visibility = 'visible';
}
function createCheckButton(destination) {
const dot = document.createElement('span');
dot.className = 'dot orange';
dot.id = 'checkDot';
const message = document.createElement('span');
message.textContent = 'Checking availability...';
const button = document.createElement('button');
button.style.visibility = 'hidden';
const container = document.getElementById('checkContainer');
container.appendChild(dot);
container.appendChild(message);
container.appendChild(button);
check(destination, container, dot, message, button);
}
function checkDestination() {
const url = window.location.search;
const searchParams = new URLSearchParams(url);
const destination = searchParams.get('destination');
if (destination) {
createCheckButton(destination);
}
}
checkDestination();