2dc68c41a7
- Slug renames (mig 0004): billboard-my-scrolls → my-scrolls; billboard-my-contacts → my-contacts; billboard-most-recent → most-recent-scroll (name → "Most Recent Scroll"); billboard-notes → notes - Partial filenames lose the `billboard-` token to mirror dashboard/gameboard convention; element ids follow (id_applet_my_scrolls, id_applet_my_contacts, id_applet_most_recent_scroll, id_applet_notes, id_applet_scroll); .applet-billboard-scroll → .applet-scroll - View fn billboard.views.room_scroll → scroll; template apps/billboard/room_scroll.html → scroll.html (URL name `billboard:scroll` already correct) - ITs + FTs updated to new identifiers; SCSS selectors retitled Code architected by Disco DeDisco <discodedisco@outlook.com> Git commit message Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
35 lines
1.5 KiB
HTML
35 lines
1.5 KiB
HTML
{% load lyric_extras %}
|
|
<section
|
|
id="id_applet_most_recent_scroll"
|
|
style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
|
|
>
|
|
<h2>Most Recent Scroll</h2>
|
|
{% if recent_room %}
|
|
<a href="{% url 'billboard:scroll' recent_room.id %}" class="most-recent-room-link">{{ recent_room.name }}</a>
|
|
<section id="id_drama_scroll" class="drama-scroll">
|
|
<a href="{% url 'billboard:scroll' recent_room.id %}" class="most-recent-load-more">Load more….</a>
|
|
{% for event in recent_events %}
|
|
<div class="drama-event {% if event.actor == viewer %}mine{% else %}theirs{% endif %}">
|
|
<span class="drama-event-body{% if event.struck %} struck{% endif %}">
|
|
<strong>{{ event.actor|display_name }}</strong>
|
|
{{ event.to_prose|safe }}
|
|
</span>
|
|
<time class="drama-event-time" datetime="{{ event.timestamp|date:'c' }}">
|
|
{{ event.timestamp|relative_ts }}
|
|
</time>
|
|
</div>
|
|
{% empty %}
|
|
<p class="event-empty"><small>No events yet.</small></p>
|
|
{% endfor %}
|
|
</section>
|
|
{% else %}
|
|
<p><small>No recent activity.</small></p>
|
|
{% endif %}
|
|
</section>
|
|
<script>
|
|
(function() {
|
|
var scroll = document.getElementById('id_drama_scroll');
|
|
if (scroll) scroll.scrollTop = scroll.scrollHeight;
|
|
})();
|
|
</script>
|