67 lines
1.7 KiB
JavaScript
67 lines
1.7 KiB
JavaScript
"use strict";
|
|
/**
|
|
* Send ajax action to server
|
|
* @param {string} action
|
|
* @param {Object} args
|
|
* @param {Function} onLoad
|
|
* @param {Function} onSuccess
|
|
* @param {Function} onError
|
|
*/
|
|
function sendAjax(action,
|
|
args = [],
|
|
onLoad = () => { },
|
|
onSuccess = (data) => { },
|
|
onError = (error) => { }) {
|
|
|
|
onLoad();
|
|
|
|
fetch('/ajax', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
'action': action,
|
|
'args': args
|
|
})
|
|
})
|
|
.then(response => response.json().then(data => ({ data, response })))
|
|
.then(({ data, response }) => {
|
|
if (!response.ok) {
|
|
throw new Error(data.error || `HTTP error! Status: ${response.status}`);
|
|
}
|
|
|
|
onSuccess(data);
|
|
})
|
|
.catch(error => {
|
|
onError(error);
|
|
});
|
|
}
|
|
function showToastify(message, type = "info") {
|
|
Toastify({
|
|
text: message,
|
|
gravity: "bottom",
|
|
position: "left",
|
|
className: type,
|
|
duration: 3000
|
|
})
|
|
.showToast();
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const toggle = document.getElementById('menu-toggle');
|
|
const nav = document.querySelector('.nav');
|
|
const icon = document.getElementById('menu-icon');
|
|
|
|
toggle.addEventListener('click', function () {
|
|
nav.classList.toggle('nav-open');
|
|
if (nav.classList.contains('nav-open')) {
|
|
icon.classList.remove('fa-bars');
|
|
icon.classList.add('fa-xmark');
|
|
} else {
|
|
icon.classList.remove('fa-xmark');
|
|
icon.classList.add('fa-bars');
|
|
}
|
|
});
|
|
});
|