Files
runnerspace/templates/pages/feed.html
Xevion c5c3b01dfa Use jQuery to allow users to like/unlike posts with dynamic updates
- Only the pages that need jQuery and the likes.js script will load it
2022-03-30 01:18:42 -05:00

32 lines
1.4 KiB
HTML

{% extends 'layouts/index.html' %}
{% from 'macros.html' import render_field %}
{% set use_jquery = true %}
{% set use_likes = true %}
{% block content %}
{% if current_user.is_authenticated %}
<form method="POST" class="form post-form">
{{ form.csrf_token }}
{{ render_field(form.text, show_label=False) }}
<input type=submit value="Create Post">
</form>
{% endif %}
<hr style="margin: 1.5em 0">
{% for post in posts %}
<div id="post-{{ post.id }}" class="post-box">
<i class="fas fa-heart {% if current_user.has_liked_post(post.id) %}liked{% endif %}" onclick="like({{ post.id }})"></i>
{{ post.text }}
<div class="post-author no-border">
{% with comment_count = post.comments|length %}
<em>Posted by <a href="{{ url_for('main.view_user', username=post.author.username) }}">{{ post.author.name }}</a></em>
<span title="{{ post.date_posted }}">{{ post.get_time_ago() }} ago</span>. |
<a href="{{ url_for('main.view_post', post_id=post.id) }}"><span> {{ comment_count }} comment{{ comment_count|pluralize }}</span></a>
| <span class="post-like-status">{{ post.get_like_text()|safe }}</span>
{% endwith %}
</div>
</div>
{% endfor %}
{% endblock content %}