rDrama/files/assets/js/submit.js

const save_value = ['post-title', 'post-text', 'post-url', 'hole']
for (const id of save_value) {
	const value =  localStorage.getItem(id)
	if (value)
		document.getElementById(id).value = value
}

autoExpand(document.getElementById('post-text'))
markdown(document.getElementById("post-text"));

const save_checked = ['post-notify', 'post-new', 'post-nsfw', 'post-private', 'post-ghost']
for (const key of save_checked) {
	const value =  localStorage.getItem(key)
	if (value) {
		const element = document.getElementById(key)
		if (element) element.checked = (value == 'true')
	}
}

function savetext() {
	for (const id of save_value)
	{
		const value = document.getElementById(id).value
		if (value || id != 'post-text')
			localStorage.setItem(id, value)
	}

	for (const id of save_checked) {
		const element = document.getElementById(id)
		if (element) {
			localStorage.setItem(id, element.checked)
		}
	}
}

const submitButton = document.getElementById('submit-btn')

function checkForRequired() {
	const title = document.getElementById("post-title");
	const url = document.getElementById("post-url");
	const text = document.getElementById("post-text");
	const image = document.getElementById("file-upload");
	const image2 = document.getElementById("file-upload-submit");

	if (url.value.length > 0 || image.files.length > 0 || image2.files.length > 0) {
		text.required = false;
		url.required=false;
	} else if (text.value.length > 0 || image.files.length > 0 || image2.files.length > 0) {
		url.required = false;
	} else {
		text.required = true;
		url.required = true;
	}

	const isValidTitle = title.checkValidity();
	const isValidURL = url.checkValidity();
	const isValidText = text.checkValidity();

	if (isValidTitle && (isValidURL || image.files.length > 0 || image2.files.length > 0)) {
		submitButton.disabled = false;
	} else if (isValidTitle && isValidText) {
		submitButton.disabled = false;
	} else {
		submitButton.disabled = true;
	}
}
checkForRequired();

function remove_attachment() {
	file_upload.value = null;
	file_upload.previousElementSibling.textContent = 'Select File';
	document.getElementById('image-preview').classList.add('d-none');
	document.getElementById('image-preview').classList.remove('mr-2');
	document.getElementById('urlblock').classList.remove('d-none');
	document.getElementById('remove-attachment').classList.add('d-none');
	checkForRequired();
	clear_files("attachment");
}

function autoSuggestTitle()	{

	const urlField = document.getElementById("post-url");

	const titleField = document.getElementById("post-title");

	const isValidURL = urlField.checkValidity();

	if (isValidURL && urlField.value.length > 0 && titleField.value === "") {

		const x = new XMLHttpRequest();
		x.onreadystatechange = function() {
			if (x.readyState == 4 && x.status == 200 && !titleField.value) {

				title=JSON.parse(x.responseText)["title"];
				titleField.value=title;
				checkForRequired()
			}
		}
		x.open('get','/submit/title?url=' + urlField.value);
		x.setRequestHeader('xhr', 'xhr');
		x.send(null);

	};

};

function ghost_toggle(t) {
	const followers = document.getElementById("post-notify")
	const hole = document.getElementById("hole")
	if (t.checked == true) {
		followers.checked = false;
		followers.disabled = true;
		hole.value = '';
		hole.disabled = true;
	} else {
		followers.disabled = false;
		hole.disabled = false;
	}
}

function checkRepost() {
	const system = document.getElementById('system')
	system.innerHTML = "";
	const url = document.getElementById('post-url').value
	const min_repost_check = 9;

	if (url && url.length >= min_repost_check) {
		const xhr = new XMLHttpRequest();
		xhr.open("post", "/is_repost");
		xhr.setRequestHeader('xhr', 'xhr');
		const form = new FormData()
		form.append("url", url);
		form.append("formkey", formkey());

		xhr.onload=function(){
			try {data = JSON.parse(xhr.response)}
			catch(e) {console.error(e)}

			if (data && data["permalink"]) {
				const permalinkText = escapeHTML(data["permalink"]);
				const permalinkURI = encodeURI(data["permalink"]);
				if (permalinkText) {
					system.innerHTML = `This is a repost of <a href="${permalinkURI}">${permalinkText}</a>`;
				}
			}
		}
		xhr.send(form)
	}
}

document.addEventListener('keydown', (e) => {
	if (!((e.ctrlKey || e.metaKey) && e.key === "Enter"))
		return;

	submitButton.click();
});

document.getElementById('post-title').addEventListener('keydown', (e) => {
	if (e.key === "Enter") e.preventDefault();
})

checkRepost();

function submit(form) {
	submitButton.disabled = true;

	const xhr = new XMLHttpRequest();

	//needed for uploading to videos.watchpeopledie.tv
	xhr.withCredentials = true;

	formData = new FormData(form);

	formData.append("formkey", formkey());
	actionPath = form.getAttribute("action");

	xhr.open("POST", actionPath);

	const upload_prog = document.getElementById('upload-prog');
	xhr.upload.onprogress = (e) => {handleUploadProgress(e, upload_prog)};

	xhr.setRequestHeader('xhr', 'xhr');

	xhr.onload = function() {
		upload_prog.classList.add("d-none")
		const success = xhr.status >= 200 && xhr.status < 300

		if (success) {
			const res = JSON.parse(xhr.response)
			const post_id = res['post_id'];

			if (res['success']) {
				for (const id of save_value) {
					localStorage.setItem(id, "")
				}

				for (const id of save_checked) {
					const value = (id == "post-notify")
					localStorage.setItem(id, value)
				}

				clear_files("attachment")
				clear_files("textarea")
			}

			location.href = "/post/" + post_id
		} else {
			submitButton.disabled = false;
			const data = JSON.parse(xhr.response);
			showToast(success, getMessageFromJsonData(success, data));
		}
	};

	xhr.send(formData);
}








//SAVE FILES

const indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;

const open = indexedDB.open("files", 1);

open.onupgradeneeded = () => {
	const db = open.result;
	db.createObjectStore("files", {keyPath:"kind"});
	db.close();
}

function submit_save_files(kind, files) {
	const open = indexedDB.open("files", 1);
	open.onsuccess = () => {
		const db = open.result;
		const tx = db.transaction("files", "readwrite");
		const store = tx.objectStore("files");

		tx.oncomplete = () => {
			db.close();
		};

		store.put({kind:kind, files:files});
	}
}


//RESTORE FILES

function submit_restore_files(kind, id) {
	const open = indexedDB.open("files", 1);
	open.onsuccess = () => {
		const db = open.result;
		const tx = db.transaction("files", "readwrite");
		const store = tx.objectStore("files");

		tx.oncomplete = () => {
			db.close();
		};

		const get_files = store.get(kind);

		get_files.onsuccess = () => {
			let files = get_files.result
			if (!files) return
			files = files.files

			const list = new DataTransfer();
			for (const file of files) {
				list.items.add(file);
			}

			document.getElementById(id).files = list.files

			if (kind == "attachment") {
				display_url_image()
			}
			else {
				oldfiles["post-text"] = new DataTransfer();
				for (const file of files) {
					oldfiles["post-text"].items.add(file);
				}
			}
		};
	}
}

submit_restore_files("attachment", "file-upload")
submit_restore_files("textarea", "file-upload-submit")


//CLEAR FILES

function clear_files(kind) {
	const open = indexedDB.open("files", 1);
	open.onsuccess = () => {
		const db = open.result;
		const tx = db.transaction("files", "readwrite");
		const store = tx.objectStore("files");

		tx.oncomplete = () => {
			db.close();
		};

		store.delete(kind);
	}
}