Added forums
This commit is contained in:
@ -6,45 +6,126 @@
|
||||
<div class="container py-3">
|
||||
<div class="col-12 bg-white p-3">
|
||||
<div class="col-12">
|
||||
{% if post.creator == user and not post.resolved or perms.forum.change_post and not post.resolved %}
|
||||
<div class="btn-group float-right">
|
||||
<button class="btn" data-toggle="modal" data-target="#editModal"><i class="fa fa-pencil"></i></button>
|
||||
{% if post.creator == user or perms.forum.delete_post %}
|
||||
<button class="btn" data-toggle="modal" data-target="#deleteModal"><i class="fa fa-trash"></i></button>
|
||||
{% endif %}
|
||||
<button class="btn btn-danger" data-toggle="modal" data-target="#closeModal">Close</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
<h2 class="mb-0">{{ post.title }}</h2>
|
||||
<small class="text-muted">Asked By: {{ post.creator }}</small>
|
||||
<span class="text-muted">
|
||||
{% if post.resolved %}<span class="badge badge-sm badge-danger">Closed</span> {% endif %}
|
||||
Asked By: {{ post.creator }}, {{ post.created | date }}
|
||||
</span>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-12 mt-3">
|
||||
{{ post }}
|
||||
<div class="col-12 my-3">
|
||||
{{ post.question | safe }}
|
||||
</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>
|
||||
{% if comments %}
|
||||
<div class="col-12 mt-5">
|
||||
<h4>Answers</h4>
|
||||
<ul class="list-group w-100">
|
||||
{% for comment in comments %}
|
||||
<li class="list-group-item">
|
||||
<span class="text-muted">{{ comment.creator }}, {{ comment.created | date }}</span>
|
||||
{% autoescape off %}
|
||||
{{ comment }}
|
||||
{% endautoescape %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</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 %}
|
||||
{% if not post.resolved and perms.forum.add_comment %}
|
||||
<div class="col-12 bg-white mt-3 py-3" style="overflow: auto">
|
||||
<div class="col-12">
|
||||
<h5>Comment</h5>
|
||||
<form method="post">
|
||||
<div>
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="request" value="comment">
|
||||
{{ form.reply }}
|
||||
<button class="btn btn-primary float-right mt-3">Create</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModal" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Edit</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="editForm" method="post">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="request" value="edit">
|
||||
{{ editForm.question }}
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
||||
<button type="submit" class="btn btn-primary" form="editForm">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModal" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Delete Post</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Are you sure you would like to delete this post? It cannot be undone.
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="request" value="delete">
|
||||
<button class="btn"><i class="fa fa-trash"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="closeModal" tabindex="-1" role="dialog" aria-labelledby="closeModal" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Close Post</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Are you sure you would like to close this issue? No one will be able to respond anylonger.
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="request" value="resolve">
|
||||
<button class="btn btn-danger" data-toggle="modal" data-target="#closeModal">Close</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,14 +1,23 @@
|
||||
{% extends 'base.html' %}
|
||||
{% load bootstrap_tags %}
|
||||
|
||||
{% block head %}
|
||||
<script>
|
||||
$(function () {
|
||||
{% if form.errors %}
|
||||
$('#create-post-modal').modal(show = true);
|
||||
{% endif %}
|
||||
|
||||
$('#my-posts').popover({
|
||||
title: 'My Posts',
|
||||
placement: 'bottom',
|
||||
html: true,
|
||||
content: '<ul class="list-group">{% if myPosts.count == 0 %}None{% endif %}{% for post in myPosts %}<a href="{% url 'post' post.id %}" class="list-group-item list-group-item-action">{{ post.title }}</a>{% endfor %}</ul>'
|
||||
});
|
||||
|
||||
$('#createPostButton').click(function () {
|
||||
$('#createPost').submit();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
@ -42,17 +51,22 @@
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="text-white d-inline">Posts</h3>
|
||||
<ul class="list-group">
|
||||
{% for post in posts %}
|
||||
<a href="{% url 'post' post.id %}"
|
||||
class="list-group-item list-group-item-action">{{ post.title }}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% if posts %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="text-white d-inline">{% if thread %}"{{ thread }}" {% endif %}Posts</h3>
|
||||
<ul class="list-group">
|
||||
{% for post in posts %}
|
||||
<a href="{% url 'post' post.id %}" class="list-group-item list-group-item-action">
|
||||
{% if post.resolved %}<span class="badge badge-danger">Closed</span> {% endif %}
|
||||
{{ post.title }}
|
||||
<span class="float-right text-muted">{{ post.creator }}, {{ post.created | date }}</span>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -66,29 +80,13 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="col-12">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="title">Title</label>
|
||||
<input class="form-control" name="title">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="thread">Topic</label>
|
||||
<select class="form-control" name="thread">
|
||||
{% for thread in threads %}
|
||||
<option value="{{ thread.id }}">{{ thread.topic }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="title">Body</label>
|
||||
<textarea class="form-control" name="body"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form id="createPost" method="post">
|
||||
{% csrf_token %}
|
||||
{{ form | as_bootstrap }}
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">Create</button>
|
||||
<button id="createPostButton" type="button" class="btn btn-primary">Create</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user