119 lines
5.7 KiB
HTML
119 lines
5.7 KiB
HTML
{%- from 'common/macros.html' import subheader, timestamp, pager, babycode_editor_component -%}
|
|
{%- from 'common/icons.html' import icn_bookmark -%}
|
|
{%- from 'common/macros.html' import full_post, bookmark_menu with context -%}
|
|
{%- extends 'base.html' -%}
|
|
{%- block title -%}{{thread.title}}{%- endblock -%}
|
|
{%- block content -%}
|
|
<bitty-8 data-connect="/static/js/bits/bookmark-menu.js"></bitty-8>
|
|
<bitty-8 data-connect="/static/js/bits/thread.js"></bitty-8>
|
|
{%- set td -%}
|
|
<ul class="horizontal">
|
|
<li>Started by <a href="{{url_for('users.user_page', username=started_by.username)}}">{{started_by.get_readable_name()}}</a> in topic <a href="{{url_for('topics.topic_by_id', topic_id=topic.id)}}">{{topic.name}}</a></li>
|
|
{%- if thread.locked() or thread.stickied() -%}
|
|
{%- if thread.locked() -%}
|
|
<li class="visible">Locked</li>
|
|
{%- endif -%}
|
|
{%- if thread.stickied() -%}
|
|
<li class="visible">Stickied</li>
|
|
{%- endif -%}
|
|
{%- endif -%}
|
|
</ul>
|
|
{%- endset -%}
|
|
{%- call() subheader(thread.title, td) -%}
|
|
<fieldset class="plank even no-shadow minimal subheader-actions">
|
|
<legend>Actions</legend>
|
|
{%- if is_logged_in() -%}
|
|
{%- if thread.user_id == get_active_user().id -%}
|
|
<a class="linkbutton" href="{{url_for('threads.edit', thread_id=thread.id)}}">Rename</a>
|
|
{%- endif -%}
|
|
<form action="{{url_for('threads.subscribe' if not get_active_user().is_subscribed(thread.id) else 'threads.unsubscribe', thread_id=thread.id)}}" method="POST">
|
|
<input type="hidden" name="last_post_timestamp" value="{{last_post.created_at}}">
|
|
<input type="hidden" name="last_post_id" value="{{last_post.id}}">
|
|
<input type="submit" value="{{'Subscribe' if not get_active_user().is_subscribed(thread.id) else 'Unsubscribe'}}">
|
|
</form>
|
|
<button disabled autocomplete='off' data-r="enhance" data-s="showBookmarkMenu" title="This feature requires JavaScript to be enabled." data-concept-kind="thread" data-concept-id="{{thread.id}}">{{icn_bookmark(24)}}Bookmark…</button>
|
|
{%- endif -%}
|
|
<a href="{{url_for('threads.feed', thread_id=thread.id)}}" class="linkbutton rss">Subscribe via RSS</a>
|
|
</fieldset>
|
|
{%- if is_mod() -%}
|
|
<fieldset class="plank even no-shadow minimal subheader-actions">
|
|
<legend>Moderation actions</legend>
|
|
{%- if thread.user_id != get_active_user().id -%}
|
|
<a class="linkbutton warn" href="{{url_for('threads.edit', thread_id=thread.id)}}">Rename</a>
|
|
{%- endif -%}
|
|
<form method="POST">
|
|
<input type="hidden" name="lock" value="{{(not thread.locked()) | int}}">
|
|
<input type="hidden" name="sticky" value="{{(not thread.stickied()) | int}}">
|
|
<input type="submit" class="warn" value="{{'Unlock' if thread.locked() else 'Lock'}}" formaction="{{url_for('mod.lock_thread', thread_id=thread.id)}}">
|
|
<input type="submit" class="warn" value="{{'Unsticky' if thread.stickied() else 'Sticky'}}" formaction="{{url_for('mod.sticky_thread', thread_id=thread.id)}}">
|
|
</form>
|
|
<form class="horizontal wrap" method="POST" action="{{url_for('mod.move_thread', thread_id=thread.id)}}">
|
|
<select name="new_topic_id" id="new-topic-id" autocomplete="off" required>
|
|
<option selected disabled value="">Move to topic:</option>
|
|
{%- for t in topics -%}
|
|
<option value="{{t.id}}" {{'disabled' if t.id==topic.id else ''}}>{{t.name}}</option>
|
|
{%- endfor -%}
|
|
</select>
|
|
<input type="submit" value="Move" class="warn">
|
|
</form>
|
|
</fieldset>
|
|
<fieldset class="plank even no-shadow minimal subheader-actions">
|
|
<legend>Page</legend>
|
|
{{- pager(page, page_count) -}}
|
|
</fieldset>
|
|
{%- endif -%}
|
|
{%- endcall -%}
|
|
<main>
|
|
{%- for post in posts -%}
|
|
<article id="post-{{post.id}}" class="post plank" data-postid="{{post.id}}">
|
|
{{full_post(post)}}
|
|
</article>
|
|
{%- endfor -%}
|
|
</main>
|
|
<div class="plank secondary-bg">
|
|
<fieldset class="plank even no-shadow minimal subheader-actions">
|
|
<legend>Page</legend>
|
|
{{- pager(page, page_count) -}}
|
|
</fieldset>
|
|
</div>
|
|
<div id="new-post-toast" class="plank even contrast-bg hidden">
|
|
<span>New post in thread!</span>
|
|
<span class="notification-buttons">
|
|
<button>Dismiss</button>
|
|
<button>View post</button>
|
|
<button>Stop updates</button>
|
|
</span>
|
|
</div>
|
|
{{ bookmark_menu() }}
|
|
<dialog closedby="any" class="plank thread-lighbox" data-r="showLightbox closeLightbox">
|
|
<div class="menu">
|
|
<button data-s="closeLightbox">Close</button>
|
|
<a href="" target="_blank" rel="noreferrer noopener" class="linkbutton alt">Open original</a>
|
|
</div>
|
|
<img class="lightbox-image" src="https://placehold.co/900x710">
|
|
<div class="menu">
|
|
<button data-s="lightboxPrevious">Previous</button>
|
|
<span data-r="lightboxSetCounter">0/0</span>
|
|
<button data-s="lightboxNext">Next</button>
|
|
</div>
|
|
</dialog>
|
|
{%- if is_logged_in() and get_active_user().can_post_to_thread_or_topic(thread) -%}
|
|
<div class="plank even" id="reaction-popover" popover data-r="openReactionMenu closeReactionMenu">
|
|
{%- for emoji in REACTION_EMOJI -%}
|
|
<button class="minimal emoji-button" title=":{{emoji}}:" data-emoji="{{emoji}}" data-s="toggleReaction"><img src="/static/emoji/{{emoji}}.png"></button>
|
|
{%- endfor -%}
|
|
</div>
|
|
{%- endif -%}
|
|
{%- if is_logged_in() and get_active_user().can_post_to_thread_or_topic(thread) -%}
|
|
<form action="{{url_for('threads.reply', thread_id=thread.id)}}" method="POST" class="plank post-edit-form" data-listen="submit" data-r="clearThreadDraft" data-s="clearThreadDraft">
|
|
<h2 class="info">Reply to "{{thread.title}}"</h2>
|
|
{{- babycode_editor_component() -}}
|
|
<span>
|
|
<input type="checkbox" {{'' if session['dont_subscribe_by_default'] else 'checked'}} name="subscribe" id="subscribe" autocomplete=off>
|
|
<label for="subscribe">Subscribe to thread</label>
|
|
</span>
|
|
<span><input type="submit" value="Post reply"></span>
|
|
</form>
|
|
{%- endif -%}
|
|
{%- endblock -%}
|