skorotkiewicz/rDrama
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use postToast for submitFormAjax

Browse source
This commit is contained in:
justcool393 2023-07-23 10:48:52 -05:00
parent 90186bd99f
commit 2cc5160989
2 changed files with 11 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

7
files/assets/js/header.js
View file

@ -89,7 +89,12 @@ function postToast(targetElement, url, method, data, callbackFn) {
const xhr = new XMLHttpRequest(); // set up the request now
xhr.open(method, url);
xhr.setRequestHeader("xhr", "xhr");
var form = new FormData();
var formData = null;
if (data instanceof HTMLFormElement) {
formData = data;
}
var form = new FormData(formData);
form.append("formkey", formkey());
if (typeof data === 'object' && data !== null) {

56
files/assets/js/userpage_v.js
View file

@ -75,57 +75,11 @@ function transferBux(mobile=false) {
}
function submitFormAjax(e) {
document.getElementById('message').classList.add('d-none');
document.getElementById('message-mobile').classList.add('d-none');
document.getElementById('message-preview').classList.add('d-none');
document.getElementById('message-preview-mobile').classList.add('d-none');
for (elementId in ['message', 'message-mobile', 'message-preview', 'message-preview-mobile']) {
document.getElementById(elementId).classList.add("d-none");
}
const form = e.target;
const xhr = new XMLHttpRequest();
e.preventDefault();
formData = new FormData(form);
formData.append("formkey", formkey());
if(typeof data === 'object' && data !== null) {
for(let k of Object.keys(data)) {
form.append(k, data[k]);
}
}
actionPath = form.getAttribute("action");
xhr.open("POST", actionPath);
xhr.setRequestHeader('xhr', 'xhr');
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
let data = JSON.parse(xhr.response);
try {
document.getElementById('toast-post-success-text').innerText = data["message"];
} catch(e) {
document.getElementById('toast-post-success-text').innerText = "Action successful!";
}
var myToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-success'));
myToast.show();
return true
} else {
document.getElementById('toast-post-error-text').innerText = "Error, please try again later."
try {
let data=JSON.parse(xhr.response);
var myToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-error'));
myToast.show();
if (data && data["error"]) document.getElementById('toast-post-error-text').innerText = data["error"];
if (data && data["details"]) document.getElementById('toast-post-error-text').innerText = data["details"];
} catch(e) {
var myToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-success'));
myToast.hide();
var myToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('toast-post-error'));
myToast.show();
}
}
};
xhr.send(formData);
return false
postToast(null, form.getAttribute("action"), "POST", form, null);
return false;
}