PHPStorm stuff

This commit is contained in:
Bruno Rybársky 2024-03-10 22:55:29 +01:00
parent 4a2712af3c
commit 8e0ac08ce6
9 changed files with 185 additions and 183 deletions

3
.jshintrc Normal file

@ -0,0 +1,3 @@
{
"esversion": 10
}

@ -1,17 +1,25 @@
let UserInfo = {};
let PageIntervals = [];
let config =
{
articleRefresh: 300000,
messageFadeIn: 300,
messageDisappear: 200
};
function isLoggedIn(){
return UserInfo.Email && UserInfo.Email.length > 0;
function isLoggedIn() {
"use strict";
return UserInfo.Email && 0 < UserInfo.Email.length;
}
async function handleResponse(data, successMessage, failureMessage) {
"use strict";
const statusMessageContainer = document.getElementById("statusMessageContainer");
const statusMessage = document.createElement("div");
statusMessage.classList.add("status-message");
if (data.Status === 'Success') {
if ('Success' === data.Status) {
statusMessage.innerText = successMessage;
statusMessage.classList.add("success");
} else {
@ -26,44 +34,43 @@ async function handleResponse(data, successMessage, failureMessage) {
statusMessage.style.opacity = "0";
setTimeout(() => {
statusMessage.remove();
}, 500);
}, 2000);
}, config.messageFadeIn);
}, config.messageDisappear);
}
async function showDashboardGreeting() {
"use strict";
document.getElementById("welcomeMsg").innerText = `Ahoj, ${UserInfo.FirstName}.`;
}
async function doAction(url, requestData, successMessage, failureMessage, silent = false) {
try {
const params = new URLSearchParams();
async function doAction(url, requestData, successMessage, failureMessage, silent) {
"use strict";
const params = new URLSearchParams();
for (const key in requestData) {
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);
for (const key in requestData) {
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;
}
async function handlePageResponse(data) {
"use strict";
const navbar = document.getElementById("navbar_container");
const pageArea = document.getElementById("page_container");
@ -83,6 +90,7 @@ async function handlePageResponse(data) {
}
async function displayList(data, elementId, deleteFunction) {
"use strict";
const tableContainer = document.getElementById(elementId);
tableContainer.innerHTML = ""; // Clear previous content
@ -96,7 +104,7 @@ async function displayList(data, elementId, deleteFunction) {
headerRow.appendChild(th);
}
if (typeof deleteFunction === "function") {
if ("function" === typeof deleteFunction) {
const th = document.createElement("th");
th.appendChild(document.createTextNode("Delete"));
headerRow.appendChild(th);
@ -109,7 +117,7 @@ async function displayList(data, elementId, deleteFunction) {
td.appendChild(document.createTextNode(line[key]));
dataRow.appendChild(td);
}
if (typeof deleteFunction === "function") {
if ("function" === typeof deleteFunction) {
const td = document.createElement("td");
const deleteButton = document.createElement('button');
deleteButton.textContent = "Delete";
@ -122,28 +130,24 @@ async function displayList(data, elementId, deleteFunction) {
tableContainer.appendChild(table);
}
async function doPageAction(requestData, wantsReturn = false) {
try {
const response = await fetch('/page', {
method: 'POST',
body: new URLSearchParams(requestData),
});
async function doPageAction(requestData) {
"use strict";
const response = await fetch('/page', {
method: 'POST',
body: new URLSearchParams(requestData),
});
if (!response.ok) {
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);
if (!response.ok) {
console.error(`HTTP error! Status: ${response.status}`);
}
const data = await response.json();
await handlePageResponse(data);
return data;
}
async function initAjaxNavigationEvents() {
"use strict";
const allLinks = document.querySelectorAll('.navsite_link, .navpage_link');
const pageLinks = document.querySelectorAll('.navpage_link');
@ -163,27 +167,30 @@ async function initAjaxNavigationEvents() {
}
});
});
const toggleButton = document.getElementById("toggle_button")
const navLinks = document.getElementById("navsite_list")
const toggleButton = document.getElementById("toggle_button");
const navLinks = document.getElementById("navsite_list");
toggleButton.addEventListener('click', () => {
navLinks.classList.toggle("active")
})
navLinks.classList.toggle("active");
});
}
async function initAjax() {
"use strict";
await initAjaxNavigationEvents();
await onPageLoad();
}
async function togglearticlecreate(){
async function togglearticlecreate() {
"use strict";
let articleContainerElement = document.getElementById("articlecreatecontainer");
articleContainerElement.classList.toggle("hidden");
}
async function renderarticles(){
async function renderarticles() {
"use strict";
let template = document.querySelector('template[data-template-name="article"]').innerHTML;
let articles = await doAction(
"/newsarticle",
@ -197,12 +204,13 @@ async function renderarticles(){
let articleout = "";
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;
}
async function submitarticle(){
async function submitarticle() {
"use strict";
let articleTitleElement = document.getElementById("articletitleinput");
let articleBodyElement = document.getElementById("articlebodyinput");
await doAction(
@ -219,35 +227,36 @@ async function submitarticle(){
await togglearticlecreate();
}
async function articleInit(){
async function articleInit() {
"use strict";
let articleContainerElement = document.getElementById("articlecreatecontainer");
let articleCreateOpenElement = document.getElementById("articlecreateopen");
articleContainerElement.addEventListener("keyup", function (ev) {
if(ev.key === "Escape"){
if ("Escape" === ev.key) {
togglearticlecreate();
}
})
PageIntervals.push(setInterval(renderarticles, 300000));
});
PageIntervals.push(setInterval(renderarticles, config.articleRefresh));
document.getElementById("articleprivilegeinput").setAttribute("max", UserInfo.Privileges);
if(UserInfo.Privileges < 2){
if (2 > UserInfo.Privileges) {
articleContainerElement.style.display = "none";
articleCreateOpenElement.style.display = "none";
}
else{
} else {
articleCreateOpenElement.style.display = "inline-block";
}
}
async function onPageLoad() {
"use strict";
await restoreUserInfo();
let currentSite = localStorage.getItem("currentSite");
let currentPage = localStorage.getItem("currentPage");
for(let interval of PageIntervals) {
for (let interval of PageIntervals) {
clearInterval(interval);
}
if (currentSite === "home" && currentPage === "settings") {
if ("home" === currentSite && "settings" === currentPage) {
if (document.getElementById("user-settings")) {
await populateUserInfoFields(UserInfo);
}
@ -256,21 +265,22 @@ async function onPageLoad() {
await listUsers(true);
}
}
if (currentSite === "account" && currentPage === "index" && isLoggedIn()) {
if ("account" === currentSite && "index" === currentPage && isLoggedIn()) {
await showDashboardGreeting();
}
if (currentSite === "news" && currentPage === "index") {
if ("news" === currentSite && "index" === currentPage) {
await articleInit();
}
}
async function navigateTo(site, page) {
"use strict";
const data = {
action: "getPage",
site: site,
page: page,
};
doPageAction(data, true).then(() => {
doPageAction(data).then(() => {
localStorage.setItem("currentSite", site);
localStorage.setItem("currentPage", page);
onPageLoad();
@ -278,6 +288,7 @@ async function navigateTo(site, page) {
}
async function softReload() {
"use strict";
let currentSite = localStorage.getItem("currentSite");
let currentPage = localStorage.getItem("currentPage");
await navigateTo(currentSite, currentPage);
@ -285,6 +296,7 @@ async function softReload() {
}
async function refreshNavbar() {
"use strict";
const data = {
action: "getNavigation",
};
@ -294,11 +306,12 @@ async function refreshNavbar() {
}
async function logout() {
"use strict";
const data = {
action: "logout",
};
doAction('/account', data, "Logout Successful!", "Logout failed.")
doAction('/account', data, "Logout Successful!", "Logout failed.", false)
.then(async () => {
await refreshNavbar();
await navigateTo(localStorage.getItem("defaultSite"), localStorage.getItem("defaultPage"));
@ -312,6 +325,7 @@ async function logout() {
}
async function login() {
"use strict";
const email = document.getElementById("login_email").value;
const password = document.getElementById("login_password").value;
await doLogin(email, password);
@ -321,17 +335,19 @@ async function login() {
}
async function doLogin(email, password) {
"use strict";
const data = {
action: "login",
email: email,
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");
}
async function register() {
"use strict";
const firstName = document.getElementById("register_firstName").value;
const lastName = document.getElementById("register_lastName").value;
const email = document.getElementById("register_email").value;
@ -351,13 +367,15 @@ async function register() {
}
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");
}
//User settings start
async function changePassword() {
"use strict";
const oldPassword = document.getElementById("changeOldPassword").value;
const newPassword = document.getElementById("changeNewPassword").value;
@ -371,11 +389,13 @@ async function changePassword() {
}
async function doChangePassword(requestData, successMessage, failureMessage) {
await doAction('/account', requestData, successMessage, failureMessage);
"use strict";
await doAction('/account', requestData, successMessage, failureMessage, false);
umami.track("passwordChange");
}
async function updateUserProfile() {
"use strict";
const firstName = document.getElementById("updateFirstName").value;
const lastName = document.getElementById("updateLastName").value;
const nickname = document.getElementById("updateNickname").value;
@ -389,11 +409,12 @@ async function updateUserProfile() {
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");
}
async function updateEmail() {
"use strict";
const newEmail = document.getElementById("updateNewEmail").value;
const data = {
@ -401,11 +422,12 @@ async function updateEmail() {
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");
}
async function populateUserInfoFields(userData) {
"use strict";
document.getElementById("updateFirstName").value = userData.FirstName || "";
document.getElementById("updateLastName").value = userData.LastName || "";
document.getElementById("updateNickname").value = userData.Nickname || "";
@ -414,6 +436,7 @@ async function populateUserInfoFields(userData) {
}
async function restoreUserInfo() {
"use strict";
for (let i = 0; i < localStorage.length; i++) {
let key = localStorage.key(i);
if (key.startsWith("UserInfo_")) {
@ -424,12 +447,13 @@ async function restoreUserInfo() {
}
async function getUserInfo() {
"use strict";
const data = {
action: "get_user_info",
};
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 => {
let value = result.UserInfo[index];
localStorage.setItem("UserInfo_" + index, value);
@ -444,6 +468,7 @@ async function getUserInfo() {
//Admin settings start
async function addActivationCodes() {
"use strict";
const count = document.getElementById("activationCodeCount").value;
const data = {
@ -451,26 +476,28 @@ async function addActivationCodes() {
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);
umami.track("addActivationCodes");
});
}
async function listUsers(silent = false) {
async function listUsers(silent) {
"use strict";
const data = {
action: "list_users",
};
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);
}
});
}
async function listActivationCodes(silent = false) {
async function listActivationCodes(silent) {
"use strict";
const data = {
action: "list_activation_codes",
};
@ -481,31 +508,33 @@ async function listActivationCodes(silent = false) {
}
async function deleteUser(userId) {
"use strict";
const data = {
action: "delete_user",
user_id: userId,
};
await doAction('/account', data, "User deleted Successfully!", "User deletion failed.");
await listUsers();
await doAction('/account', data, "User deleted Successfully!", "User deletion failed.", false);
await listUsers(false);
umami.track("deleteUser");
}
async function deleteActivationCode(activationCode) {
"use strict";
const data = {
action: "delete_activation_code",
activation_code: activationCode,
};
await doAction('/account', data, "Activation code deleted Successfully!", "Activation code deletion failed.");
await listActivationCodes();
await doAction('/account', data, "Activation code deleted Successfully!", "Activation code deletion failed.", false);
await listActivationCodes(false);
umami.track("deleteActivationCode");
}
//Admin settings end
if (document.readyState !== "loading") {
setTimeout(initAjax, 0);
} else {
if ("loading" === document.readyState) {
document.addEventListener("DOMContentLoaded", initAjax);
} else {
setTimeout(initAjax, 0);
}

@ -17,6 +17,7 @@
--third-bg: #383838;
}
body {
display: grid;
width: 100%;
@ -37,6 +38,13 @@ body {
padding: 0;
}
body > nav,
body > footer {
background-color: rgba(0, 0, 0, 0.6);
padding: 1.2rem;
text-align: center;
}
body > nav {
display: flex;
flex-direction: row;
@ -48,13 +56,14 @@ body > nav {
margin-bottom: 20px;
}
body > footer {
grid-area: foot;
box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
margin-top: 20px;
}
body > page {
body > main {
grid-area: main;
height: 100%;
}
@ -70,11 +79,23 @@ header hr {
width: 30%;
}
li {
list-style: none;
}
header ul li {
list-style: circle;
width: fit-content;
}
ul {
display: flex;
flex-direction: row;
gap: 2.5rem;
list-style: none;
padding-left: 0;
}
header ul {
display: flex;
flex-direction: column;
@ -105,22 +126,12 @@ li a:hover::after {
width: 85%;
}
li {
list-style: none;
}
li.navpage_item {
padding-left: 20px;
padding-right: 20px;
}
nav,
footer {
background-color: rgba(0, 0, 0, 0.6);
padding: 1.2rem;
text-align: center;
}
table>tbody,
table>tbody>tr,
table>tbody>tr>th,
@ -130,6 +141,15 @@ table>tbody>tr>td {
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 {
border: unset;
border-radius: unset;
@ -142,14 +162,6 @@ table {
border-collapse: collapse;
}
ul {
display: flex;
flex-direction: row;
gap: 2.5rem;
list-style: none;
padding-left: 0;
}
ul.navpage_list {
gap: 10px;
border: 4px solid var(--primary-hover) !important;
@ -266,6 +278,7 @@ ul.navpage_list {
width: inherit;
}
/*noinspection CssUnusedSymbol*/
#navsite_list.active {
display: flex;
-moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
@ -292,6 +305,7 @@ ul.navpage_list {
flex-direction: column;
}
/*noinspection CssUnusedSymbol*/
.status-message {
background-color: #dff0d8;
/* Success background color */
@ -305,6 +319,7 @@ ul.navpage_list {
transition: opacity 0.5s ease-in-out;
}
/*noinspection CssUnusedSymbol*/
.status-message.failure {
background-color: #f2dede;
/* Failure background color */
@ -353,15 +368,6 @@ textarea{
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 {
background: var(--primary);
transition-duration: 0.3s;
@ -380,10 +386,8 @@ header.ye-span:hover + body{
background-size: 10% !important;
}
body:has(.ye-span:hover) {
background: url('/assets/images/ye.jpg') repeat !important;
background-size: 10% !important;
}
#articlecreate {
position: fixed;
@ -425,6 +429,7 @@ div#articleslist > article > div.articleinfo > *{
width: fit-content;
}
/*noinspection CssUnusedSymbol*/
div#articleslist > article > div.articleinfo{
display: flex;
flex-direction: row;
@ -432,8 +437,4 @@ div#articleslist > article > div.articleinfo{
div#articleslist>article{
border: 4px solid var(--primary);
}
a.navsite_link.active:after{
}

@ -57,16 +57,28 @@ function saveUploadedFileInDatabase($filePath, $fileType):bool
function doImageUpload($inFile, $outFile): bool
{
// Create Imagick object
$imagick = new Imagick($inFile);
try {
$imagick = new Imagick($inFile);
} catch (ImagickException $e) {
}
// Set the desired format for reencoding (WebP)
$imagick->setImageFormat('webp');
try {
$imagick->setImageFormat('webp');
} catch (ImagickException $e) {
}
// Remove non-essential metadata
$imagick->stripImage();
try {
$imagick->stripImage();
} catch (ImagickException $e) {
}
// 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
$imagick->destroy();
@ -138,19 +150,16 @@ function parseIncomingFiles(): array
foreach ($incomingFiles as $incomingFile) {
if ($incomingFile["error"] == 0 && is_file($incomingFile["tmp_name"])) {
$type = explode("/", $incomingFile["type"]);
switch ($type) {
case "image":
$imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
$uploadPath = getUploadPath("image", $imgFname);
if(!empty($uploadPath)) {
if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
$success = false;
}
}
else{
if ($type == "image") {
$imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
$uploadPath = getUploadPath("image", $imgFname);
if (!empty($uploadPath)) {
if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
$success = false;
}
break;
} else {
$success = false;
}
}
}
}

@ -2,5 +2,6 @@
<h2>TY KÁR KAM TO DEŠ</h2>
<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>
<!--suppress HtmlUnknownTarget -->
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
</div>

@ -2,5 +2,6 @@
<h2>TY KÁR KAM TO DEŠ</h2>
<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>
<!--suppress HtmlUnknownTarget -->
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
</div>

@ -2,5 +2,6 @@
<h2>Niekto to pobabral</h2>
<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>
<!--suppress HtmlUnknownTarget -->
<a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
</div>

@ -1,40 +1,5 @@
<!-- Centralized Status Message -->
<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">
<div class="container" id="container">
<div class="form-container sign-up">
@ -57,13 +22,5 @@
<button type="button" onclick="login()">Login</button>
</form>
</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>
</main>

@ -18,9 +18,9 @@
__TEMPLATE__NAV__
</nav>
<div id="statusMessageContainer"></div>
<page id="page_container">
<main id="page_container">
__TEMPLATE__PAGE__
</page>
</main>
<footer id="footer_container">
__TEMPLATE__FOOTER__
</footer>