From ab33da919b04cf2267bc171b3fc2d66f836238a7 Mon Sep 17 00:00:00 2001 From: Thuvaraka Yogarajah Date: Mon, 1 Jun 2026 20:39:58 +0200 Subject: [PATCH] Filter own posts from feeds --- html/dashboard.html | 63 ++++++++++++++++++++++++++++++++++++------- html/marketplace.html | 34 ++++++++++++++--------- 2 files changed, 75 insertions(+), 22 deletions(-) diff --git a/html/dashboard.html b/html/dashboard.html index ad05b4b..8a1bb1e 100644 --- a/html/dashboard.html +++ b/html/dashboard.html @@ -34,17 +34,17 @@
- - - - + + + +
-
+
Sarah Jenkins
@@ -68,7 +68,7 @@
-
+
Alex Chen
@@ -92,7 +92,7 @@
-
+
Mia Wong
@@ -116,7 +116,7 @@
-
+
Tom Rivera
@@ -161,6 +161,51 @@ fetch('../html/topbar.html') .then(r => r.text()) .then(data => document.getElementById('topbar-container').innerHTML = data); + + const currentUserHandle = '@sunny_the_cat'; + const followedCreatorHandles = ['@sarahj', '@miawong']; + const postsGrid = document.querySelector('.posts-grid'); + const feedButtons = document.querySelectorAll('[data-feed-filter]'); + const feedPosts = Array.from(document.querySelectorAll('.post-card')); + + function getFollowingPosts() { + return feedPosts.filter(post => { + const authorHandle = post.dataset.authorHandle; + return authorHandle !== currentUserHandle && followedCreatorHandles.includes(authorHandle); + }); + } + + function getPublicPosts() { + return feedPosts.filter(post => post.dataset.authorHandle !== currentUserHandle); + } + + function renderFeed(filter) { + let visiblePosts = filter === 'following' ? getFollowingPosts() : getPublicPosts(); + + if (filter === 'trending') { + visiblePosts = visiblePosts.sort((a, b) => Number(b.dataset.popularity) - Number(a.dataset.popularity)); + } + + if (filter === 'recent') { + visiblePosts = visiblePosts.sort((a, b) => Number(a.dataset.recency) - Number(b.dataset.recency)); + } + + feedPosts.forEach(post => post.hidden = true); + visiblePosts.forEach(post => { + post.hidden = false; + postsGrid.appendChild(post); + }); + } + + feedButtons.forEach(button => { + button.addEventListener('click', () => { + feedButtons.forEach(item => item.classList.remove('active')); + button.classList.add('active'); + renderFeed(button.dataset.feedFilter); + }); + }); + + renderFeed('for-you'); - \ No newline at end of file + diff --git a/html/marketplace.html b/html/marketplace.html index 73fd66f..fa85732 100644 --- a/html/marketplace.html +++ b/html/marketplace.html @@ -96,11 +96,11 @@
-
+
Creative Blog Post Generator

Creative Blog Post Generator

-
@JaneDoe
+
@sarahj

Generate engaging blog posts in minutes to captivate your audience.

4.8 @@ -115,11 +115,11 @@
-
+
Python Code Assistant

Python Code Assistant

-
@JaneDoe
+
@alexchen

Efficiently debug and write Python code with AI assistance.

4.7 @@ -134,11 +134,11 @@
-
+
Digital Art Style Guide

Digital Art Style Guide

-
@JaneDoe
+
@miawong

Create stunning digital art styles with this comprehensive guide.

4.8 @@ -153,11 +153,11 @@
-
+
Marketing Copywriter

Marketing Copywriter

-
@JaneDoe
+
@sunny_the_cat

Generate engaging marketing copy in minutes.

4.8 @@ -172,11 +172,11 @@
-
+
Midjourney Image Prompts

Midjourney Image Prompts

-
@JaneDoe
+
@tomrivera

Curated prompts for stunning Midjourney images.

4.7 @@ -191,11 +191,11 @@
-
+
UI Design Assistant

UI Design Assistant

-
@JaneDoe
+
@liamob

Generate UI components and design systems with AI.

4.9 @@ -232,6 +232,14 @@ fetch('../html/topbar.html') .then(r => r.text()) .then(data => document.getElementById('topbar-container').innerHTML = data); + + const currentUserHandle = '@sunny_the_cat'; + + document.querySelectorAll('.prompt-card').forEach(prompt => { + if (prompt.dataset.authorHandle === currentUserHandle) { + prompt.remove(); + } + }); - \ No newline at end of file +