132 lines
		
	
	
		
			6.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			132 lines
		
	
	
		
			6.5 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">
 | 
						|
                    {% 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>
 | 
						|
                    <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 my-3">
 | 
						|
                    {{ post.question | safe }}
 | 
						|
                </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>
 | 
						|
                {% endif %}
 | 
						|
            </div>
 | 
						|
 | 
						|
            {% 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>
 | 
						|
{% endblock %} |