function setStatus(text, className ) { // Show loading const statusIndicator = document.getElementById(`status-indicator`); if ( !!statusIndicator ) { // Clear all previous status-es for ( let [x, k] of statusIndicator.classList.entries() ) { statusIndicator.classList.remove(k); } // Mark as loading statusIndicator.textContent = text; statusIndicator.classList.add(className); } } function updatePost(postName) { const postContentElement = document.getElementById(`post_content`); if ( !!postContentElement && !!postContentElement.value ) { const postContent = String(postContentElement.value); if ( !!postContent && postContent.length > 0 ) { setStatus(`Loading...`, `has-text-warning`); // Generate the form data let formData = new FormData(); formData.append('name', postName); formData.append('content', postContent); // Send out a fetch request fetch("/api/post", { method: "post", body: formData, }) .then( result => { if ( result.status < 200 || result.status > 299 ) { if ( result.status == 429) { setStatus(`Too many requests, please wait`, `has-text-danger`); } else { setStatus(`Failed to Save`, `has-text-danger`); } } else { setStatus(`Saved`, `has-text-success`); } console.log(result); }) .catch( error => { console.error(error); alert(error); setStatus(`Failed to Save`, `has-text-danger`); }) } } } /** * @location / * @role Searching */ function goToPost() { // Get the post name element const postNameElement = document.getElementById(`postName`); // Check if the element exists if ( !!postNameElement ) { // Get the post name string const postName = String(postNameElement.value); // Check if the post name is valid if ( !!postName && postName.length > 0 && postName.length <= 256 ) { // Change the location window.location.href = `/${postName}`; } } } function getQr(link = `https://justkato.me/`) { return new Promise((_r, _e) => { let formData = new FormData(); formData.append('link', link); // Send out a fetch request fetch("/api/qr", { method: "post", body: formData, }) .then( result => { result.json() .then( rez => { return _r(rez); }) }) .catch( error => { console.error(error); alert(error); return _e(error); }) }) }