rDrama/files/assets/js/submit.js

210 lines
5.5 KiB
JavaScript
Raw Normal View History

2023-03-12 09:54:00 +00:00
const save_value = ['post-title', 'post-text', 'post-url', 'sub']
for (const id of save_value) {
const value = localStorage.getItem(id)
if (value)
document.getElementById(id).value = value
}
2023-03-01 21:24:15 +00:00
autoExpand(document.getElementById('post-text'))
2023-03-12 09:54:00 +00:00
markdown(document.getElementById("post-text"));
2023-03-12 09:54:00 +00:00
const save_checked = ['post-notify', 'post-new', 'post-nsfw', 'post-private', 'post-ghost']
for (const key of save_checked) {
const value = localStorage.getItem(key)
2023-03-12 19:43:29 +00:00
if (value) {
const element = document.getElementById(key)
if (element) element.checked = (value == 'true')
}
2023-02-17 23:44:53 +00:00
}
2023-03-12 09:54:00 +00:00
function savetext() {
for (const id of save_value)
{
const value = document.getElementById(id).value
if (value) localStorage.setItem(id, value)
}
for (const id of save_checked) {
const element = document.getElementById(id)
if (element) {
localStorage.setItem(id, element.checked)
}
}
}
2022-07-16 21:00:02 +00:00
2023-03-12 19:44:00 +00:00
const submitButton = document.getElementById('submit-btn')
2023-03-12 09:54:00 +00:00
function checkForRequired() {
2022-08-14 03:20:43 +00:00
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");
2022-07-16 21:00:02 +00:00
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)) {
2023-02-08 07:21:52 +00:00
submitButton.disabled = false;
2022-07-16 21:00:02 +00:00
} else if (isValidTitle && isValidText) {
2023-02-08 07:21:52 +00:00
submitButton.disabled = false;
2022-07-16 21:00:02 +00:00
} else {
2023-02-08 07:21:52 +00:00
submitButton.disabled = true;
2022-07-16 21:00:02 +00:00
}
}
checkForRequired();
function hide_image() {
2022-08-14 03:20:43 +00:00
x=document.getElementById('image-upload-block');
url=document.getElementById('post-url').value;
2022-07-16 21:00:02 +00:00
if (url.length>=1){
x.classList.add('d-none');
}
else {
x.classList.remove('d-none');
}
}
function autoSuggestTitle() {
2022-12-04 15:40:32 +00:00
const urlField = document.getElementById("post-url");
2022-07-16 21:00:02 +00:00
2022-12-04 15:40:32 +00:00
const titleField = document.getElementById("post-title");
2022-07-16 21:00:02 +00:00
2022-12-04 15:40:32 +00:00
const isValidURL = urlField.checkValidity();
2022-07-16 21:00:02 +00:00
if (isValidURL && urlField.value.length > 0 && titleField.value === "") {
2022-12-04 15:40:32 +00:00
const x = new XMLHttpRequest();
2022-07-16 21:00:02 +00:00
x.withCredentials=true;
x.onreadystatechange = function() {
2022-07-16 21:00:02 +00:00
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');
2022-07-16 21:00:02 +00:00
x.send(null);
};
};
function ghost_toggle(t) {
const followers = document.getElementById("post-notify")
2022-07-16 21:00:02 +00:00
if (t.checked == true) {
followers.checked = false;
followers.disabled = true;
} else {
followers.disabled = false;
2022-09-04 23:15:37 +00:00
}
2022-07-16 21:00:02 +00:00
}
function checkRepost() {
const system = document.getElementById('system')
system.innerHTML = "";
2022-07-16 21:00:02 +00:00
const url = document.getElementById('post-url').value
const min_repost_check = 9;
2022-07-16 21:00:02 +00:00
if (url && url.length >= min_repost_check) {
2022-07-16 21:00:02 +00:00
const xhr = new XMLHttpRequest();
xhr.open("post", "/is_repost");
xhr.setRequestHeader('xhr', 'xhr');
2022-07-23 08:57:53 +00:00
const form = new FormData()
2022-07-16 21:00:02 +00:00
form.append("url", url);
xhr.onload=function(){
2022-07-16 21:00:02 +00:00
try {data = JSON.parse(xhr.response)}
catch(e) {console.error(e)}
2022-09-04 23:15:37 +00:00
2022-07-16 21:00:02 +00:00
if (data && data["permalink"]) {
2022-11-16 00:28:21 +00:00
const permalinkText = escapeHTML(data["permalink"]);
const permalinkURI = encodeURI(data["permalink"]);
if (permalinkText) {
system.innerHTML = `This is a repost of <a href="${permalinkURI}">${permalinkText}</a>`;
2022-07-16 21:00:02 +00:00
}
}
}
xhr.send(form)
}
}
document.addEventListener('keydown', (e) => {
2022-09-04 23:15:37 +00:00
if(!((e.ctrlKey || e.metaKey) && e.key === "Enter"))
return;
2022-07-16 21:00:02 +00:00
2022-09-04 23:15:37 +00:00
submitButton.click();
2022-07-16 21:00:02 +00:00
});
checkRepost();
2023-02-08 07:15:37 +00:00
function submit(form) {
2023-02-08 07:21:52 +00:00
submitButton.disabled = true;
2023-02-08 07:15:37 +00:00
const xhr = new XMLHttpRequest();
2023-02-08 16:46:08 +00:00
xhr.withCredentials=true;
2023-02-08 07:15:37 +00:00
formData = new FormData(form);
formData.append("formkey", formkey());
actionPath = form.getAttribute("action");
xhr.open("POST", actionPath);
2023-02-27 17:25:38 +00:00
const upload_prog = document.getElementById('upload-prog');
xhr.upload.onprogress = (e) => {handleUploadProgress(e, upload_prog)};
2023-02-08 07:15:37 +00:00
xhr.setRequestHeader('xhr', 'xhr');
xhr.onload = function() {
2023-02-27 17:25:38 +00:00
upload_prog.classList.add("d-none")
2023-02-08 07:15:37 +00:00
if (xhr.status >= 200 && xhr.status < 300) {
const res = JSON.parse(xhr.response)
const post_id = res['post_id'];
if (res['success']) {
2023-03-12 09:54:00 +00:00
for (const id of save_value) {
localStorage.setItem(id, "")
}
for (const id of save_checked) {
const value = (id == "post-notify")
localStorage.setItem(id, value)
}
}
2023-02-08 07:15:37 +00:00
location.href = "/post/" + post_id
} else {
2023-02-08 16:50:02 +00:00
submitButton.disabled = false;
2023-02-08 07:15:37 +00:00
document.getElementById('toast-post-error-text').innerText = "Error, please try again later."
try {
let data=JSON.parse(xhr.response);
bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-error')).show();
document.getElementById('toast-post-error-text').innerText = data["error"];
if (data && data["details"]) document.getElementById('toast-post-error-text').innerText = data["details"];
} catch(e) {
bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-success')).hide();
bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-error')).show();
}
}
};
xhr.send(formData);
}