PHPStorm stuff
This commit is contained in:
parent
4a2712af3c
commit
8e0ac08ce6
3
.jshintrc
Normal file
3
.jshintrc
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"esversion": 10
|
||||||
|
}
|
203
assets/script.js
203
assets/script.js
@ -1,17 +1,25 @@
|
|||||||
let UserInfo = {};
|
let UserInfo = {};
|
||||||
let PageIntervals = [];
|
let PageIntervals = [];
|
||||||
|
let config =
|
||||||
|
{
|
||||||
|
articleRefresh: 300000,
|
||||||
|
messageFadeIn: 300,
|
||||||
|
messageDisappear: 200
|
||||||
|
};
|
||||||
|
|
||||||
function isLoggedIn(){
|
function isLoggedIn() {
|
||||||
return UserInfo.Email && UserInfo.Email.length > 0;
|
"use strict";
|
||||||
|
return UserInfo.Email && 0 < UserInfo.Email.length;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleResponse(data, successMessage, failureMessage) {
|
async function handleResponse(data, successMessage, failureMessage) {
|
||||||
|
"use strict";
|
||||||
const statusMessageContainer = document.getElementById("statusMessageContainer");
|
const statusMessageContainer = document.getElementById("statusMessageContainer");
|
||||||
|
|
||||||
const statusMessage = document.createElement("div");
|
const statusMessage = document.createElement("div");
|
||||||
statusMessage.classList.add("status-message");
|
statusMessage.classList.add("status-message");
|
||||||
|
|
||||||
if (data.Status === 'Success') {
|
if ('Success' === data.Status) {
|
||||||
statusMessage.innerText = successMessage;
|
statusMessage.innerText = successMessage;
|
||||||
statusMessage.classList.add("success");
|
statusMessage.classList.add("success");
|
||||||
} else {
|
} else {
|
||||||
@ -26,44 +34,43 @@ async function handleResponse(data, successMessage, failureMessage) {
|
|||||||
statusMessage.style.opacity = "0";
|
statusMessage.style.opacity = "0";
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
statusMessage.remove();
|
statusMessage.remove();
|
||||||
}, 500);
|
}, config.messageFadeIn);
|
||||||
}, 2000);
|
}, config.messageDisappear);
|
||||||
}
|
}
|
||||||
|
|
||||||
async function showDashboardGreeting() {
|
async function showDashboardGreeting() {
|
||||||
|
"use strict";
|
||||||
document.getElementById("welcomeMsg").innerText = `Ahoj, ${UserInfo.FirstName}.`;
|
document.getElementById("welcomeMsg").innerText = `Ahoj, ${UserInfo.FirstName}.`;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function doAction(url, requestData, successMessage, failureMessage, silent = false) {
|
async function doAction(url, requestData, successMessage, failureMessage, silent) {
|
||||||
try {
|
"use strict";
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
|
|
||||||
for (const key in requestData) {
|
for (const key in requestData) {
|
||||||
params.append(key, requestData[key]);
|
params.append(key, requestData[key]);
|
||||||
}
|
|
||||||
|
|
||||||
const response = await fetch(url, {
|
|
||||||
method: 'POST',
|
|
||||||
body: params,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
console.error(`HTTP error! Status: ${response.status}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (!silent) {
|
|
||||||
await handleResponse(data, successMessage, failureMessage);
|
|
||||||
}
|
|
||||||
|
|
||||||
return data;
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error:', error);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const response = await fetch(url, {
|
||||||
|
method: 'POST',
|
||||||
|
body: params,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
console.error(`HTTP error! Status: ${response.status}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
|
||||||
|
if (!silent) {
|
||||||
|
await handleResponse(data, successMessage, failureMessage);
|
||||||
|
}
|
||||||
|
|
||||||
|
return data;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handlePageResponse(data) {
|
async function handlePageResponse(data) {
|
||||||
|
"use strict";
|
||||||
const navbar = document.getElementById("navbar_container");
|
const navbar = document.getElementById("navbar_container");
|
||||||
const pageArea = document.getElementById("page_container");
|
const pageArea = document.getElementById("page_container");
|
||||||
|
|
||||||
@ -83,6 +90,7 @@ async function handlePageResponse(data) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function displayList(data, elementId, deleteFunction) {
|
async function displayList(data, elementId, deleteFunction) {
|
||||||
|
"use strict";
|
||||||
const tableContainer = document.getElementById(elementId);
|
const tableContainer = document.getElementById(elementId);
|
||||||
tableContainer.innerHTML = ""; // Clear previous content
|
tableContainer.innerHTML = ""; // Clear previous content
|
||||||
|
|
||||||
@ -96,7 +104,7 @@ async function displayList(data, elementId, deleteFunction) {
|
|||||||
headerRow.appendChild(th);
|
headerRow.appendChild(th);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof deleteFunction === "function") {
|
if ("function" === typeof deleteFunction) {
|
||||||
const th = document.createElement("th");
|
const th = document.createElement("th");
|
||||||
th.appendChild(document.createTextNode("Delete"));
|
th.appendChild(document.createTextNode("Delete"));
|
||||||
headerRow.appendChild(th);
|
headerRow.appendChild(th);
|
||||||
@ -109,7 +117,7 @@ async function displayList(data, elementId, deleteFunction) {
|
|||||||
td.appendChild(document.createTextNode(line[key]));
|
td.appendChild(document.createTextNode(line[key]));
|
||||||
dataRow.appendChild(td);
|
dataRow.appendChild(td);
|
||||||
}
|
}
|
||||||
if (typeof deleteFunction === "function") {
|
if ("function" === typeof deleteFunction) {
|
||||||
const td = document.createElement("td");
|
const td = document.createElement("td");
|
||||||
const deleteButton = document.createElement('button');
|
const deleteButton = document.createElement('button');
|
||||||
deleteButton.textContent = "Delete";
|
deleteButton.textContent = "Delete";
|
||||||
@ -122,28 +130,24 @@ async function displayList(data, elementId, deleteFunction) {
|
|||||||
tableContainer.appendChild(table);
|
tableContainer.appendChild(table);
|
||||||
}
|
}
|
||||||
|
|
||||||
async function doPageAction(requestData, wantsReturn = false) {
|
async function doPageAction(requestData) {
|
||||||
try {
|
"use strict";
|
||||||
const response = await fetch('/page', {
|
const response = await fetch('/page', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: new URLSearchParams(requestData),
|
body: new URLSearchParams(requestData),
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
console.error(`HTTP error! Status: ${response.status}`);
|
console.error(`HTTP error! Status: ${response.status}`);
|
||||||
}
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
await handlePageResponse(data);
|
|
||||||
if (wantsReturn) {
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error:', error);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
await handlePageResponse(data);
|
||||||
|
return data;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function initAjaxNavigationEvents() {
|
async function initAjaxNavigationEvents() {
|
||||||
|
"use strict";
|
||||||
const allLinks = document.querySelectorAll('.navsite_link, .navpage_link');
|
const allLinks = document.querySelectorAll('.navsite_link, .navpage_link');
|
||||||
const pageLinks = document.querySelectorAll('.navpage_link');
|
const pageLinks = document.querySelectorAll('.navpage_link');
|
||||||
|
|
||||||
@ -163,27 +167,30 @@ async function initAjaxNavigationEvents() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
const toggleButton = document.getElementById("toggle_button")
|
const toggleButton = document.getElementById("toggle_button");
|
||||||
const navLinks = document.getElementById("navsite_list")
|
const navLinks = document.getElementById("navsite_list");
|
||||||
|
|
||||||
toggleButton.addEventListener('click', () => {
|
toggleButton.addEventListener('click', () => {
|
||||||
navLinks.classList.toggle("active")
|
navLinks.classList.toggle("active");
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async function initAjax() {
|
async function initAjax() {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
await initAjaxNavigationEvents();
|
await initAjaxNavigationEvents();
|
||||||
await onPageLoad();
|
await onPageLoad();
|
||||||
}
|
}
|
||||||
|
|
||||||
async function togglearticlecreate(){
|
async function togglearticlecreate() {
|
||||||
|
"use strict";
|
||||||
let articleContainerElement = document.getElementById("articlecreatecontainer");
|
let articleContainerElement = document.getElementById("articlecreatecontainer");
|
||||||
|
|
||||||
articleContainerElement.classList.toggle("hidden");
|
articleContainerElement.classList.toggle("hidden");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function renderarticles(){
|
async function renderarticles() {
|
||||||
|
"use strict";
|
||||||
let template = document.querySelector('template[data-template-name="article"]').innerHTML;
|
let template = document.querySelector('template[data-template-name="article"]').innerHTML;
|
||||||
let articles = await doAction(
|
let articles = await doAction(
|
||||||
"/newsarticle",
|
"/newsarticle",
|
||||||
@ -197,12 +204,13 @@ async function renderarticles(){
|
|||||||
|
|
||||||
let articleout = "";
|
let articleout = "";
|
||||||
for (const article of articles.Articles) {
|
for (const article of articles.Articles) {
|
||||||
articleout += template.replace("__TEMPLATE_ARTICLE_TITLE__", article.Title).replace("__TEMPLATE_ARTICLE_AUTHOR__", article.WrittenByName).replace("__TEMPLATE_ARTICLE_DATE__", article.WrittenAt).replace("__TEMPLATE_ARTICLE_BODY__", article.Body)
|
articleout += template.replace("__TEMPLATE_ARTICLE_TITLE__", article.Title).replace("__TEMPLATE_ARTICLE_AUTHOR__", article.WrittenByName).replace("__TEMPLATE_ARTICLE_DATE__", article.WrittenAt).replace("__TEMPLATE_ARTICLE_BODY__", article.Body);
|
||||||
}
|
}
|
||||||
document.getElementById("articleslist").innerHTML = articleout;
|
document.getElementById("articleslist").innerHTML = articleout;
|
||||||
}
|
}
|
||||||
|
|
||||||
async function submitarticle(){
|
async function submitarticle() {
|
||||||
|
"use strict";
|
||||||
let articleTitleElement = document.getElementById("articletitleinput");
|
let articleTitleElement = document.getElementById("articletitleinput");
|
||||||
let articleBodyElement = document.getElementById("articlebodyinput");
|
let articleBodyElement = document.getElementById("articlebodyinput");
|
||||||
await doAction(
|
await doAction(
|
||||||
@ -219,35 +227,36 @@ async function submitarticle(){
|
|||||||
await togglearticlecreate();
|
await togglearticlecreate();
|
||||||
}
|
}
|
||||||
|
|
||||||
async function articleInit(){
|
async function articleInit() {
|
||||||
|
"use strict";
|
||||||
let articleContainerElement = document.getElementById("articlecreatecontainer");
|
let articleContainerElement = document.getElementById("articlecreatecontainer");
|
||||||
let articleCreateOpenElement = document.getElementById("articlecreateopen");
|
let articleCreateOpenElement = document.getElementById("articlecreateopen");
|
||||||
articleContainerElement.addEventListener("keyup", function (ev) {
|
articleContainerElement.addEventListener("keyup", function (ev) {
|
||||||
if(ev.key === "Escape"){
|
if ("Escape" === ev.key) {
|
||||||
togglearticlecreate();
|
togglearticlecreate();
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
PageIntervals.push(setInterval(renderarticles, 300000));
|
PageIntervals.push(setInterval(renderarticles, config.articleRefresh));
|
||||||
document.getElementById("articleprivilegeinput").setAttribute("max", UserInfo.Privileges);
|
document.getElementById("articleprivilegeinput").setAttribute("max", UserInfo.Privileges);
|
||||||
if(UserInfo.Privileges < 2){
|
if (2 > UserInfo.Privileges) {
|
||||||
articleContainerElement.style.display = "none";
|
articleContainerElement.style.display = "none";
|
||||||
articleCreateOpenElement.style.display = "none";
|
articleCreateOpenElement.style.display = "none";
|
||||||
}
|
} else {
|
||||||
else{
|
|
||||||
articleCreateOpenElement.style.display = "inline-block";
|
articleCreateOpenElement.style.display = "inline-block";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function onPageLoad() {
|
async function onPageLoad() {
|
||||||
|
"use strict";
|
||||||
await restoreUserInfo();
|
await restoreUserInfo();
|
||||||
let currentSite = localStorage.getItem("currentSite");
|
let currentSite = localStorage.getItem("currentSite");
|
||||||
let currentPage = localStorage.getItem("currentPage");
|
let currentPage = localStorage.getItem("currentPage");
|
||||||
|
|
||||||
for(let interval of PageIntervals) {
|
for (let interval of PageIntervals) {
|
||||||
clearInterval(interval);
|
clearInterval(interval);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (currentSite === "home" && currentPage === "settings") {
|
if ("home" === currentSite && "settings" === currentPage) {
|
||||||
if (document.getElementById("user-settings")) {
|
if (document.getElementById("user-settings")) {
|
||||||
await populateUserInfoFields(UserInfo);
|
await populateUserInfoFields(UserInfo);
|
||||||
}
|
}
|
||||||
@ -256,21 +265,22 @@ async function onPageLoad() {
|
|||||||
await listUsers(true);
|
await listUsers(true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (currentSite === "account" && currentPage === "index" && isLoggedIn()) {
|
if ("account" === currentSite && "index" === currentPage && isLoggedIn()) {
|
||||||
await showDashboardGreeting();
|
await showDashboardGreeting();
|
||||||
}
|
}
|
||||||
if (currentSite === "news" && currentPage === "index") {
|
if ("news" === currentSite && "index" === currentPage) {
|
||||||
await articleInit();
|
await articleInit();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function navigateTo(site, page) {
|
async function navigateTo(site, page) {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "getPage",
|
action: "getPage",
|
||||||
site: site,
|
site: site,
|
||||||
page: page,
|
page: page,
|
||||||
};
|
};
|
||||||
doPageAction(data, true).then(() => {
|
doPageAction(data).then(() => {
|
||||||
localStorage.setItem("currentSite", site);
|
localStorage.setItem("currentSite", site);
|
||||||
localStorage.setItem("currentPage", page);
|
localStorage.setItem("currentPage", page);
|
||||||
onPageLoad();
|
onPageLoad();
|
||||||
@ -278,6 +288,7 @@ async function navigateTo(site, page) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function softReload() {
|
async function softReload() {
|
||||||
|
"use strict";
|
||||||
let currentSite = localStorage.getItem("currentSite");
|
let currentSite = localStorage.getItem("currentSite");
|
||||||
let currentPage = localStorage.getItem("currentPage");
|
let currentPage = localStorage.getItem("currentPage");
|
||||||
await navigateTo(currentSite, currentPage);
|
await navigateTo(currentSite, currentPage);
|
||||||
@ -285,6 +296,7 @@ async function softReload() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function refreshNavbar() {
|
async function refreshNavbar() {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "getNavigation",
|
action: "getNavigation",
|
||||||
};
|
};
|
||||||
@ -294,11 +306,12 @@ async function refreshNavbar() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function logout() {
|
async function logout() {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "logout",
|
action: "logout",
|
||||||
};
|
};
|
||||||
|
|
||||||
doAction('/account', data, "Logout Successful!", "Logout failed.")
|
doAction('/account', data, "Logout Successful!", "Logout failed.", false)
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
await refreshNavbar();
|
await refreshNavbar();
|
||||||
await navigateTo(localStorage.getItem("defaultSite"), localStorage.getItem("defaultPage"));
|
await navigateTo(localStorage.getItem("defaultSite"), localStorage.getItem("defaultPage"));
|
||||||
@ -312,6 +325,7 @@ async function logout() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function login() {
|
async function login() {
|
||||||
|
"use strict";
|
||||||
const email = document.getElementById("login_email").value;
|
const email = document.getElementById("login_email").value;
|
||||||
const password = document.getElementById("login_password").value;
|
const password = document.getElementById("login_password").value;
|
||||||
await doLogin(email, password);
|
await doLogin(email, password);
|
||||||
@ -321,17 +335,19 @@ async function login() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function doLogin(email, password) {
|
async function doLogin(email, password) {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "login",
|
action: "login",
|
||||||
email: email,
|
email: email,
|
||||||
password: password,
|
password: password,
|
||||||
};
|
};
|
||||||
|
|
||||||
await doAction('/account', data, "Login Successful!", "Login failed. Please check your credentials.");
|
await doAction('/account', data, "Login Successful!", "Login failed. Please check your credentials.", false);
|
||||||
umami.track("login");
|
umami.track("login");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function register() {
|
async function register() {
|
||||||
|
"use strict";
|
||||||
const firstName = document.getElementById("register_firstName").value;
|
const firstName = document.getElementById("register_firstName").value;
|
||||||
const lastName = document.getElementById("register_lastName").value;
|
const lastName = document.getElementById("register_lastName").value;
|
||||||
const email = document.getElementById("register_email").value;
|
const email = document.getElementById("register_email").value;
|
||||||
@ -351,13 +367,15 @@ async function register() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function doRegister(requestData) {
|
async function doRegister(requestData) {
|
||||||
await doAction('/account', requestData, "Registration Successful!", "Registration failed.");
|
"use strict";
|
||||||
|
await doAction('/account', requestData, "Registration Successful!", "Registration failed.", false);
|
||||||
umami.track("register");
|
umami.track("register");
|
||||||
}
|
}
|
||||||
|
|
||||||
//User settings start
|
//User settings start
|
||||||
|
|
||||||
async function changePassword() {
|
async function changePassword() {
|
||||||
|
"use strict";
|
||||||
const oldPassword = document.getElementById("changeOldPassword").value;
|
const oldPassword = document.getElementById("changeOldPassword").value;
|
||||||
const newPassword = document.getElementById("changeNewPassword").value;
|
const newPassword = document.getElementById("changeNewPassword").value;
|
||||||
|
|
||||||
@ -371,11 +389,13 @@ async function changePassword() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function doChangePassword(requestData, successMessage, failureMessage) {
|
async function doChangePassword(requestData, successMessage, failureMessage) {
|
||||||
await doAction('/account', requestData, successMessage, failureMessage);
|
"use strict";
|
||||||
|
await doAction('/account', requestData, successMessage, failureMessage, false);
|
||||||
umami.track("passwordChange");
|
umami.track("passwordChange");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function updateUserProfile() {
|
async function updateUserProfile() {
|
||||||
|
"use strict";
|
||||||
const firstName = document.getElementById("updateFirstName").value;
|
const firstName = document.getElementById("updateFirstName").value;
|
||||||
const lastName = document.getElementById("updateLastName").value;
|
const lastName = document.getElementById("updateLastName").value;
|
||||||
const nickname = document.getElementById("updateNickname").value;
|
const nickname = document.getElementById("updateNickname").value;
|
||||||
@ -389,11 +409,12 @@ async function updateUserProfile() {
|
|||||||
minecraft_nick: minecraftNick,
|
minecraft_nick: minecraftNick,
|
||||||
};
|
};
|
||||||
|
|
||||||
await doAction('/account', data, "Profile update Successful!", "Profile update failed.");
|
await doAction('/account', data, "Profile update Successful!", "Profile update failed.", false);
|
||||||
umami.track("updateUserProfile");
|
umami.track("updateUserProfile");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function updateEmail() {
|
async function updateEmail() {
|
||||||
|
"use strict";
|
||||||
const newEmail = document.getElementById("updateNewEmail").value;
|
const newEmail = document.getElementById("updateNewEmail").value;
|
||||||
|
|
||||||
const data = {
|
const data = {
|
||||||
@ -401,11 +422,12 @@ async function updateEmail() {
|
|||||||
email: newEmail,
|
email: newEmail,
|
||||||
};
|
};
|
||||||
|
|
||||||
await doAction('/account', data, "Email update Successful!", "Email update failed.");
|
await doAction('/account', data, "Email update Successful!", "Email update failed.", false);
|
||||||
umami.track("updateEmail");
|
umami.track("updateEmail");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function populateUserInfoFields(userData) {
|
async function populateUserInfoFields(userData) {
|
||||||
|
"use strict";
|
||||||
document.getElementById("updateFirstName").value = userData.FirstName || "";
|
document.getElementById("updateFirstName").value = userData.FirstName || "";
|
||||||
document.getElementById("updateLastName").value = userData.LastName || "";
|
document.getElementById("updateLastName").value = userData.LastName || "";
|
||||||
document.getElementById("updateNickname").value = userData.Nickname || "";
|
document.getElementById("updateNickname").value = userData.Nickname || "";
|
||||||
@ -414,6 +436,7 @@ async function populateUserInfoFields(userData) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function restoreUserInfo() {
|
async function restoreUserInfo() {
|
||||||
|
"use strict";
|
||||||
for (let i = 0; i < localStorage.length; i++) {
|
for (let i = 0; i < localStorage.length; i++) {
|
||||||
let key = localStorage.key(i);
|
let key = localStorage.key(i);
|
||||||
if (key.startsWith("UserInfo_")) {
|
if (key.startsWith("UserInfo_")) {
|
||||||
@ -424,12 +447,13 @@ async function restoreUserInfo() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function getUserInfo() {
|
async function getUserInfo() {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "get_user_info",
|
action: "get_user_info",
|
||||||
};
|
};
|
||||||
const result = await doAction('/account', data, "User info retrieved Successfully!", "User info retrieval failed.", true);
|
const result = await doAction('/account', data, "User info retrieved Successfully!", "User info retrieval failed.", true);
|
||||||
|
|
||||||
if (result && result.Status === "Success") {
|
if (result && "Success" === result.Status) {
|
||||||
Object.keys(result.UserInfo).forEach(index => {
|
Object.keys(result.UserInfo).forEach(index => {
|
||||||
let value = result.UserInfo[index];
|
let value = result.UserInfo[index];
|
||||||
localStorage.setItem("UserInfo_" + index, value);
|
localStorage.setItem("UserInfo_" + index, value);
|
||||||
@ -444,6 +468,7 @@ async function getUserInfo() {
|
|||||||
//Admin settings start
|
//Admin settings start
|
||||||
|
|
||||||
async function addActivationCodes() {
|
async function addActivationCodes() {
|
||||||
|
"use strict";
|
||||||
const count = document.getElementById("activationCodeCount").value;
|
const count = document.getElementById("activationCodeCount").value;
|
||||||
|
|
||||||
const data = {
|
const data = {
|
||||||
@ -451,26 +476,28 @@ async function addActivationCodes() {
|
|||||||
count: count,
|
count: count,
|
||||||
};
|
};
|
||||||
|
|
||||||
doAction('/account', data, "Activation codes added Successfully!", "Activation codes addition failed.").then((result) => {
|
doAction('/account', data, "Activation codes added Successfully!", "Activation codes addition failed.", false).then((result) => {
|
||||||
displayList(result.ActivationCodes, "codeListTable", deleteActivationCode);
|
displayList(result.ActivationCodes, "codeListTable", deleteActivationCode);
|
||||||
umami.track("addActivationCodes");
|
umami.track("addActivationCodes");
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async function listUsers(silent = false) {
|
async function listUsers(silent) {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "list_users",
|
action: "list_users",
|
||||||
};
|
};
|
||||||
|
|
||||||
doAction('/account', data, "User list retrieved Successfully!", "User list retrieval failed.", silent).then((result) => {
|
doAction('/account', data, "User list retrieved Successfully!", "User list retrieval failed.", silent).then((result) => {
|
||||||
|
|
||||||
if (result && result.Status === "Success") {
|
if (result && "Success" === result.Status) {
|
||||||
displayList(result.Users, "userListTable", deleteUser);
|
displayList(result.Users, "userListTable", deleteUser);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async function listActivationCodes(silent = false) {
|
async function listActivationCodes(silent) {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "list_activation_codes",
|
action: "list_activation_codes",
|
||||||
};
|
};
|
||||||
@ -481,31 +508,33 @@ async function listActivationCodes(silent = false) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function deleteUser(userId) {
|
async function deleteUser(userId) {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "delete_user",
|
action: "delete_user",
|
||||||
user_id: userId,
|
user_id: userId,
|
||||||
};
|
};
|
||||||
|
|
||||||
await doAction('/account', data, "User deleted Successfully!", "User deletion failed.");
|
await doAction('/account', data, "User deleted Successfully!", "User deletion failed.", false);
|
||||||
await listUsers();
|
await listUsers(false);
|
||||||
umami.track("deleteUser");
|
umami.track("deleteUser");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function deleteActivationCode(activationCode) {
|
async function deleteActivationCode(activationCode) {
|
||||||
|
"use strict";
|
||||||
const data = {
|
const data = {
|
||||||
action: "delete_activation_code",
|
action: "delete_activation_code",
|
||||||
activation_code: activationCode,
|
activation_code: activationCode,
|
||||||
};
|
};
|
||||||
|
|
||||||
await doAction('/account', data, "Activation code deleted Successfully!", "Activation code deletion failed.");
|
await doAction('/account', data, "Activation code deleted Successfully!", "Activation code deletion failed.", false);
|
||||||
await listActivationCodes();
|
await listActivationCodes(false);
|
||||||
umami.track("deleteActivationCode");
|
umami.track("deleteActivationCode");
|
||||||
}
|
}
|
||||||
|
|
||||||
//Admin settings end
|
//Admin settings end
|
||||||
|
|
||||||
if (document.readyState !== "loading") {
|
if ("loading" === document.readyState) {
|
||||||
setTimeout(initAjax, 0);
|
|
||||||
} else {
|
|
||||||
document.addEventListener("DOMContentLoaded", initAjax);
|
document.addEventListener("DOMContentLoaded", initAjax);
|
||||||
|
} else {
|
||||||
|
setTimeout(initAjax, 0);
|
||||||
}
|
}
|
@ -17,6 +17,7 @@
|
|||||||
--third-bg: #383838;
|
--third-bg: #383838;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: grid;
|
display: grid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -37,6 +38,13 @@ body {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body > nav,
|
||||||
|
body > footer {
|
||||||
|
background-color: rgba(0, 0, 0, 0.6);
|
||||||
|
padding: 1.2rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
body > nav {
|
body > nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -48,13 +56,14 @@ body > nav {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
body > footer {
|
body > footer {
|
||||||
grid-area: foot;
|
grid-area: foot;
|
||||||
box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
|
box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > page {
|
body > main {
|
||||||
grid-area: main;
|
grid-area: main;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
@ -70,11 +79,23 @@ header hr {
|
|||||||
width: 30%;
|
width: 30%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
header ul li {
|
header ul li {
|
||||||
list-style: circle;
|
list-style: circle;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 2.5rem;
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
header ul {
|
header ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -105,22 +126,12 @@ li a:hover::after {
|
|||||||
width: 85%;
|
width: 85%;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
li.navpage_item {
|
li.navpage_item {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav,
|
|
||||||
footer {
|
|
||||||
background-color: rgba(0, 0, 0, 0.6);
|
|
||||||
padding: 1.2rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
table>tbody,
|
table>tbody,
|
||||||
table>tbody>tr,
|
table>tbody>tr,
|
||||||
table>tbody>tr>th,
|
table>tbody>tr>th,
|
||||||
@ -130,6 +141,15 @@ table>tbody>tr>td {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-radius: 25px;
|
||||||
|
border: 2px solid var(--primary);
|
||||||
|
background: var(--third-bg);
|
||||||
|
color: var(--primary-text);
|
||||||
|
width: 175px;
|
||||||
|
transition-duration: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
table>tbody>tr>td>button {
|
table>tbody>tr>td>button {
|
||||||
border: unset;
|
border: unset;
|
||||||
border-radius: unset;
|
border-radius: unset;
|
||||||
@ -142,14 +162,6 @@ table {
|
|||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 2.5rem;
|
|
||||||
list-style: none;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.navpage_list {
|
ul.navpage_list {
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
border: 4px solid var(--primary-hover) !important;
|
border: 4px solid var(--primary-hover) !important;
|
||||||
@ -266,6 +278,7 @@ ul.navpage_list {
|
|||||||
width: inherit;
|
width: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*noinspection CssUnusedSymbol*/
|
||||||
#navsite_list.active {
|
#navsite_list.active {
|
||||||
display: flex;
|
display: flex;
|
||||||
-moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
|
-moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||||
@ -292,6 +305,7 @@ ul.navpage_list {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*noinspection CssUnusedSymbol*/
|
||||||
.status-message {
|
.status-message {
|
||||||
background-color: #dff0d8;
|
background-color: #dff0d8;
|
||||||
/* Success background color */
|
/* Success background color */
|
||||||
@ -305,6 +319,7 @@ ul.navpage_list {
|
|||||||
transition: opacity 0.5s ease-in-out;
|
transition: opacity 0.5s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*noinspection CssUnusedSymbol*/
|
||||||
.status-message.failure {
|
.status-message.failure {
|
||||||
background-color: #f2dede;
|
background-color: #f2dede;
|
||||||
/* Failure background color */
|
/* Failure background color */
|
||||||
@ -353,15 +368,6 @@ textarea{
|
|||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
|
||||||
border-radius: 25px;
|
|
||||||
border: 2px solid var(--primary);
|
|
||||||
background: var(--third-bg);
|
|
||||||
color: var(--primary-text);
|
|
||||||
width: 175px;
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
button:hover {
|
||||||
background: var(--primary);
|
background: var(--primary);
|
||||||
transition-duration: 0.3s;
|
transition-duration: 0.3s;
|
||||||
@ -380,10 +386,8 @@ header.ye-span:hover + body{
|
|||||||
background-size: 10% !important;
|
background-size: 10% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body:has(.ye-span:hover) {
|
|
||||||
background: url('/assets/images/ye.jpg') repeat !important;
|
|
||||||
background-size: 10% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#articlecreate {
|
#articlecreate {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -425,6 +429,7 @@ div#articleslist > article > div.articleinfo > *{
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*noinspection CssUnusedSymbol*/
|
||||||
div#articleslist > article > div.articleinfo{
|
div#articleslist > article > div.articleinfo{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -433,7 +438,3 @@ div#articleslist > article > div.articleinfo{
|
|||||||
div#articleslist>article{
|
div#articleslist>article{
|
||||||
border: 4px solid var(--primary);
|
border: 4px solid var(--primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
a.navsite_link.active:after{
|
|
||||||
|
|
||||||
}
|
|
@ -57,16 +57,28 @@ function saveUploadedFileInDatabase($filePath, $fileType):bool
|
|||||||
function doImageUpload($inFile, $outFile): bool
|
function doImageUpload($inFile, $outFile): bool
|
||||||
{
|
{
|
||||||
// Create Imagick object
|
// Create Imagick object
|
||||||
$imagick = new Imagick($inFile);
|
try {
|
||||||
|
$imagick = new Imagick($inFile);
|
||||||
|
} catch (ImagickException $e) {
|
||||||
|
}
|
||||||
|
|
||||||
// Set the desired format for reencoding (WebP)
|
// Set the desired format for reencoding (WebP)
|
||||||
$imagick->setImageFormat('webp');
|
try {
|
||||||
|
$imagick->setImageFormat('webp');
|
||||||
|
} catch (ImagickException $e) {
|
||||||
|
}
|
||||||
|
|
||||||
// Remove non-essential metadata
|
// Remove non-essential metadata
|
||||||
$imagick->stripImage();
|
try {
|
||||||
|
$imagick->stripImage();
|
||||||
|
} catch (ImagickException $e) {
|
||||||
|
}
|
||||||
|
|
||||||
// Write the reencoded image to the output file
|
// Write the reencoded image to the output file
|
||||||
$imagick->writeImage($outFile);
|
try {
|
||||||
|
$imagick->writeImage($outFile);
|
||||||
|
} catch (ImagickException $e) {
|
||||||
|
}
|
||||||
|
|
||||||
// Destroy the Imagick object to free up resources
|
// Destroy the Imagick object to free up resources
|
||||||
$imagick->destroy();
|
$imagick->destroy();
|
||||||
@ -138,19 +150,16 @@ function parseIncomingFiles(): array
|
|||||||
foreach ($incomingFiles as $incomingFile) {
|
foreach ($incomingFiles as $incomingFile) {
|
||||||
if ($incomingFile["error"] == 0 && is_file($incomingFile["tmp_name"])) {
|
if ($incomingFile["error"] == 0 && is_file($incomingFile["tmp_name"])) {
|
||||||
$type = explode("/", $incomingFile["type"]);
|
$type = explode("/", $incomingFile["type"]);
|
||||||
switch ($type) {
|
if ($type == "image") {
|
||||||
case "image":
|
$imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
|
||||||
$imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
|
$uploadPath = getUploadPath("image", $imgFname);
|
||||||
$uploadPath = getUploadPath("image", $imgFname);
|
if (!empty($uploadPath)) {
|
||||||
if(!empty($uploadPath)) {
|
if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
|
||||||
if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
|
|
||||||
$success = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
$success = false;
|
$success = false;
|
||||||
}
|
}
|
||||||
break;
|
} else {
|
||||||
|
$success = false;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,5 +2,6 @@
|
|||||||
<h2>TY KÁR KAM TO DEŠ</h2>
|
<h2>TY KÁR KAM TO DEŠ</h2>
|
||||||
<h1 class="error-code">403</h1>
|
<h1 class="error-code">403</h1>
|
||||||
<h3><i class="ri-error-warning-line"></i> Našli sme stránku ktorú hľadáš, ale nemáš práva na ňu pristupovať: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
|
<h3><i class="ri-error-warning-line"></i> Našli sme stránku ktorú hľadáš, ale nemáš práva na ňu pristupovať: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
|
||||||
|
<!--suppress HtmlUnknownTarget -->
|
||||||
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
|
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
|
||||||
</div>
|
</div>
|
@ -2,5 +2,6 @@
|
|||||||
<h2>TY KÁR KAM TO DEŠ</h2>
|
<h2>TY KÁR KAM TO DEŠ</h2>
|
||||||
<h1 class="error-code">404</h1>
|
<h1 class="error-code">404</h1>
|
||||||
<h3><i class="ri-error-warning-line"></i> Nenašli sme stránku ktorú hľadáš: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
|
<h3><i class="ri-error-warning-line"></i> Nenašli sme stránku ktorú hľadáš: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
|
||||||
|
<!--suppress HtmlUnknownTarget -->
|
||||||
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
|
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
|
||||||
</div>
|
</div>
|
@ -2,5 +2,6 @@
|
|||||||
<h2>Niekto to pobabral</h2>
|
<h2>Niekto to pobabral</h2>
|
||||||
<h1 class="error-code">500</h1>
|
<h1 class="error-code">500</h1>
|
||||||
<h3><i class="ri-error-warning-line"></i> Nejaký neschopný vývojár nevedel robiť túto stránku. <i class="ri-error-warning-line"></i></h3>
|
<h3><i class="ri-error-warning-line"></i> Nejaký neschopný vývojár nevedel robiť túto stránku. <i class="ri-error-warning-line"></i></h3>
|
||||||
|
<!--suppress HtmlUnknownTarget -->
|
||||||
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
|
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
|
||||||
</div>
|
</div>
|
@ -1,40 +1,5 @@
|
|||||||
<!-- Centralized Status Message -->
|
<!-- Centralized Status Message -->
|
||||||
<p id="StatusMessage"></p>
|
<p id="StatusMessage"></p>
|
||||||
|
|
||||||
<!-- <div class="form-container" id="loginForm">
|
|
||||||
<h1>Login</h1>
|
|
||||||
<form>
|
|
||||||
<label for="login_email">Email:</label>
|
|
||||||
<input type="email" id="login_email" name="email" required><br>
|
|
||||||
|
|
||||||
<label for="login_password">Password:</label>
|
|
||||||
<input type="password" id="login_password" name="password" required><br>
|
|
||||||
|
|
||||||
<button type="button" onclick="login()">Login</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-container" id="register_Form">
|
|
||||||
<h1>Register</h1>
|
|
||||||
<form>
|
|
||||||
<label for="register_firstName">First Name:</label>
|
|
||||||
<input type="text" id="register_firstName" name="firstName" required><br>
|
|
||||||
|
|
||||||
<label for="register_lastName">Last Name:</label>
|
|
||||||
<input type="text" id="register_lastName" name="lastName" required><br>
|
|
||||||
|
|
||||||
<label for="register_email">Email:</label>
|
|
||||||
<input type="email" id="register_email" name="email" required><br>
|
|
||||||
|
|
||||||
<label for="register_password">Password:</label>
|
|
||||||
<input type="password" id="register_password" name="password" required><br>
|
|
||||||
|
|
||||||
<label for="register_activationToken">Activation Token:</label>
|
|
||||||
<input type="text" id="register_activationToken" name="activationToken" required><br>
|
|
||||||
|
|
||||||
<button type="button" onclick="register()">Register</button>
|
|
||||||
</form>
|
|
||||||
</div> -->
|
|
||||||
<main class="login-file">
|
<main class="login-file">
|
||||||
<div class="container" id="container">
|
<div class="container" id="container">
|
||||||
<div class="form-container sign-up">
|
<div class="form-container sign-up">
|
||||||
@ -57,13 +22,5 @@
|
|||||||
<button type="button" onclick="login()">Login</button>
|
<button type="button" onclick="login()">Login</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="toggle-container">
|
|
||||||
<div class="toggle">
|
|
||||||
<div class="toggle-panel toggle-left">
|
|
||||||
<h1>Glad to have you back!</h1>
|
|
||||||
<p>Enter your login information to continue to adlerka.top</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
@ -18,9 +18,9 @@
|
|||||||
__TEMPLATE__NAV__
|
__TEMPLATE__NAV__
|
||||||
</nav>
|
</nav>
|
||||||
<div id="statusMessageContainer"></div>
|
<div id="statusMessageContainer"></div>
|
||||||
<page id="page_container">
|
<main id="page_container">
|
||||||
__TEMPLATE__PAGE__
|
__TEMPLATE__PAGE__
|
||||||
</page>
|
</main>
|
||||||
<footer id="footer_container">
|
<footer id="footer_container">
|
||||||
__TEMPLATE__FOOTER__
|
__TEMPLATE__FOOTER__
|
||||||
</footer>
|
</footer>
|
||||||
|
Loading…
Reference in New Issue
Block a user