Voyage/templates/thread.html

84 lines
2.9 KiB
HTML
Raw Normal View History

2019-12-10 18:19:01 -05:00
<!DOCTYPE html>
<html lang="en">
<head>
<title>Voyage</title>
<link rel="stylesheet" type="text/css" href="/static/voyage.css">
2019-12-11 19:47:19 -05:00
<script>const url_prefix = "{{ url_prefix }}";</script>
2019-12-10 18:19:01 -05:00
<script type="text/javascript" src="/static/voyage.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="A quest archive viewer.">
</head>
<body>
<header>
<h1>Voyage</h1>
2022-08-17 21:19:14 -04:00
<span id="visibility_menu_toggle" onclick="toggle_visibility_menu(event)">Visibility</span>
<div id="visibility_menu" style="display: none;">
<table>
<thead>
<tr>
<th>Tag</th>
<th>Faded</th>
<th>Hidden</th>
</tr>
</thead>
<tbody>
<tr>
<td>non-qm posts</td><td><input type="checkbox" onchange="toggle_visibility(event)" checked></td><td><input type="checkbox" onchange="toggle_visibility(event)"></td>
</tr>
{% for tag in tags_vis %}
<tr>
<td>{{ tag }}</td><td><input type="checkbox" onchange="toggle_visibility(event)"></td><td><input type="checkbox" onchange="toggle_visibility(event)"></td>
</tr>
{% endfor %}
<tr>
<td>post tags</td><td></td><td><input type="checkbox" onchange="toggle_visibility(event)"></td>
</tr>
<tr>
<td>post header</td><td></td><td><input type="checkbox" onchange="toggle_visibility(event)"></td>
</tr>
2022-08-17 21:19:14 -04:00
</tbody>
</table>
</div>
2019-12-10 18:19:01 -05:00
</header>
<main>
2019-12-11 19:47:19 -05:00
{% for post in posts %}
2019-12-17 18:46:54 -05:00
<div id="{{ post.id }}" class="post_container{% if tags[post.id] %} {{ ' '.join(tags[post.id]) }}{% endif %}{% if 'qm_post' not in tags[post.id] %} faded{% endif %}">
2019-12-11 19:47:19 -05:00
<div class="tags">
{% for tag in tags.get(post.id, []) %}
2019-12-17 18:46:54 -05:00
<span class="tag">{{ tag }} <span class="tag_button" onclick="remove_tag(event)">-</span></span>
2019-12-11 19:47:19 -05:00
{% endfor %}
2019-12-17 18:46:54 -05:00
<span class="tag"><input type="text"><span class="tag_button" onclick="add_tag(event)">+</span></span>
2019-12-11 19:47:19 -05:00
</div>
2019-12-10 18:19:01 -05:00
<div class="header">
{% if post.subject %}
<span class="subject">{{ post.subject }}</span>
{% endif %}
<span class="name">{{ post.name }}</span>
2019-12-11 19:47:19 -05:00
{% if post.tripcode %}
<span class="tripcode">{{ post.tripcode }}</span>
2019-12-10 18:19:01 -05:00
{% endif %}
2019-12-17 18:46:54 -05:00
<span class="time">{{ post.time.astimezone().strftime('%Y-%m-%d %H:%M') }}</span>
2019-12-10 18:19:01 -05:00
<span class="id">No.{{ post.id }}</span>
{% if backlinks.get(post.id) %}
<span class="backlinks">
{% for link in backlinks[post.id] %}
<a class="backlink" href="#{{ link }}">>>{{ link }}</a>
{% endfor %}
</span>
{% endif %}
</div>
<div class="body">
{% for line in post.body.splitlines() %}
{% if line.startswith('>') %}
2019-12-11 19:47:19 -05:00
<span class="quote">{{ line|quotelink(links[post.id]) }}</span><br>
2019-12-10 18:19:01 -05:00
{% else %}
2019-12-11 19:47:19 -05:00
{{ line|quotelink(links[post.id]) }}<br>
2019-12-10 18:19:01 -05:00
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
</main>
</body>
</html>