51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
|
{% extends 'base.html' %}
|
||
|
|
{% load static %}
|
||
|
|
|
||
|
|
{% block body %}
|
||
|
|
<div class="container-fluid bg-dark-primary">
|
||
|
|
<div class="container py-3">
|
||
|
|
<div class="col-12 bg-white p-3">
|
||
|
|
<div class="col-12">
|
||
|
|
<h2 class="mb-0">{{ post.title }}</h2>
|
||
|
|
<small class="text-muted">Asked By: {{ post.creator }}</small>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 mt-3">
|
||
|
|
{{ post }}
|
||
|
|
</div>
|
||
|
|
{% for comment in comments %}
|
||
|
|
<div class="col-12 bg-white p-3 mt-3 rounded" style="border: 1px solid rgba(0, 0, 0, 0.2">
|
||
|
|
<div class="col-12">
|
||
|
|
<small class="text-muted">Answered By: {{ comment.creator }}</small>
|
||
|
|
<div class="w-100">
|
||
|
|
{% autoescape off %}
|
||
|
|
{{ comment }}
|
||
|
|
{% endautoescape %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-12 bg-white mt-3 py-3" style="position: relative">
|
||
|
|
<div>
|
||
|
|
<h5>Comment</h5>
|
||
|
|
<form method="post" action="{% url 'comment' %}">
|
||
|
|
{% csrf_token %}
|
||
|
|
<input name="post" type="hidden" value="{{ post.id }}">
|
||
|
|
<textarea class="form-control" name="comment" value="{{ comment }}"
|
||
|
|
{% if not request.user.is_authenticated or not perms.form.add_comment %}disabled{% endif %}></textarea>
|
||
|
|
<button class="btn btn-primary float-right">Create</button>
|
||
|
|
</form>
|
||
|
|
{% if not request.user.is_authenticated %}
|
||
|
|
<span style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)">You must <a
|
||
|
|
href="{% url 'login' %}">login</a> to comment</span>
|
||
|
|
{% endif %}
|
||
|
|
{% if request.user.is_authenticatednot and perms.form.add_comment %}
|
||
|
|
<span style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)">You do not have permission to comment</span>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|