function isShopConfirmation(t) { return t.id.startsWith('buy1-') || t.id.startsWith('buy2-'); } function prePostToastNonShopActions(t, url, button1, button2, className) { let isShopConfirm = isShopConfirmation(t); if (!isShopConfirm) { t.disabled = true; t.classList.add("disabled"); } } function getMessageFromJsonData(success, json) { let message = success ? "Success!" : "Error, please try again later"; let key = success ? "message" : "error"; if (!json || !json[key]) return message; message = json[key]; if (!success && json["details"]) { message = json["details"]; } return message; } function showToast(success, message, isToastTwo=false) { let element = success ? "toast-post-success" : "toast-post-error"; let textElement = element + "-text"; if (isToastTwo) { element = element + "2"; textElement = textElement + "2"; } if (!message) { message = success ? "Success" : "Error, please try again later"; } document.getElementById(textElement).innerText = message; bootstrap.Toast.getOrCreateInstance(document.getElementById(element)).show(); } function postToastLoad(xhr, className, button1, button2, extraActionsOnSuccess, extraActionsOnError) { let data try { data = JSON.parse(xhr.response) } catch (e) { console.log(e) } success = xhr.status >= 200 && xhr.status < 300; showToast(success, getMessageFromJsonData(success, data)); if (success) { if (button1) { if (typeof(button1) == 'boolean') { location.reload() } else { document.getElementById(button1).classList.toggle(className); document.getElementById(button2).classList.toggle(className); } } if (extraActionsOnSuccess) extraActionsOnSuccess(xhr); } else { if (extraActionsOnError) extraActionsOnError(xhr); } } function postPostToastNonShopActions(t, url, button1, button2, className) { let isShopConfirm = isShopConfirmation(t); if (!isShopConfirm) { setTimeout(() => { t.disabled = false; t.classList.remove("disabled"); }, 2000); } } function createXhrWithFormKey(url, method="POST", form=new FormData()) { const xhr = new XMLHttpRequest(); xhr.open(method, url); xhr.setRequestHeader('xhr', 'xhr'); if (!form) form = new FormData(); form.append("formkey", formkey()); return [xhr, form]; // hacky but less stupid than what we were doing before } function postToast(t, url, button1, button2, className, extraActions, extraActionsError) { prePostToastNonShopActions(t, url, button1, button2, className); const xhr = createXhrWithFormKey(url); xhr[0].onload = function() { postToastLoad(xhr[0], className, button1, button2, extraActions, extraActionsError) postPostToastNonShopActions(t, url, button1, button2, className) }; xhr[0].send(xhr[1]); } function postToast_callback(url, data, callback) { let form = new FormData(); if(typeof data === 'object' && data !== null) { for(let k of Object.keys(data)) { form.append(k, data[k]); } } const xhr = createXhrWithFormKey(url, "POST", form); xhr[0].onload = function() { let result if (callback) result = callback(xhr[0]); let message; let success = xhr[0].status >= 200 && xhr[0].status < 300; if (typeof result == "string") { message = result; } else { message = getMessageFromJsonData(success, JSON.parse(xhr[0].response)); } let oldToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-' + (success ? 'error': 'success'))); // intentionally reversed here: this is the old toast oldToast.hide(); showToast(success, message); return success; }; xhr[0].send(xhr[1]); } if (window.location.pathname != '/submit') { document.addEventListener('keydown', (e) => { if(!((e.ctrlKey || e.metaKey) && e.key === "Enter")) return; const targetDOM = document.activeElement; if(!(targetDOM instanceof HTMLTextAreaElement || targetDOM instanceof HTMLInputElement)) return; const formDOM = targetDOM.parentElement; const submitButtonDOMs = formDOM.querySelectorAll('input[type=submit], .btn-primary'); if(submitButtonDOMs.length === 0) throw new TypeError("I am unable to find the submit button :(. Contact the head custodian immediately.") const btn = submitButtonDOMs[0] btn.click(); }); } addEventListener('show.bs.modal', function (e) { location.hash = "modal"; }); addEventListener('hide.bs.modal', function (e) { if(location.hash == "#modal") { history.back(); } }); addEventListener('hashchange', function (e) { if(location.hash != "#modal") { const curr_modal = bootstrap.Modal.getInstance(document.getElementsByClassName('show')[0]) if (curr_modal) curr_modal.hide() } }); function disable(t) { t.classList.add('disabled'); setTimeout(() => { t.classList.remove("disabled"); }, 2000); } function autoExpand (field) { xpos=window.scrollX; ypos=window.scrollY; field.style.height = 'inherit'; var computed = window.getComputedStyle(field); var height = parseInt(computed.getPropertyValue('border-top-width'), 10) + parseInt(computed.getPropertyValue('padding-top'), 10) + field.scrollHeight + parseInt(computed.getPropertyValue('padding-bottom'), 10) + parseInt(computed.getPropertyValue('border-bottom-width'), 10); field.style.height = height + 'px'; if (Math.abs(window.scrollX - xpos) < 1 && Math.abs(window.scrollY - ypos) < 1) return; window.scrollTo(xpos,ypos); }; document.addEventListener('input', function (event) { if (event.target.tagName.toLowerCase() !== 'textarea') return; autoExpand(event.target); }, false); function smoothScrollTop() { window.scrollTo({ top: 0, behavior: 'smooth' }); } // Click navbar to scroll back to top (() => { let toplisteners = [ document.querySelector('nav') ]; for (let i of toplisteners) { i.addEventListener('click', (e) => { if (e.target.id === "navbar" || e.target.classList.contains("container-fluid") || e.target.id == "navbarResponsive" || e.target.id == "logo-container" || e.target.classList.contains("srd")) smoothScrollTop(); }, false); } })(); // Dynamic shadow when the user scrolls document.addEventListener('scroll',function (event) { let nav = document.querySelector("nav"); let i = (Math.min(20, window.scrollY/4)+1)/21; nav.style.boxShadow="0px 2px "+i*21+"px rgba(15,15,15,"+i*.3+")"; if (window.scrollY <= 0) { // nav.classList.remove("shadow"); nav.classList.remove("navbar-active"); nav.style.boxShadow = "unset"; } else { // nav.classList.add("shadow"); nav.classList.add("navbar-active"); } }, false); function formkey() { let formkey = document.getElementById("formkey") if (formkey) return formkey.innerHTML; else return null; } function expandDesktopImage(url) { const e = this.event if(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return true; e.preventDefault(); if (!url) { url = e.target.dataset.src if (!url) url = e.target.src } document.getElementById("desktop-expanded-image").src = url.replace("200w_d.webp", "giphy.webp"); document.getElementById("desktop-expanded-image-wrap-link").href = url; bootstrap.Modal.getOrCreateInstance(document.getElementById('expandImageModal')).show(); }; document.addEventListener("click", function(e){ const element = e.target if (element instanceof HTMLImageElement && element.alt.startsWith('![](')) expandDesktopImage() }); function bs_trigger(e) { let tooltipTriggerList = [].slice.call(e.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function(element){ return bootstrap.Tooltip.getOrCreateInstance(element); }); const popoverTriggerList = [].slice.call(e.querySelectorAll('[data-bs-toggle="popover"]')); popoverTriggerList.map(function(popoverTriggerEl) { const popoverId = popoverTriggerEl.getAttribute('data-content-id'); let contentEl; try {contentEl = e.getElementById(popoverId);} catch(t) {contentEl = document.getElementById(popoverId);} if (contentEl) { return bootstrap.Popover.getOrCreateInstance(popoverTriggerEl, { content: contentEl.innerHTML, html: true, }); } }) if (typeof update_speed_emoji_modal != 'undefined') { let forms = e.querySelectorAll("textarea, .allow-emojis"); forms.forEach(i => { let pseudo_div = document.createElement("div"); pseudo_div.className = "ghostdiv"; pseudo_div.style.display = "none"; i.after(pseudo_div); i.addEventListener('input', update_speed_emoji_modal, false); i.addEventListener('keydown', speed_carot_navigate, false); }); } } var bsTriggerOnReady = function() { bs_trigger(document); } if (document.readyState === "complete" || (document.readyState !== "loading" && !document.documentElement.doScroll)) { bsTriggerOnReady(); } else { document.addEventListener("DOMContentLoaded", bsTriggerOnReady); } function escapeHTML(unsafe) { return unsafe.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'"); } function changename(s1,s2) { const files = document.getElementById(s2).files; if (files.length > 4) { alert("You can't upload more than 4 files at one time!") document.getElementById(s2).files = null return } let filename = ''; for (const e of files) { filename += e.name.substr(0, 20) + ', '; } document.getElementById(s1).innerHTML = escapeHTML(filename.slice(0, -2)); } function showmore() { const btn = this.event.target const div = btn.parentElement.nextElementSibling div.classList.toggle('d-none') if (div.classList.contains('d-none')) btn.innerHTML = 'SHOW MORE' else btn.innerHTML = 'SHOW LESS' } function formatDate(d) { var year = d.getFullYear(); var monthAbbr = d.toLocaleDateString('en-us', {month: 'short'}); var day = d.getDate(); var hour = ("0" + d.getHours()).slice(-2); var minute = ("0" + d.getMinutes()).slice(-2); var second = ("0" + d.getSeconds()).slice(-2); var tzAbbr = d.toLocaleTimeString('en-us', {timeZoneName: 'short'}).split(' ')[2]; return (day + " " + monthAbbr + " " + year + " " + hour + ":" + minute + ":" + second + " " + tzAbbr); } const timestamps = document.querySelectorAll('[data-time]'); for (const e of timestamps) { const date = new Date(e.dataset.time*1000); e.innerHTML = formatDate(date); }; function timestamp(str, ti) { const date = new Date(ti*1000); document.getElementById(str).setAttribute("data-bs-original-title", formatDate(date)); }; function areyousure(t) { if (t.value) t.value = 'Are you sure?' else t.innerHTML = t.innerHTML.replace(t.textContent, 'Are you sure?') t.setAttribute("onclick", t.dataset.click); if (t.dataset.dismiss) t.setAttribute("data-bs-dismiss", t.dataset.dismiss); } function prepare_to_pause(audio) { for (const e of document.querySelectorAll('video,audio')) { e.addEventListener('play', () => { if (!audio.paused) audio.pause(); }); } for (const e of document.getElementsByTagName('lite-youtube')) { e.addEventListener('click', (event) => { if (!audio.paused) audio.pause(); }); } }