84 lines
3.5 KiB
HTML
84 lines
3.5 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}{{ quest.title }}{% endblock %}
|
|
{% block head %}
|
|
<link rel="stylesheet" type="text/css" href="{{ static('quest.css') }}">
|
|
{% if request.user == quest.owner %}
|
|
<link rel="stylesheet" type="text/css" href="{{ static('questQM.css') }}">
|
|
{% endif %}
|
|
<script>
|
|
const quest_id = {{ quest.id }};
|
|
const page_num = '{{ page_num }}';
|
|
const SCRIPT_NAME = '{{ request.META["SCRIPT_NAME"] }}';
|
|
const anon_name = '{{ quest.anon_name }}';
|
|
</script>
|
|
<script type="text/javascript" src="{{ static('quest.js') }}"></script>
|
|
{% if request.user == quest.owner %}
|
|
<script type="text/javascript" src="{{ static('questQM.js') }}"></script>
|
|
{% endif %}
|
|
<script>events = [socket.events['message'], socket.events['new_page']]; socket.events = {'message': events[0], 'new_page': events[1]}; delete events;</script>
|
|
<!-- We only want the message and new_page events on this page, others will error. Hacky solution, but it will do for now. -->
|
|
<script>window.onload = load;</script>
|
|
{% endblock %}
|
|
{% block header %}
|
|
{% include "quest/quest_header.html" %}
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div id="questPane" style="width:{% if request.session.get("hide_chat") == True %}100%{% else %}70%{% endif %};">
|
|
<h1 id="questTitle">{{ quest.title }}</h1>
|
|
{% if quest.banner_url %}<img id="banner" src="{{ quest.banner_url }}">{% endif %}
|
|
{% if quest.description %}<div id="description">{{ quest.description }}</div>{% endif %}
|
|
<div id="tags">
|
|
Tags: {% for tag in quest.tags.names() %}<a href="{{ url('quest:index') + '?tags=' + tag }}">{{ tag }}</a>{% if not loop.last %}, {% endif %}{% endfor %}
|
|
</div>
|
|
{% if request.user == quest.owner %}
|
|
<form method="post" action="{{ url('quest:new_tag', kwargs={'quest_id': quest_id}) }}">
|
|
{{ csrf_input }}
|
|
<input type="text" name="tag">
|
|
<input type="submit">
|
|
</form>
|
|
{% endif %}
|
|
{% if request.user.is_authenticated %}
|
|
<form id="subscribe" method="post" action="{{ url('quest:subscribe', kwargs={'quest_id': quest_id}) }}">
|
|
{{ csrf_input }}
|
|
<a onclick="document.getElementById('subscribe').submit()">Subscribe</a>
|
|
</form>
|
|
{% endif %}
|
|
<h3>Pages</h3>
|
|
<ul>
|
|
{% for page in pages %}
|
|
<li><a href="{{ url('quest:quest', args=[quest_id, page.page_num]) }}">{{ page.title }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% if appendices %}
|
|
<h3>Appendices</h3>
|
|
<ul>
|
|
{% for appendix in appendices %}
|
|
<li><a href="{{ url('quest:quest', args=[quest_id, appendix.page_num]) }}">{{ appendix.title }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% if quest.owner == request.user %}
|
|
<div id="QMPostPane">
|
|
<div>
|
|
<ul id="QMPostTabs">
|
|
<li><a class="QMPostTab" href="javascript:void(0);" onclick="openPostTab(event, 'QMPage')">Page</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="QMPage" class="QMPostTabContent" style="display:initial;">
|
|
<form id="QMPageForm" action="javascript:void(0);" onsubmit="form_post('QMPageForm', 'new_page');">
|
|
New Page: <input type="text" name="page_title" maxlength="200" value="Page {{ pages.last().page_num|int + 1 }}"><br>
|
|
Appendix: <input type="checkbox" name="appendix"><br>
|
|
<input type="submit" name="submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if vars['next_page'] %}
|
|
<div id="nextPageContainer">
|
|
<input type="button" id="nextPage" value="Next Page: {{ vars['next_page'].title }}" onclick="window.location.href='{{ url('quest:quest', args=[quest_id, vars['next_page'].page_num]) }}'">
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% include "quest/chat.html" %}
|
|
{% endblock %}
|