hyzen/hyzendust.github.io
1
0
Fork 0
mirror of https://github.com/hyzendust/hyzendust.github.io.git synced 2026-06-30 23:12:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update: comment-box restructure

Browse Source
This commit is contained in:
hyzen
2026-06-09 18:30:41 +05:30
parent 3995a84a0f
commit e1c6bb1eb6
2 changed files with 18 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
layouts/blog/single.html
View File

@@ -14,7 +14,6 @@
<!-- ── Comments ── -->
<section class="comments" id="comments">
<h2 class="comments__title">Comments</h2>
<div id="comments-status" class="comments__status"></div>
<div id="comments-list" class="comments__list"></div>
</section>
@@ -25,8 +24,7 @@
var username = localStorage.getItem('f4_username');
var isAdmin = false;
var statusEl = document.getElementById('comments-status');
var listEl = document.getElementById('comments-list');
var listEl = document.getElementById('comments-list');
// ── Helpers ──
function escHtml(s) {
@@ -192,11 +190,24 @@
return;
}
isAdmin = !!data.is_admin;
isAdmin = !!data.is_admin;
username = data.username || null;
// Comment form for logged-in users
// ── Render comments first ──
if (!data.comments.length) {
var empty = document.createElement('p');
empty.className = 'comments__empty';
empty.textContent = 'No comments yet. Be the first!';
listEl.appendChild(empty);
} else {
data.comments.forEach(function (c) {
listEl.appendChild(renderComment(c, 0));
});
}
// ── Then: form (logged in) or login prompt (logged out) ──
if (data.logged_in) {
var form = makeForm('Write a comment…', 'Post comment', function (text, done) {
var form = makeForm('Comment as ' + data.username + '…', 'Post comment', function (text, done) {
fetch(BACKEND, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
@@ -217,18 +228,6 @@
msg.innerHTML = '<a href="/login/">Log in</a> or <a href="/signup/">Sign up</a> to comment.';
listEl.appendChild(msg);
}
if (!data.comments.length) {
var empty = document.createElement('p');
empty.className = 'comments__empty';
empty.textContent = 'No comments yet. Be the first!';
listEl.appendChild(empty);
return;
}
data.comments.forEach(function (c) {
listEl.appendChild(renderComment(c, 0));
});
})
.catch(function () {
listEl.innerHTML = '<p class="comments__error">Failed to load comments.</p>';