FreePad/static/js/pad-scripts.js

204 lines
5.1 KiB
JavaScript

function sendMyData(el) {
const formData = new FormData();
// Check if the writing watch was sending something already
if ( !!window.writingWatch ) {
// Clear old timeout
clearTimeout(window.writingWatch);
}
if ( el.value.length > maximumPadSize ) {
let err = new Error(`Your Pad is too big! Please keep it limited to ${maximumPadSize} characters!`);
alert(err);
throw err;
}
el.setAttribute(`readonly`, `1`);
formData.set("content", el.value);
updateStatus(`Attempting to save...`, `text-warning`);
fetch(window.location.href.toString(), {
body: formData,
method: "post",
})
.then( resp => {
resp.json()
.then( e => {
document.getElementById(`last_modified_`).value = e.pad.last_modified;
updateStatus(`Succesfully Saved`, `text-success`);
})
.catch( err => {
updateStatus(`Failed to Save`, `text-danger`);
console.error(err);
})
})
.catch( err => {
updateStatus(`Failed to Save`, `text-danger`);
console.error(err);
})
.finally( () => {
el.removeAttribute(`readonly`);
})
}
function toggleWritingWatch(el) {
// Check if the writing watch was sending something already
if ( !!window.writingWatch ) {
// Clear old timeout
clearTimeout(window.writingWatch);
}
// Set a timeout for the action
window.writingWatch = setTimeout( () => {
// Send out the data
sendMyData(el)
}, 750)
}
function updateStatus(txt, cls) {
const loading_status = document.getElementById(`loading_status`)
loading_status.value = txt;
loading_status.classList.remove("text-danger", "text-warning", "text-success", "text-white", "text-primary");
loading_status.classList.add(cls);
}
function getLocalArchives() {
let a = localStorage.getItem(`${padTitle}_archives`);
// Check if we had anything in storage for the archives
if ( a == null ) {
// There were nothing in storage
return [];
}
try {
// Try and parse the json
a = JSON.parse(a);
} catch ( err ) {
// Return null of the fail
return [];
}
return a;
}
function storeArchives(archives) {
// Check if the provided list is an array
if ( !Array.isArray(archives) ) return;
// Set the current archives
localStorage.setItem(`${padTitle}_archives`, JSON.stringify(archives));
}
function renderArchivesSelection() {
// Get the archives selection
const archivesSelection = document.getElementById(`archives-selection`);
const rowTemplate = document.getElementById(`archive-selection-example`);
// Clear any old optiosn
archivesSelection.querySelectorAll(`.dropdown-item:not(#do-archive-button):not(#archive-selection-example)`).forEach( el => {
// Remove the element
el.remove();
})
// Get the current list of available archives
for ( let a of getLocalArchives() ) {
// Clone the template row
const row = rowTemplate.cloneNode(true);
// Remove the id from the row
row.removeAttribute(`id`);
// Append the row to the selection menu
archivesSelection.appendChild(row);
const ts = new Date(a.ts);
// Update the display date
row.querySelector(`.archive-date`).textContent = ts.toLocaleString();
// Add an event listener
row.addEventListener(`click`, e => {
let resp = confirm("Load contents of pad from memory? This will overwrite the current pad for everyone.");
if ( !!resp ) {
document.getElementById(`pad-content`).value = a.content;
}
})
}
}
function saveLocalArchive() {
let resp = confirm("Save a local copy of the current Pad?");
if ( !resp ) {
// Do not
return;
}
// Get all of the previous archives, append this one to them
let myArchives = getLocalArchives();
myArchives.push({
ts: new Date().getTime(),
content: document.getElementById(`pad-content`).value,
});
// Store the archives
storeArchives(myArchives);
// Re-Render the archives selection
renderArchivesSelection();
// Save
alert(`Saved`);
}
function generateQRCode() {
var qrcodeContainer = document.getElementById(`qrcode`)
// Remove old contents
qrcodeContainer.innerHTML = "";
// Add new qr
new QRCode(qrcodeContainer, {
text: window.location.toString(),
width: 256,
height: 256,
colorDark: "#555273",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H
});
// Open the modal
MicroModal.show(`qrmodal`)
}
document.addEventListener(`DOMContentLoaded`, e => {
{ // Textarea Focusing
const textarea = document.getElementById(`pad-content`);
// Focus
textarea.focus();
// Scroll
textarea.scrollTop = textarea.scrollHeight;
// Move cursor
textarea.setSelectionRange(textarea.value.length, textarea.value.length);
}
{ // Archives
renderArchivesSelection()
}
})