Compare commits

base: retoor:7cd7ce2f1062b2b35a46ead86f73ab3051cd79db
Branches Tags
retoor:master
retoor:production
..
compare: retoor:adb07bb40ecde1154a35323dc7b9188281ca3097
Branches Tags
retoor:master
retoor:production

3 Commits
7cd7ce2f10 ... adb07bb40e

Author SHA1 Message Date
retoor
adb07bb40e Update
Some checks failed
DevPlace CI / test (push) Failing after 1m55s
Details
2026-06-05 18:43:12 +02:00
retoor
0ce8e43b05 Updatex` 2026-06-05 18:42:43 +02:00
retoor
d53449133c Update 2026-06-05 18:18:11 +02:00
21 changed files with 422 additions and 221 deletions
Show Stats Expand all files Collapse all files

66
devplacepy/database.py
View File

@ -243,6 +243,29 @@ def get_user_votes(user_uid, target_uids):
return {r["target_uid"]: r["value"] for r in rows}
def _build_comment_items(raw, user=None):
uids = [c["user_uid"] for c in raw]
cids = [c["uid"] for c in raw]
users = get_users_by_uids(uids)
ups, downs = get_vote_counts(cids)
my_votes = get_user_votes(user["uid"], cids) if user else {}
from devplacepy.utils import time_ago
from devplacepy.attachments import get_attachments_batch as _gab
atts_map = _gab("comment", cids) if "attachments" in db.tables else {}
items = {}
for c in raw:
items[c["uid"]] = {
"comment": c,
"author": users.get(c["user_uid"]),
"time_ago": time_ago(c["created_at"]),
"votes": {"up": ups.get(c["uid"], 0), "down": downs.get(c["uid"], 0)},
"my_vote": my_votes.get(c["uid"], 0),
"children": [],
"attachments": atts_map.get(c["uid"], []),
}
return items
def load_comments(target_type, target_uid, user=None):
if "comments" not in db.tables:
return []
@ -252,25 +275,7 @@ def load_comments(target_type, target_uid, user=None):
raw = list(comments_table.find(post_uid=target_uid, order_by=["created_at"]))
if not raw:
return []
uids = [c["user_uid"] for c in raw]
cids = [c["uid"] for c in raw]
users = get_users_by_uids(uids)
ups, downs = get_vote_counts(cids)
my_votes = get_user_votes(user["uid"], cids) if user else {}
from devplacepy.utils import time_ago
from devplacepy.attachments import get_attachments_batch as _gab
atts_map = _gab("comment", cids) if "attachments" in db.tables else {}
cmap = {}
for c in raw:
cmap[c["uid"]] = {
"comment": c,
"author": users.get(c["user_uid"]),
"time_ago": time_ago(c["created_at"]),
"votes": {"up": ups.get(c["uid"], 0), "down": downs.get(c["uid"], 0)},
"my_vote": my_votes.get(c["uid"], 0),
"children": [],
"attachments": atts_map.get(c["uid"], []),
}
cmap = _build_comment_items(raw, user)
top = []
for item in cmap.values():
parent = item["comment"].get("parent_uid")
@ -281,6 +286,29 @@ def load_comments(target_type, target_uid, user=None):
return top
def get_recent_comments_by_post_uids(post_uids, limit=3, user=None):
if not post_uids or "comments" not in db.tables:
return {}
placeholders, params = _in_clause(post_uids)
params["lim"] = limit
raw = list(db.query(
f"SELECT * FROM ("
f" SELECT *, ROW_NUMBER() OVER ("
f" PARTITION BY target_uid ORDER BY created_at DESC, id DESC"
f" ) AS rn FROM comments"
f" WHERE target_type='post' AND target_uid IN ({placeholders})"
f") WHERE rn <= :lim ORDER BY target_uid, created_at ASC",
**params,
))
if not raw:
return {}
items = _build_comment_items(raw, user)
result = defaultdict(list)
for c in raw:
result[c["target_uid"]].append(items[c["uid"]])
return dict(result)
def get_attachments(resource_type: str, resource_uid: str) -> list:
if "attachments" not in db.tables:
return []

7
devplacepy/routers/feed.py
View File

@ -1,7 +1,7 @@
import logging
from fastapi import APIRouter, Request
from fastapi.responses import HTMLResponse
from devplacepy.database import get_table, get_daily_topic, get_users_by_uids, get_comment_counts_by_post_uids, get_site_stats, get_top_authors, paginate
from devplacepy.database import get_table, get_daily_topic, get_users_by_uids, get_comment_counts_by_post_uids, get_recent_comments_by_post_uids, get_site_stats, get_top_authors, paginate
from devplacepy.attachments import get_attachments_batch
from devplacepy.content import enrich_items
from devplacepy.templating import templates
@ -48,8 +48,11 @@ async def feed_page(request: Request, tab: str = "all", topic: str = None, befor
post_uids_list = [item["post"]["uid"] for item in posts]
attachments_map = get_attachments_batch("post", post_uids_list)
recent_comments = get_recent_comments_by_post_uids(post_uids_list, 3, user)
for item in posts:
item["attachments"] = attachments_map.get(item["post"]["uid"], [])
uid = item["post"]["uid"]
item["attachments"] = attachments_map.get(uid, [])
item["recent_comments"] = recent_comments.get(uid, [])
seo_ctx = list_page_seo(
request,

8
devplacepy/static/css/admin.css
View File

@ -374,6 +374,14 @@
}
}
@media (hover: none) and (pointer: coarse) {
.admin-select,
.admin-btn-sm,
.admin-btn {
min-height: 44px;
}
}
@media (max-width: 480px) {
.admin-toolbar {
flex-direction: column;

9
devplacepy/static/css/attachments.css
View File

@ -258,3 +258,12 @@
height: 72px;
}
}
@media (hover: none) and (pointer: coarse) {
.attachment-preview .attachment-remove {
width: 28px;
height: 28px;
font-size: 0.875rem;
opacity: 1;
}
}

101
devplacepy/static/css/base.css
View File

@ -702,6 +702,84 @@ img {
.comment-author { font-size: 0.8125rem; font-weight: 600; color: var(--text-primary); }
.comment-author:hover { color: var(--accent); }
.comment-form {
display: flex;
gap: 0.75rem;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--border);
align-items: center;
}
.comment-reply-form {
margin-top: 0.75rem;
}
.comment-form > a {
flex-shrink: 0;
line-height: 0;
}
.comment-form .mention-wrapper {
flex: 1;
min-width: 0;
width: auto;
}
.comment-form textarea {
width: 100%;
min-height: 44px;
max-height: 120px;
}
.comment-form-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-shrink: 0;
}
.comment-form-actions button {
padding: 0.375rem 0.5rem;
font-size: 1rem;
line-height: 1;
color: var(--text-muted);
background: none;
border: none;
border-radius: var(--radius);
cursor: pointer;
transition: color 0.2s;
}
.comment-form-actions button:hover {
color: var(--text-primary);
}
button.comment-form-submit {
padding: 0.375rem 0.5rem;
background: var(--accent);
color: #fff;
font-weight: 600;
font-size: 0.8125rem;
line-height: 1.4;
}
button.comment-form-submit:hover {
background: var(--accent-hover);
}
@media (max-width: 360px) {
.comment-form {
flex-wrap: wrap;
}
.comment-form > a {
display: none;
}
.comment-form .mention-wrapper {
flex: 1 1 100%;
}
}
.card {
background: var(--bg-card);
border: 1px solid var(--border);
@ -956,10 +1034,27 @@ img {
.profile-tab,
.sidebar-link,
.topnav-link,
.topnav-mobile-link {
.topnav-mobile-link,
.dropdown-item,
.btn,
.comment-form-submit {
min-height: 44px;
}
.topnav-icon,
.emoji-toggle-btn {
min-width: 44px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.dropdown-item {
display: flex;
align-items: center;
}
.modal-card input,
.modal-card textarea,
.modal-card select {
@ -979,6 +1074,10 @@ img {
.comment-text {
font-size: 0.8125rem;
}
.grid-2col {
grid-template-columns: 1fr;
}
}
.card-link-host {

21
devplacepy/static/css/bugs.css
View File

@ -56,3 +56,24 @@
font-size: 0.75rem;
color: var(--text-muted);
}
@media (max-width: 480px) {
.bugs-header {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.bugs-header h1 {
font-size: 1.25rem;
}
.bug-card {
padding: 1rem;
}
.bug-card-header {
flex-wrap: wrap;
gap: 0.5rem;
}
}

49
devplacepy/static/css/feed.css
View File

@ -340,33 +340,6 @@
box-shadow: 0 6px 20px rgba(229, 57, 53, 0.5);
}
.feed-comment-form {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid var(--border);
}
.feed-comment-form input {
flex: 1;
padding: 0.375rem 0.75rem;
font-size: 0.8125rem;
min-height: auto;
}
.feed-comment-submit {
padding: 0.375rem 0.75rem;
background: var(--accent);
color: #fff;
border-radius: var(--radius);
font-weight: 600;
font-size: 0.8125rem;
white-space: nowrap;
}
.feed-comment-submit:hover {
background: var(--accent-hover);
}
@media (max-width: 1024px) {
.feed-layout {
grid-template-columns: 1fr;
@ -407,14 +380,6 @@
margin-right: 0.125rem;
}
.feed-comment-form {
flex-wrap: wrap;
}
.feed-comment-form input {
min-width: 120px;
}
.post-card {
padding: 0.75rem;
}
@ -440,6 +405,11 @@
padding: 0.375rem 0.5rem;
font-size: 0.75rem;
}
.feed-fab {
bottom: calc(1rem + env(safe-area-inset-bottom));
right: calc(1rem + env(safe-area-inset-right));
}
}
@media (max-width: 360px) {
@ -596,3 +566,12 @@
color: var(--text-muted);
font-size: 0.875rem;
}
.post-card-comments {
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid var(--border);
display: flex;
flex-direction: column;
gap: 0.75rem;
}

8
devplacepy/static/css/gists.css
View File

@ -307,4 +307,12 @@
.gist-detail-title {
font-size: 1.25rem;
}
.CodeMirror {
min-height: 200px;
}
.gist-code-block pre {
padding: 0.75rem;
}
}

26
devplacepy/static/css/markdown.css
View File

@ -60,10 +60,13 @@
}
.rendered-content table {
width: 100%;
display: block;
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
margin: 0.75rem 0;
font-size: 0.8125rem;
-webkit-overflow-scrolling: touch;
}
.rendered-content th,
@ -147,3 +150,24 @@
font-size: 0.75em;
}
@media (max-width: 480px) {
.rendered-content ul,
.rendered-content ol {
padding-left: 1.125rem;
}
.rendered-content h1 { font-size: 1.125rem; }
.rendered-content h2 { font-size: 1.0625rem; }
.rendered-content h3 { font-size: 0.9375rem; }
.rendered-content h4 { font-size: 0.875rem; }
.rendered-content blockquote {
padding: 0.25rem 0.5rem;
}
.rendered-content pre code {
padding: 0.75rem;
font-size: 0.75rem;
}
}

6
devplacepy/static/css/mention.css
View File

@ -40,3 +40,9 @@
background: var(--accent-light);
color: var(--accent);
}
@media (hover: none) and (pointer: coarse) {
.mention-dropdown-item {
min-height: 44px;
}
}

8
devplacepy/static/css/messages.css
View File

@ -141,6 +141,7 @@
font-size: 0.875rem;
line-height: 1.5;
position: relative;
overflow-wrap: anywhere;
}
.message-bubble.mine {
@ -264,3 +265,10 @@
justify-content: center;
}
}
@media (hover: none) and (pointer: coarse) {
.messages-send-btn {
width: 44px;
height: 44px;
}
}

12
devplacepy/static/css/notifications.css
View File

@ -8,6 +8,8 @@
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1rem;
}
@ -98,4 +100,14 @@
}
}
@media (hover: none) and (pointer: coarse) {
.notification-dismiss {
min-width: 44px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
}

73
devplacepy/static/css/post.css
View File

@ -77,6 +77,7 @@
gap: 0.75rem;
padding: 1rem 0;
position: relative;
margin-left: calc(var(--comment-depth, 0) * 1.5rem);
}
.comment-replies {
@ -187,63 +188,6 @@
background: var(--bg-card-hover);
}
.comment-form {
display: flex;
gap: 0.75rem;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--border);
align-items: center;
}
.comment-form > a {
flex-shrink: 0;
line-height: 0;
}
.comment-form textarea {
flex: 1;
min-width: 0;
min-height: 44px;
max-height: 120px;
}
.comment-form-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-shrink: 0;
}
.comment-form-actions button {
padding: 0.375rem 0.5rem;
font-size: 1rem;
line-height: 1;
color: var(--text-muted);
background: none;
border: none;
border-radius: var(--radius);
cursor: pointer;
transition: color 0.2s;
}
.comment-form-actions button:hover {
color: var(--text-primary);
}
button.comment-form-submit {
padding: 0.375rem 0.5rem;
background: var(--accent);
color: #fff;
font-weight: 600;
font-size: 0.8125rem;
line-height: 1.4;
}
button.comment-form-submit:hover {
background: var(--accent-hover);
}
.comment-thread-line {
position: absolute;
left: 16px;
@ -273,6 +217,7 @@ button.comment-form-submit:hover {
.comment {
gap: 0.5rem;
margin-left: calc(var(--comment-depth, 0) * 0.5rem);
}
.comment-votes {
@ -283,17 +228,3 @@ button.comment-form-submit:hover {
padding-left: 0.25rem;
}
}
@media (max-width: 360px) {
.comment-form {
flex-wrap: wrap;
}
.comment-form > a {
display: none;
}
.comment-form textarea {
min-width: 100%;
}
}

2
devplacepy/static/css/services.css
View File

@ -89,7 +89,7 @@
line-height: 1.5;
color: var(--text-code, #e0e0e0);
white-space: pre-wrap;
word-break: break-all;
overflow-wrap: anywhere;
max-height: 300px;
overflow-y: auto;
margin: 0;

94
devplacepy/static/js/CommentManager.js
View File

@ -4,28 +4,80 @@ export class CommentManager {
}
initCommentReply() {
document.querySelectorAll("[data-action='reply']").forEach((btn) => {
btn.addEventListener("click", (e) => {
e.preventDefault();
const comment = btn.closest(".comment");
const commentForm = document.querySelector(".comment-form");
if (!comment || !commentForm) return;
const textarea = commentForm.querySelector("textarea");
if (!textarea) return;
let parentInput = commentForm.querySelector('input[name="parent_uid"]');
if (!parentInput) {
parentInput = document.createElement("input");
parentInput.type = "hidden";
parentInput.name = "parent_uid";
commentForm.appendChild(parentInput);
}
const commentBody = comment.querySelector(".comment-body");
if (commentBody && commentBody.dataset.commentUid) {
parentInput.value = commentBody.dataset.commentUid;
}
textarea.focus();
textarea.scrollIntoView({ behavior: "smooth" });
document.addEventListener("click", (e) => {
const btn = e.target.closest("[data-action='reply']");
if (!btn) return;
e.preventDefault();
this.toggleReplyForm(btn);
});
}
toggleReplyForm(btn) {
const comment = btn.closest(".comment");
if (!comment) return;
const body = comment.querySelector(".comment-body");
if (!body) return;
const existing = body.querySelector(":scope > .comment-reply-form");
if (existing) {
existing.remove();
return;
}
const template = document.getElementById("comment-reply-template");
if (!template) return;
const container = comment.closest(".post-card, .comments-section");
const source = container && container.querySelector(".comment-form:not(.comment-reply-form)");
if (!source) return;
const targetUid = source.querySelector('input[name="target_uid"]').value;
const targetType = source.querySelector('input[name="target_type"]').value;
const fragment = template.content.cloneNode(true);
const form = fragment.querySelector(".comment-form");
if (!form) return;
form.classList.add("comment-reply-form");
form.querySelector('input[name="target_uid"]').value = targetUid;
form.querySelector('input[name="target_type"]').value = targetType;
const parentInput = document.createElement("input");
parentInput.type = "hidden";
parentInput.name = "parent_uid";
parentInput.value = body.dataset.commentUid || "";
form.appendChild(parentInput);
const cancel = document.createElement("button");
cancel.type = "button";
cancel.className = "comment-action-btn comment-reply-cancel";
cancel.textContent = "Cancel";
cancel.addEventListener("click", () => form.remove());
form.querySelector(".comment-form-actions").appendChild(cancel);
const actions = body.querySelector(":scope > .comment-actions");
actions.insertAdjacentElement("afterend", form);
this.enhanceForm(form);
const textarea = form.querySelector("textarea");
if (textarea) textarea.focus();
}
enhanceForm(form) {
const enhancer = window.app && window.app.content;
if (enhancer) {
enhancer.initEmojiPickers();
enhancer.initMentionInputs();
enhancer.initAttachmentManagers();
}
const textarea = form.querySelector("textarea");
if (textarea) {
textarea.addEventListener("input", () => {
textarea.style.height = "auto";
textarea.style.height = `${Math.min(textarea.scrollHeight, 120)}px`;
});
}
form.addEventListener("submit", () => {
const btn = form.querySelector("button[type='submit']");
if (btn) btn.disabled = true;
});
}
}

46
devplacepy/templates/_comment.html Normal file
View File

@ -0,0 +1,46 @@
{% macro render_comment(item, depth=0) %}
<div class="comment" style="--comment-depth: {{ depth }};" data-depth="{{ depth }}">
<div class="comment-votes">
<form method="POST" action="/votes/comment/{{ item.comment['uid'] }}">
<input type="hidden" name="value" value="1">
<button type="submit" class="comment-vote-btn vote-up{% if item.my_vote == 1 %} voted{% endif %}">+</button>
</form>
<span class="comment-vote-count" data-vote-count="{{ item.comment['uid'] }}">{{ item.votes.up - item.votes.down }}</span>
<form method="POST" action="/votes/comment/{{ item.comment['uid'] }}">
<input type="hidden" name="value" value="-1">
<button type="submit" class="comment-vote-btn vote-down{% if item.my_vote == -1 %} voted{% endif %}">-</button>
</form>
</div>
<div class="comment-body" id="comment-{{ item.comment['uid'] }}" data-comment-uid="{{ item.comment['uid'] }}">
<div class="comment-header">
<a href="/profile/{{ item.author['username'] if item.author else '#' }}">
<img src="{{ avatar_url('multiavatar', item.author['username'] if item.author else '?', 32) }}" class="avatar-img avatar-sm" alt="{{ item.author['username'] if item.author else '?' }}" loading="lazy">
</a>
{% set _user = item.author %}{% set _class = "comment-author" %}{% include "_user_link.html" %}
<span class="comment-time">{{ item.time_ago }}</span>
</div>
<div class="comment-text rendered-content" data-render>{{ item.comment['content'] }}</div>
{% set attachments = item.get('attachments', []) %}
{% if attachments %}
{% include "_attachment_display.html" %}
{% endif %}
<div class="comment-actions">
<button class="comment-action-btn" data-action="reply"><span class="icon">&#x1F4AC;</span> Reply</button>
{% if user and item.comment['user_uid'] == user['uid'] %}
<form method="POST" action="/comments/delete/{{ item.comment['uid'] }}" class="inline-form">
<button type="submit" class="comment-action-btn"><span class="icon">&#x1F5D1;&#xFE0F;</span> Delete</button>
</form>
{% endif %}
</div>
{% if item.children %}
<div class="comment-replies">
{% for child in item.children %}
{{ render_comment(child, depth + 1) }}
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endmacro %}

17
devplacepy/templates/_comment_form.html Normal file
View File

@ -0,0 +1,17 @@
{% if user %}
<form class="comment-form" method="POST" action="/comments/create">
<input type="hidden" name="target_uid" value="{{ _comment_target_uid }}">
<input type="hidden" name="target_type" value="{{ _comment_target_type }}">
<a href="/profile/{{ user['username'] }}">
<img src="{{ avatar_url('multiavatar', user['username'], 32) }}" class="avatar-img avatar-sm" alt="{{ user['username'] }}" loading="lazy">
</a>
<textarea name="content" placeholder="Your opinion goes here..." required maxlength="1000" class="emoji-picker-target" data-mention></textarea>
<div class="comment-form-actions">
<div class="attachment-upload-container" data-attachment-upload
data-max-size="{{ max_upload_size_mb() }}"
data-max-files="{{ max_attachments_per_resource() }}"
data-allowed-types="{{ allowed_file_types() }}"></div>
<button type="submit" class="comment-form-submit"><span class="icon">&#x1F4E4;</span> Post</button>
</div>
</form>
{% endif %}

65
devplacepy/templates/_comment_section.html
View File

@ -1,52 +1,7 @@
<section class="comments-section">
<h3>Comments</h3>
{% macro render_comment(item, depth=0) %}
<div class="comment" style="margin-left: {{ depth * 1.5 }}rem;" data-depth="{{ depth }}">
<div class="comment-votes">
<form method="POST" action="/votes/comment/{{ item.comment['uid'] }}">
<input type="hidden" name="value" value="1">
<button type="submit" class="comment-vote-btn vote-up{% if item.my_vote == 1 %} voted{% endif %}">+</button>
</form>
<span class="comment-vote-count" data-vote-count="{{ item.comment['uid'] }}">{{ item.votes.up - item.votes.down }}</span>
<form method="POST" action="/votes/comment/{{ item.comment['uid'] }}">
<input type="hidden" name="value" value="-1">
<button type="submit" class="comment-vote-btn vote-down{% if item.my_vote == -1 %} voted{% endif %}">-</button>
</form>
</div>
<div class="comment-body" id="comment-{{ item.comment['uid'] }}" data-comment-uid="{{ item.comment['uid'] }}">
<div class="comment-header">
<a href="/profile/{{ item.author['username'] if item.author else '#' }}">
<img src="{{ avatar_url('multiavatar', item.author['username'] if item.author else '?', 32) }}" class="avatar-img avatar-sm" alt="{{ item.author['username'] if item.author else '?' }}" loading="lazy">
</a>
{% set _user = item.author %}{% set _class = "comment-author" %}{% include "_user_link.html" %}
<span class="comment-time">{{ item.time_ago }}</span>
</div>
<div class="comment-text rendered-content" data-render>{{ item.comment['content'] }}</div>
{% set attachments = item.get('attachments', []) %}
{% if attachments %}
{% include "_attachment_display.html" %}
{% endif %}
<div class="comment-actions">
<button class="comment-action-btn" data-action="reply"><span class="icon">&#x1F4AC;</span> Reply</button>
{% if user and item.comment['user_uid'] == user['uid'] %}
<form method="POST" action="/comments/delete/{{ item.comment['uid'] }}" class="inline-form">
<button type="submit" class="comment-action-btn"><span class="icon">&#x1F5D1;&#xFE0F;</span> Delete</button>
</form>
{% endif %}
</div>
{% if item.children %}
<div class="comment-replies">
{% for child in item.children %}
{{ render_comment(child, depth + 1) }}
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endmacro %}
{% from "_comment.html" import render_comment with context %}
{% for item in comments %}
{{ render_comment(item, 0) }}
@ -54,21 +9,5 @@
<p class="no-comments-msg">No comments yet. Start the discussion.</p>
{% endfor %}
{% if user %}
<form class="comment-form" method="POST" action="/comments/create">
<input type="hidden" name="target_uid" value="{{ target_uid }}">
<input type="hidden" name="target_type" value="{{ target_type }}">
<a href="/profile/{{ user['username'] }}">
<img src="{{ avatar_url('multiavatar', user['username'], 32) }}" class="avatar-img avatar-sm" alt="{{ user['username'] }}" loading="lazy">
</a>
<textarea name="content" placeholder="Your opinion goes here..." required maxlength="1000" class="emoji-picker-target" data-mention></textarea>
<div class="comment-form-actions">
<div class="attachment-upload-container" data-attachment-upload
data-max-size="{{ max_upload_size_mb() }}"
data-max-files="{{ max_attachments_per_resource() }}"
data-allowed-types="{{ allowed_file_types() }}"></div>
<button type="submit" class="comment-form-submit"><span class="icon">&#x1F4E4;</span> Post</button>
</div>
</form>
{% endif %}
{% set _comment_target_uid = target_uid %}{% set _comment_target_type = target_type %}{% include "_comment_form.html" %}
</section>

18
devplacepy/templates/_post_card.html
View File

@ -31,12 +31,16 @@
{% endif %}
</div>
{% if _show_comment_form and user %}
<form class="feed-comment-form" method="POST" action="/comments/create">
<input type="hidden" name="post_uid" value="{{ item.post['uid'] }}">
<img src="{{ avatar_url('multiavatar', user['username'], 24) }}" class="avatar-img avatar-24" alt="" loading="lazy">
<input type="text" name="content" placeholder="Your opinion goes here..." maxlength="1000" autocomplete="off" data-mention>
<button type="submit" class="feed-comment-submit">Post</button>
</form>
{% if item.recent_comments %}
{% from "_comment.html" import render_comment with context %}
<div class="post-card-comments">
{% for c in item.recent_comments %}
{{ render_comment(c, 0) }}
{% endfor %}
</div>
{% endif %}
{% if _show_comment_form %}
{% set _comment_target_uid = item.post['uid'] %}{% set _comment_target_type = "post" %}{% include "_comment_form.html" %}
{% endif %}
</article>

6
devplacepy/templates/base.html
View File

@ -167,6 +167,12 @@
</footer>
{% endblock %}
{% if user %}
<template id="comment-reply-template">
{% set _comment_target_uid = "" %}{% set _comment_target_type = "" %}{% include "_comment_form.html" %}
</template>
{% endif %}
<script defer src="/static/vendor/marked.umd.js"></script>
<script defer src="/static/vendor/highlight.min.js"></script>
<script defer src="/static/vendor/purify.min.js"></script>

1
devplacepy/templates/feed.html
View File

@ -3,6 +3,7 @@
{% block extra_head %}
<link rel="stylesheet" href="/static/css/feed.css">
<link rel="stylesheet" href="/static/css/sidebar.css">
<link rel="stylesheet" href="/static/css/post.css">
{% endblock %}
{% block content %}
<h1 class="sr-only">Feed</h1>