Bingeclock, how long does it take to the The Equalizer marathon? (2024)

'; }); //document.getElementById('marathon_miles_content').innerHTML = newContent; attachEventListeners(); } function updateTimeContent(data) { let newContent = ''; let howLongDay = data.how_long_day ? `${data.how_long_day}` : ''; newContent += howLongDay; let howLongHour = data.how_long_hour ? `${data.how_long_hour}` : ''; newContent += howLongHour; let howLongMin = data.how_long_minute ? `${data.how_long_minute}` : ''; newContent += howLongMin; document.querySelector('.date_content_div').innerHTML = newContent; } attachEventListeners();});async function turnOffMarathon(urlname) { const apiUrl = `https://www.bingeclock.com/api/turn_off_marathon/${urlname}`; if (confirm("Are you sure you want to turn this marathon off?")) { try { const response = await fetch(apiUrl, { method: 'GET', headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); if (response.ok) { alert(data.message); window.location.href = "https://www.bingeclock.com/marathons/"; } else { alert(data.error || 'An error occurred'); } } catch (error) { alert('An error occurred: ' + error.message); } }}function makeEditable() { let titleElement = document.getElementById("marathon_title"); let currentTitle = titleElement.textContent; let inputElement = document.createElement("input"); inputElement.type = "text"; inputElement.id = "editable_marathon_title"; inputElement.value = currentTitle; inputElement.onblur = function() { saveTitle(inputElement.value); }; inputElement.onkeydown = function(event) { if (event.key === "Enter") { inputElement.blur(); } }; titleElement.replaceWith(inputElement); inputElement.focus();}async function saveTitle(newTitle) { const urlname = 'the-equalizer'; const response = await fetch('https://www.bingeclock.com/api/change_marathon_title', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ urlname: urlname, new_title: newTitle }) }); const result = await response.json(); alert(result.message || result.error); let inputElement = document.getElementById("editable_marathon_title"); let titleElement = document.createElement("span"); titleElement.id = "marathon_title"; titleElement.className = "yellow-font"; titleElement.textContent = newTitle; titleElement.onclick = makeEditable; inputElement.replaceWith(titleElement);}function loadSignUpModal(mediaType, urlName, tense, title, replaceDiv, haspic) { fetch('https://www.bingeclock.com/components/sign-up.html') .then(response => response.text()) .then(data => { const style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = ` @media (min-width: 768px) { .parent-container { display: flex; flex-wrap: wrap; } .data-container { flex: 1; } .title-container { flex: 1; margin-left: 10px; } } @media (max-width: 768px) { .title-container { margin-left: 0; margin-top: 10px; } } .title-content { display: flex; flex-direction: column; align-items: center; } .title-content a { display: flex; flex-direction: column; align-items: center; text-align: center; } .title-container img { margin-top: 10px; } `; document.head.appendChild(style); const parentDiv = document.createElement('div'); parentDiv.className = 'parent-container'; const dataDiv = document.createElement('div'); dataDiv.className = 'data-container'; dataDiv.innerHTML = data; const titleDiv = document.createElement('div'); titleDiv.className = 'title-container'; if (title !== 'blank') { let tenseTitle = ''; if (tense === 'watch') { tenseTitle = 'to-do'; } else if (tense === 'seen') { tenseTitle = 'done'; } let titleContent = ''; if (mediaType === 'clone') { titleContent = `The ${title} marathon will be cloned into your marathons.`; } else if (mediaType === 'marathon') { titleContent = `The ${title} marathon will start off your new ${tenseTitle} list.`; } else { titleContent = `${title} will start off your new ${tenseTitle} list.`; } if (haspic === 'y') { let imgLocation = ''; if (mediaType === 'film') { imgLocation = `https://www.bingeclock.com/vertical_images_films_182/${urlName}.webp`; } else if (mediaType === 'show') { imgLocation = `https://www.bingeclock.com/horizontal_images_shows_182/${urlName}.webp`; } titleContent += `
`; } let toBeAddedUrl = ''; if (mediaType === 'film') { toBeAddedUrl = `https://www.bingeclock.com/film/title/${urlName}/`; } else if (mediaType === 'show') { toBeAddedUrl = `https://www.bingeclock.com/s/${urlName}/`; } else if (mediaType === 'marathon') { toBeAddedUrl = `https://www.bingeclock.com/marathon/${urlName}/`; } titleDiv.innerHTML = `

`; } parentDiv.appendChild(dataDiv); parentDiv.appendChild(titleDiv); const replaceElement = document.getElementById(replaceDiv); replaceElement.innerHTML = ''; replaceElement.appendChild(parentDiv); document.getElementById('passItemData').value = `${mediaType},${urlName},${tense}`; initializeSignUpForm(); }) .catch(error => console.error('Error loading HTML:', error));}function initializeSignUpForm() { const form = document.getElementById("signUpForm"); const loadingDiv = document.getElementById("loading"); function isValidEmail(email) { const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return regex.test(email); } function isValidPassword(password) { const hasUpperCase = /[A-Z]/.test(password); const hasNumber = /\d/.test(password); const isAtLeast8Chars = password.length >= 8; const hasSpecialChar = /[!@#$%^&()]/.test(password); return hasUpperCase && hasNumber && isAtLeast8Chars && hasSpecialChar; } function passwordsMatch(password, confirmPassword) { return password === confirmPassword; } form.addEventListener("submit", function(event) { event.preventDefault(); setTimeout(() => { const email = document.querySelector('[name="email"]').value; const password = document.querySelector('[name="password"]').value; const passwordConfirm = document.querySelector('[name="passwordConfirm"]').value; const tosChecked = document.querySelector('[name="tos"]').checked; if (!tosChecked) { alert("You must accept the Terms of Service to proceed."); return; } if (!isValidEmail(email)) { alert("Please enter a valid email address."); return; } if (!isValidPassword(password)) { alert("Password must be at least 8 characters long and contain at least 1 uppercase letter, 1 number, and 1 character from !@#$%^&"); return; } if (!passwordsMatch(password, passwordConfirm)) { alert("The passwords do not match. Please try again."); return; } form.style.display = "none"; loadingDiv.style.display = "block"; const username = document.querySelector('[name="username"]').value; const passItemData = document.querySelector('[name="passItemData"]').value; const tos = "accepted"; const data = { username, password, email, passItemData, tos }; fetch("https://www.bingeclock.com/api/registration", { method: "POST", headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(data), }) .then(response => response.json()) .then(data => { if (data.message && data.message === "Registration successful") { const sessionToken = data.session_token; window.location.href = "/user_system/login_success.php?t=" + sessionToken + "&r=registration"; } else { alert(`${dataerror}. Please try again.`); } }) .catch(error => { alert(`${error}. Please try again.`); }); }, 100); }); const passwordInput = document.querySelector('[name="password"]'); const passwordStrengthIndicator = document.createElement('div'); passwordInput.parentNode.insertBefore(passwordStrengthIndicator, passwordInput.nextSibling); passwordInput.addEventListener('input', function() { const password = passwordInput.value; if (password.length === 0) { passwordStrengthIndicator.textContent = ''; passwordInput.style.borderColor = ''; } else if (isValidPassword(password)) { passwordStrengthIndicator.textContent = 'Strong password'; passwordStrengthIndicator.style.color = 'green'; passwordInput.style.borderColor = 'green'; } else { passwordStrengthIndicator.textContent = 'Password must be at least 8 characters long and contain at least 1 uppercase letter, 1 number, and 1 character from !@#$%^&'; passwordStrengthIndicator.style.color = 'red'; passwordInput.style.borderColor = 'red'; } });}