From 188a2c366690f0cd1c70a29d3dc913e0d2374886 Mon Sep 17 00:00:00 2001 From: Omar Najjar Date: Sun, 9 Mar 2025 21:39:09 +1100 Subject: [PATCH 1/3] x comments --- index.html | 125 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 124 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 95a362b..278957d 100644 --- a/index.html +++ b/index.html @@ -1824,6 +1824,18 @@ async function submitVote(proposalId, voteType, isPetition = false, petitionDeta
${formatDate(proposal.timestamp)}
+
+ + +
`; proposalsContainer.appendChild(proposalCard); @@ -1856,9 +1868,47 @@ async function submitVote(proposalId, voteType, isPetition = false, petitionDeta copyToClipboard(getShareableLink(proposal.id)); }); } + + +// Add comments toggle functionality +const commentsToggle = document.getElementById(`comments-toggle-${proposal.id}`); +const commentsContainer = document.getElementById(`comments-container-${proposal.id}`); + +if (commentsToggle && commentsContainer) { + commentsToggle.addEventListener('click', function() { + const isVisible = commentsContainer.style.display !== 'none'; + + if (isVisible) { + commentsContainer.style.display = 'none'; + this.querySelector('.comments-toggle-icon').textContent = '▶'; + } else { + commentsContainer.style.display = 'block'; + this.querySelector('.comments-toggle-icon').textContent = '▼'; + loadComments(proposal.id); + } }); } +// Add event listener for comment submission +const commentSubmit = document.querySelector(`.comment-submit[data-proposal-id="${proposal.id}"]`); +if (commentSubmit) { + commentSubmit.addEventListener('click', function() { + const commentInput = document.getElementById(`comment-input-${proposal.id}`); + const commentText = commentInput.value.trim(); + + if (commentText) { + submitComment(proposal.id, commentText); + commentInput.value = ''; + } + }); +} + +// Update comment count +updateCommentCount(proposal.id); + +}); +} + // Create meme upload elements function createMemeUpload() { const uploadContainer = document.createElement('div'); @@ -2793,7 +2843,6 @@ function addCommentsToProposal(proposalCard, proposalId) { const commentsToggle = document.createElement('button'); commentsToggle.className = 'comments-toggle'; commentsToggle.setAttribute('aria-expanded', 'false'); - commentsToggle.innerHTML = '▶ x comments'; const commentsContainer = document.createElement('div'); commentsContainer.className = 'comments-container'; @@ -2914,6 +2963,80 @@ function addCommentsToProposal(proposalCard, proposalId) { } }); + + // Add these functions outside your renderProposals function + +function updateCommentCount(proposalId) { + const commentsToggle = document.getElementById(`comments-toggle-${proposalId}`); + if (!commentsToggle) return; + + fetch(`${API_BASE_URL}/comments?proposalId=${proposalId}`) + .then(response => response.json()) + .then(comments => { + const commentCount = comments.length; + const commentText = commentCount === 1 ? 'comment' : 'comments'; + commentsToggle.innerHTML = `▶ ${commentCount} ${commentText}`; + }) + .catch(error => { + commentsToggle.innerHTML = `▶ 0 comments`; + }); +} + +function loadComments(proposalId) { + const commentsList = document.getElementById(`comments-list-${proposalId}`); + if (!commentsList) return; + + commentsList.innerHTML = '
Loading comments...
'; + + fetch(`${API_BASE_URL}/comments?proposalId=${proposalId}`) + .then(response => response.json()) + .then(comments => { + if (comments.length === 0) { + commentsList.innerHTML = '
No comments yet. Be the first to comment!
'; + return; + } + + commentsList.innerHTML = ''; + comments.forEach(comment => { + const commentElement = document.createElement('div'); + commentElement.className = 'comment'; + commentElement.innerHTML = ` +
+ ${comment.user_name} + ${formatDate(comment.timestamp)} +
+
${comment.comment_text}
+ `; + commentsList.appendChild(commentElement); + }); + }) + .catch(error => { + commentsList.innerHTML = '
Failed to load comments.
'; + }); +} + +function submitComment(proposalId, commentText) { + fetch(`${API_BASE_URL}/comments`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + proposalId: proposalId, + userId: currentUser.id, + commentText: commentText + }) + }) + .then(response => response.json()) + .then(data => { + loadComments(proposalId); + updateCommentCount(proposalId); + showToastMessage('Comment posted!', '#11cc77'); + }) + .catch(error => { + showToastMessage('Failed to post comment', '#ff0099'); + }); +}
hit me
From 1e01838ce7acfeb4929c6998fa3500cf5cd2f0d7 Mon Sep 17 00:00:00 2001 From: Omar Najjar Date: Sun, 9 Mar 2025 21:53:27 +1100 Subject: [PATCH 2/3] play dat music white boi --- index.html | 160 +++++++++++++++++++++++++++++++---------------------- 1 file changed, 93 insertions(+), 67 deletions(-) diff --git a/index.html b/index.html index 9c851fb..2e80174 100644 --- a/index.html +++ b/index.html @@ -1774,77 +1774,103 @@ function addCommentsToProposal(proposalCard, proposalId) { toggleComments(proposalId, commentsToggle); }); } - // Music player functionality - document.addEventListener('DOMContentLoaded', () => { - // Set up variables - const backgroundMusic = document.getElementById('background-music'); - const musicControls = document.getElementById('music-controls'); - const musicToggle = document.getElementById('music-toggle'); - const musicPrompt = document.getElementById('music-prompt'); - let musicInitialized = false; - - // Show the prompt after a delay - setTimeout(() => { - musicPrompt.classList.add('visible'); - }, 3000); - - // Audio file URL - this should point to your audio file in R2 - const audioUrl = 'https://radical.omar-c29.workers.dev/memes/steppingout.mp3'; - - // Initialize music on first click anywhere on the page - document.addEventListener('click', initializeMusic, { once: true }); - - function initializeMusic() { - if (musicInitialized) return; - - // Set the audio source - backgroundMusic.src = audioUrl; - - // Load the audio - backgroundMusic.load(); - - // Play the audio (this may fail due to browser autoplay policies) - playAudio(); - - // Show the music controls - musicControls.style.display = 'flex'; - - // Hide the prompt - musicPrompt.classList.remove('visible'); - - // Add event listener for the toggle button - musicToggle.addEventListener('click', toggleMusic); - - // Mark as initialized - musicInitialized = true; - - // Remove the initial click listener - document.removeEventListener('click', initializeMusic); - } - - function playAudio() { - backgroundMusic.play().then(() => { - // Use a span wrapper to apply the animation - musicToggle.innerHTML = '📀'; - musicToggle.classList.remove('pulse'); - }).catch(error => { - console.error('Failed to play audio:', error); - musicToggle.innerHTML = '📻'; - musicToggle.classList.add('pulse'); - }); + // Music player functionality +document.addEventListener('DOMContentLoaded', () => { + // Set up variables + const backgroundMusic = document.getElementById('background-music'); + const musicControls = document.getElementById('music-controls'); + const musicToggle = document.getElementById('music-toggle'); + const musicPrompt = document.getElementById('music-prompt'); + let musicInitialized = false; + + // Make sure the musicPrompt element exists + if (!musicPrompt) { + console.error("Music prompt element not found!"); + return; + } + + // Make sure it's visible and clickable + musicPrompt.style.opacity = '1'; + musicPrompt.style.pointerEvents = 'auto'; + musicPrompt.style.cursor = 'pointer'; + musicPrompt.classList.add('visible'); + + // Log when the element is clicked for debugging + console.log("Music prompt element found, adding click listener"); + + // Audio file URL - this should point to your audio file in R2 + const audioUrl = 'https://radical.omar-c29.workers.dev/memes/steppingout.mp3'; + + // Initialize music only when the "hit me" button is clicked + musicPrompt.addEventListener('click', function(e) { + console.log("Hit me button clicked!"); + e.preventDefault(); + e.stopPropagation(); + initializeMusic(); + }); + + function initializeMusic() { + console.log("Initializing music..."); + if (musicInitialized) { + console.log("Music already initialized, returning"); + return; } - function toggleMusic() { - if (backgroundMusic.paused) { - playAudio(); - } else { - backgroundMusic.pause(); - musicToggle.innerHTML = '📻'; - musicToggle.classList.add('pulse'); - } - } + // Set the audio source + backgroundMusic.src = audioUrl; + console.log("Set audio source to:", audioUrl); + // Load the audio + backgroundMusic.load(); + console.log("Audio loaded"); + + try { + // Play the audio (this may fail due to browser autoplay policies) + console.log("Attempting to play audio..."); + playAudio(); + + // Show the music controls + musicControls.style.display = 'flex'; + + // Hide the prompt + musicPrompt.style.display = 'none'; + + // Add event listener for the toggle button + musicToggle.addEventListener('click', toggleMusic); + + // Mark as initialized + musicInitialized = true; + + console.log("Music initialized successfully"); + } catch (error) { + console.error("Error initializing music:", error); + } + } + + function playAudio() { + console.log("Playing audio..."); + backgroundMusic.play().then(() => { + console.log("Audio playing successfully"); + // Use a span wrapper to apply the animation + musicToggle.innerHTML = '📀'; + musicToggle.classList.remove('pulse'); + }).catch(error => { + console.error('Failed to play audio:', error); + musicToggle.innerHTML = '📻'; + musicToggle.classList.add('pulse'); }); + } + + function toggleMusic() { + if (backgroundMusic.paused) { + playAudio(); + } else { + backgroundMusic.pause(); + musicToggle.innerHTML = '📻'; + musicToggle.classList.add('pulse'); + } + } +}); // Add these functions outside your renderProposals function From 83ed2aae924911f8ba8446bb0985efe4439973ee Mon Sep 17 00:00:00 2001 From: Omar Najjar Date: Sun, 9 Mar 2025 21:57:40 +1100 Subject: [PATCH 3/3] added cloudflare analytics --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 2e80174..0342b8b 100644 --- a/index.html +++ b/index.html @@ -1958,5 +1958,6 @@ function submitComment(proposalId, commentText) { + \ No newline at end of file