Some new modifications, and start of implementing profile page system.

Author: LinkNexus

.idea/codeception.xml

@@ -66,6 +66,7 @@ export default class CommentRequests {
                         location.href = `/comment/${data.respondedComment}/replies#comment-${data.id}`;
                     else {
                         location.href = `/post/${data.postId}/#comment-${data.id}`; //location.href.split("#")[0] + `#comment-${data.id}`
+                        location.reload();
                     }
                 } else {
                     Utilities.displayMessage(data.message, "danger");

.idea/deployment.xml

@@ -443,20 +443,20 @@ if (!onHomePage) {
             }
         })
     }
-} else {
-    for (let i = 0; i < commentFormButtons.length; i++) {
-        commentFormButtons[i].addEventListener("click", function () {
-            if (!onRepliesPage && i === 0) {
-                CommentRequests.submit(commentEditors[i], null, false, this.getAttribute("data-post-id"));
-            } else {
-                if (commentBars[i].getAttribute("toBeEdited") !== "true")
-                    CommentRequests.submit(commentEditors[i], this.getAttribute("data-comment-id"));
-                else
-                    CommentRequests.submit(commentEditors[i], this.getAttribute("data-comment-id"), true);
-            }
+}
 
-            this.style.display = "none";
-        })
-    }
+for (let i = 0; i < commentFormButtons.length; i++) {
+    commentFormButtons[i].addEventListener("click", function () {
+        if (!onRepliesPage && i === 0) {
+            CommentRequests.submit(commentEditors[i], null, false, this.getAttribute("data-post-id"));
+        } else {
+            if (commentBars[i].getAttribute("toBeEdited") !== "true")
+                CommentRequests.submit(commentEditors[i], this.getAttribute("data-comment-id"));
+            else
+                CommentRequests.submit(commentEditors[i], this.getAttribute("data-comment-id"), true);
+        }
+
+        this.style.display = "none";
+    })
 }
 

.idea/php.xml

@@ -6,6 +6,7 @@ import 'froala-editor/css/froala_editor.pkgd.min.css';
 import 'froala-editor/css/froala_style.min.css';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
+import "bootstrap";
 
 // Load your languages
 import 'froala-editor/js/languages/en_gb.js';
@@ -284,4 +285,4 @@ if (submitButton && createPostFormTitle && createPostFormTitle.innerText === 'Up
     if (postFormAudienceSelect.value.includes('friends_except') || postFormAudienceSelect.value.includes('specific_friends')) {
         postAudience.style.display = "block";
     }
-}
+}

.idea/phpspec.xml

@@ -37,4 +37,30 @@ export default class PostRequests {
                 })
         }
     }
+
+    static hide(post) {
+        if (confirm("Do you want to hide this post?")) {
+            return fetch(`/post/${post}/hide`, { method: "POST" })
+                .then(response => response.json())
+                .then(data => {
+                    return true
+                })
+                .catch(error => {
+                    console.log("Error: " + error);
+                    return false;
+                })
+        }
+    }
+
+    static show(post) {
+        return fetch(`/post/${post}/display`, { method: "POST" })
+            .then(response => response.json())
+            .then(data => {
+                return data?.content;
+            })
+            .catch(error => {
+                console.log("Error: " + error);
+                return false;
+            })
+    }
 }

.idea/symfony-blog.iml

@@ -65,6 +65,7 @@ function reactToPost(id, reaction = "like") {
 
 // Definition of the necessary variables of the HTML Elements
 const postMenus = document.querySelectorAll(".post-menu"),
+    postsContents = document.querySelectorAll(".post-block .fr-view"),
     postMenuBlocks = document.querySelectorAll(".post-menu-block"),
     postMenuButtons = document.querySelectorAll(".post-menu-button"),
     seeHistoryButtons = document.querySelectorAll(".see-history"),
@@ -78,8 +79,6 @@ const postMenus = document.querySelectorAll(".post-menu"),
     selectedFilters = document.querySelectorAll(".selected-filter"),
     filtersContainers = document.querySelectorAll(".filters"),
     allFilters = document.querySelectorAll(".filter"),
-    commentInputs = document.querySelectorAll(".comment-input"),
-    commentFormButtons = document.querySelectorAll('.comment-bar form svg'),
     storiesSection = document.querySelector(".stories-section"),
     postReactsNumbers = document.querySelectorAll(".post-reacts-number"),
     postReactionsContainerBlocks = document.querySelectorAll(".post-reactions-container-block"),
@@ -91,7 +90,16 @@ const postMenus = document.querySelectorAll(".post-menu"),
     createCommentBar = document.getElementById("create-comment-bar"),
     reportPostButtons = document.querySelectorAll(".report-post"),
     snoozeUserButtons = document.querySelectorAll(".snooze"),
-    blockUserButtons = document.querySelectorAll(".post-menu-action.block");
+    blockUserButtons = document.querySelectorAll(".post-menu-action.block"),
+    unBlockUserButtons = document.querySelectorAll(".post-menu-action.unblock"),
+    hidePostButtons = document.querySelectorAll(".hide-post"),
+    showPostButtons = document.querySelectorAll(".show-post"),
+    commentsBlocks = document.querySelectorAll(".comments"),
+    iframeCodeButtons = document.querySelectorAll(".iframe-code-button"),
+    iframeInputs = document.querySelectorAll(".iframe-input"),
+    iframeContainerCloseButtons = document.querySelectorAll(".iframe-container-close"),
+    iframeContainerBlocks = document.querySelectorAll(".iframe-container-block"),
+    embedPostButtons = document.querySelectorAll(".embed-post");
 
 const url = new URL(location.href);
 const queryParams = new URLSearchParams(location.search),
@@ -102,6 +110,12 @@ if (storiesSection) {
     for (const selectedFilter of selectedFilters) {
         selectedFilter.style.display = "none";
     }
+} else {
+    // Setting the title of the page to the title of the post content
+    const title = Utilities.getPostTitle();
+    if (title) {
+        document.title = `Nexus | ${title}`;
+    }
 }
 
 let allLikeNumbers = [],
@@ -190,7 +204,7 @@ for (let i = 0; i < postMenus.length; i++) {
                 dislikeButtons[i].style.color = 'inherit';
             }
         }
-    })
+    });
 
     dislikeButtons[i].addEventListener('click', async function (evt) {
         evt.preventDefault();
@@ -215,7 +229,7 @@ for (let i = 0; i < postMenus.length; i++) {
                 likeButtons[i].style.color = 'inherit';
             }
         }
-    })
+    });
 
     shareButtons[i].addEventListener("click", function (evt) {
         evt.preventDefault();
@@ -235,7 +249,7 @@ for (let i = 0; i < postMenus.length; i++) {
                 alert("Successful shared article")
             })
             .catch(err => console.log("Couldn't share the post"));
-    })
+    });
 
     reportPostButtons[i].addEventListener("click", async function () {
         await PostRequests.report(postMenus[i].getAttribute("data-post-id"));
@@ -245,6 +259,55 @@ for (let i = 0; i < postMenus.length; i++) {
         await UserRequests.snooze(postMenus[i].getAttribute("data-user-id"));
     });
 
+    blockUserButtons[i].addEventListener("click", async function () {
+        await UserRequests.block(postMenus[i].getAttribute("data-user-id"));
+    });
+
+    unBlockUserButtons[i].addEventListener("click", async function () {
+        await UserRequests.unblock(postMenus[i].getAttribute("data-user-id"));
+    });
+
+    hidePostButtons[i].addEventListener("click", async function () {
+        let result = await PostRequests.hide(postMenus[i].getAttribute("data-post-id"));
+        if (result) {
+            postsContents[i].innerHTML = "<p>This post has been hidden</p>";
+        }
+
+        showPostButtons[i].style.display = "flex";
+        this.style.display = "none";
+        commentsBlocks[i].style.display = "none";
+    });
+
+    showPostButtons[i].addEventListener("click", async function () {
+        let result = await PostRequests.show(postMenus[i].getAttribute("data-post-id"));
+        if (result) {
+            postsContents[i].innerHTML = result;
+        }
+
+        hidePostButtons[i].style.display = "flex";
+        this.style.display = "none";
+        commentsBlocks[i].style.display = "block";
+    });
+
+    iframeCodeButtons[i].addEventListener("click", function (evt) {
+        evt.preventDefault();
+        navigator.clipboard.writeText(iframeInputs[i].value)
+            .then(() => {
+                alert('Code copied to clipboard!');
+            }).catch(err => {
+            alert('Failed to copy code');
+        })
+        ;
+    });
+
+    iframeContainerCloseButtons[i].addEventListener("click", function () {
+        iframeContainerBlocks[i].style.display = "none";
+    });
+
+    embedPostButtons[i].addEventListener("click", function () {
+        iframeContainerBlocks[i].style.display = "flex";
+    })
+
     selectedFilters[i].addEventListener("click", function () {
         filtersContainers[i].style.display = getComputedStyle(filtersContainers[i]).display === "flex" ? "none" : "flex";
     })

.idea/webServers.xml

@@ -0,0 +1,72 @@
+import "./styles/profile.css";
+
+const profileNavBarActions = document.querySelectorAll('.profile-nav-bar-actions>.profile-nav-bar-action'),
+    profileNavBarDropdownTrigger = document.querySelector(".profile-nav-bar-dropdown-trigger"),
+    profileNavBarDropdown = document.querySelector(".profile-nav-bar-dropdown-menu"),
+    profileNavBarDropdownChevronUp = document.querySelector(".profile-nav-bar-dropdown-trigger .chevron-up"),
+    profileNavBarDropdownChevronDown = document.querySelector(".profile-nav-bar-dropdown-trigger .chevron-down"),
+    profileOptionsBlock = document.querySelector('.profile-options-container-block'),
+    profileOptionsBlockTrigger = document.querySelector('.supplementary-actions-button'),
+    profileOptionsBlockClose = document.querySelector('.profile-options-container-close');
+
+profileNavBarDropdownTrigger.addEventListener("click", function () {
+    if (getComputedStyle(profileNavBarDropdown).display === "none") {
+        profileNavBarDropdown.style.display = "block";
+        profileNavBarDropdownChevronUp.style.display = "block";
+        profileNavBarDropdownChevronDown.style.display = "none";
+    } else {
+        profileNavBarDropdown.style.display = "none";
+        profileNavBarDropdownChevronUp.style.display = "none";
+        profileNavBarDropdownChevronDown.style.display = "block";
+    }
+})
+
+profileOptionsBlockTrigger.addEventListener('click', function () {
+    profileOptionsBlock.style.display = 'flex';
+})
+
+profileOptionsBlockClose.addEventListener('click', function () {
+    profileOptionsBlock.style.display = 'none';
+})
+
+const url = new URL(window.location.href);
+const urlParts = (url.host + url.pathname).split("/");
+if (urlParts[2] !== "") {
+    const profileAction = document.querySelector(`.profile-nav-bar-action.${urlParts[2]}`);
+    if (profileAction) {
+        console.log(profileAction);
+        await onVisible(profileAction, () => {
+            profileNavBarDropdownTrigger.classList.remove('active');
+            profileAction.classList.add('active')
+        });
+        await notVisible(profileAction, () => {
+            profileAction.classList.remove('active');
+            profileNavBarDropdownTrigger.classList.add('active');
+        });
+    }
+} else
+    profileNavBarActions[0].classList.add('active');
+
+function onVisible(element, callback) {
+    new IntersectionObserver((entries, observer) => {
+        entries.forEach(entry => {
+            if(entry.intersectionRatio > 0) {
+                callback(element);
+                // observer.disconnect();
+            }
+        });
+    }).observe(element);
+    if(!callback) return new Promise(r => callback=r);
+}
+
+function notVisible(element, callback) {
+    new IntersectionObserver((entries, observer) => {
+        entries.forEach(entry => {
+            if(entry.intersectionRatio <= 0) {
+                callback(element);
+                // observer.disconnect();
+            }
+        });
+    }).observe(element);
+    if(!callback) return new Promise(r => callback=r);
+}

assets/comment-requests.js

@@ -43,7 +43,7 @@
 
 body {
     background-color: var(--principal-background);
-     font-family: SFProDisplay-Regular, serif;
+    font-family: SFProDisplay-Regular, serif;
     display: flex;
     align-content: center;
     box-sizing: unset;