applet feed unification — My Buds + My Notes drop the [Feature forthcoming] / empty placeholders for live top-3 feeds, mirroring the long-standing My Posts pattern; all five in-grid list applets (My Posts / My Buds / My Notes / My Scrolls / My Games) now route their <ul> through a single shared partial _applet-grid-list.html (newly extracted) so item rendering + empty-state row + scroll-buffer all live in one place — _applet-list-shell.html (the dedicated billbuds/billposts page shell) now internally includes the same grid-list partial for its inner <ul>, so the dedicated-page and in-grid lists share the same skeleton; new per-applet item partials _my_buds_applet_item.html (mirrors _my_buds_item.html w. data-bud-id + display_name), _my_notes_item.html (links to billboard:my_notes; uses display_name), _my_posts_applet_item.html (Post link + title), _my_scrolls_item.html (Room link to billboard:scroll), _my_games_item.html (Room link to epic:gatekeeper); view-side _billboard_context gains _recent_buds(user) — sorts the User.buds auto-through table by -id so newest-added-first w.o. an explicit through model w. timestamps (manage [r.to_user for r in rows]) — + _recent_notes(user) (user.notes.order_by('-earned_at')[:limit]); same two helpers threaded into new_post's GET-with-form-errors branch (line 270-274) so the rerender keeps the new applet content visible; 7 ITs added to BillboardViewTest covering recent_buds ordering / cap / empty + recent_notes ordering / cap / cross-user isolation / empty; SCSS — .applet-list / .applet-list-entry / .applet-list-buffer lifted from .applet-list-page .applet-scroll scope to top level so they apply in both surfaces; in-grid applets get display: flex; flex-direction: column; .applet-list { flex: 1 } so the list scrolls within the applet box; #id_applet_my_games ul-centring + .scroll-list + #id_applet_notes h2 { writing-mode: vertical-rl ... } overrides removed (centring was an empty-state-only behaviour, scroll-list + vertical-rl redundant w. the new shared rule + the %applet-box > h2 rule); My Games items now left-aligned by default; empty-state row recovers the centred-italic-dim treatment via .applet-list-entry--empty { flex: 1; display: flex; align-items: center; justify-content: center; opacity: 0.6; font-style: italic } + .applet-list:has(> .applet-list-entry--empty) { display: flex; flex-direction: column } — so "No buds yet" / "No notes yet" / "No games yet" / "No scrolls yet" / "No posts yet" all centre in their applet aperture, reverting to the left-aligned stack the moment a real item lands; Most Recent Scroll's outer empty <p><small>No recent activity.</small></p> adopts the same .applet-list-entry .applet-list-entry--empty classes (section is already flex-column from existing rule) so it picks up the unified centred-italic-dim treatment
pipeline fix — `_post_gear.html` (commit 6a7464e) gated the NVM target on `{% url 'billboard:my_posts' user_id=request.user.id %}`, which exploded w. NoReverseMatch when an anonymous user (Percival ch.18 anonymous-post lab — ownerless `Post.objects.create()`) hit view_post (which has no @login_required); whole gear-include now wrapped in `{% if request.user.is_authenticated %}` since anonymous viewers can't DEL/BYE/back-to-my-posts anyway; AnonymousPostViewerTest pins the 200-render + gear-absence contract so future ownerless-post regressions surface in ITs (pipeline run #298 fixed) — TDD
Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
17
src/templates/apps/applets/_partials/_applet-grid-list.html
Normal file
17
src/templates/apps/applets/_partials/_applet-grid-list.html
Normal file
@@ -0,0 +1,17 @@
|
||||
{# Scrollable <ul> shared by in-grid applet partials (My Buds / My Notes / #}
|
||||
{# My Posts / My Scrolls / My Games) AND by the dedicated billposts / #}
|
||||
{# billbuds pages that wrap it in _applet-list-shell.html. #}
|
||||
{# #}
|
||||
{# Parameters: #}
|
||||
{# list_items — iterable rendered into the list #}
|
||||
{# list_item_template — partial rendering each <li>; receives `item` #}
|
||||
{# list_empty — fallback string for the empty-state row #}
|
||||
{# list_id — optional `id=` for the <ul> (e.g. "id_buds_list") #}
|
||||
<ul {% if list_id %}id="{{ list_id }}"{% endif %} class="applet-list">
|
||||
{% for item in list_items %}
|
||||
{% include list_item_template %}
|
||||
{% empty %}
|
||||
<li class="applet-list-entry applet-list-entry--empty">{{ list_empty|default:"Nothing here yet." }}</li>
|
||||
{% endfor %}
|
||||
<li class="applet-list-buffer" aria-hidden="true"></li>
|
||||
</ul>
|
||||
@@ -1,7 +1,9 @@
|
||||
{# Shared applet-scroll-style list section — vertical-title <h2> on the #}
|
||||
{# left + scrollable <ul> aperture. Inclusion shell (NOT a base template) #}
|
||||
{# so a single page can invoke it more than once (e.g. my_posts.html #}
|
||||
{# stacks "My Posts" + "Posts shared with me"). #}
|
||||
{# stacks "My Posts" + "Posts shared with me"). The inner <ul> is in the #}
|
||||
{# shared `_applet-grid-list.html` partial so the in-grid applet #}
|
||||
{# partials can reuse it without the .applet-scroll <section> wrapper. #}
|
||||
{# #}
|
||||
{# Parameters: #}
|
||||
{# shell_title — vertical-rotated heading text (string) #}
|
||||
@@ -12,12 +14,5 @@
|
||||
{# shell_empty — text for the {% empty %} fallback row #}
|
||||
<section class="applet-scroll">
|
||||
<h2>{{ shell_title }}</h2>
|
||||
<ul {% if shell_list_id %}id="{{ shell_list_id }}"{% endif %} class="applet-list">
|
||||
{% for item in shell_items %}
|
||||
{% include shell_item_template %}
|
||||
{% empty %}
|
||||
<li class="applet-list-entry applet-list-entry--empty">{{ shell_empty|default:"Nothing here yet." }}</li>
|
||||
{% endfor %}
|
||||
<li class="applet-list-buffer" aria-hidden="true"></li>
|
||||
</ul>
|
||||
{% include "apps/applets/_partials/_applet-grid-list.html" with list_items=shell_items list_item_template=shell_item_template list_empty=shell_empty list_id=shell_list_id %}
|
||||
</section>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% else %}
|
||||
<p><small>No recent activity.</small></p>
|
||||
<p class="applet-list-entry applet-list-entry--empty">No recent activity.</p>
|
||||
{% endif %}
|
||||
</section>
|
||||
<script>
|
||||
|
||||
@@ -3,5 +3,5 @@
|
||||
style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
|
||||
>
|
||||
<h2><a href="{% url 'billboard:my_buds' %}" class="my-buds-main">My Buds</a></h2>
|
||||
{% include "core/_partials/_forthcoming.html" %}
|
||||
{% include "apps/applets/_partials/_applet-grid-list.html" with list_items=recent_buds list_item_template="apps/billboard/_partials/_my_buds_applet_item.html" list_empty="No buds yet." %}
|
||||
</section>
|
||||
|
||||
@@ -3,15 +3,5 @@
|
||||
style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
|
||||
>
|
||||
<h2><a href="{% url 'billboard:my_posts' user.id %}" class="my-posts-main">My Posts</a></h2>
|
||||
<div class="my-posts-container">
|
||||
<ul>
|
||||
{% for post in recent_posts %}
|
||||
<li>
|
||||
<a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
|
||||
</li>
|
||||
{% empty %}
|
||||
<li>No posts yet.</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% include "apps/applets/_partials/_applet-grid-list.html" with list_items=recent_posts list_item_template="apps/billboard/_partials/_my_posts_applet_item.html" list_empty="No posts yet." %}
|
||||
</section>
|
||||
|
||||
@@ -3,13 +3,5 @@
|
||||
style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
|
||||
>
|
||||
<h2>My Scrolls</h2>
|
||||
<ul class="scroll-list">
|
||||
{% for room in my_rooms %}
|
||||
<li>
|
||||
<a href="{% url 'billboard:scroll' room.id %}">{{ room.name }}</a>
|
||||
</li>
|
||||
{% empty %}
|
||||
<li><small>No scrolls yet.</small></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% include "apps/applets/_partials/_applet-grid-list.html" with list_items=my_rooms list_item_template="apps/billboard/_partials/_my_scrolls_item.html" list_empty="No scrolls yet." %}
|
||||
</section>
|
||||
|
||||
@@ -2,5 +2,6 @@
|
||||
id="id_applet_notes"
|
||||
style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
|
||||
>
|
||||
<h2><a href="/billboard/my-notes/">My Notes</a></h2>
|
||||
<h2><a href="{% url 'billboard:my_notes' %}">My Notes</a></h2>
|
||||
{% include "apps/applets/_partials/_applet-grid-list.html" with list_items=recent_notes list_item_template="apps/billboard/_partials/_my_notes_item.html" list_empty="No notes yet." %}
|
||||
</section>
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
{% load lyric_extras %}
|
||||
{# Recent-bud row for the My Buds in-grid applet. `item` is a User. #}
|
||||
{# Mirrors the dedicated billbuds page item: just a name chip, no link #}
|
||||
{# (per-bud surface doesn't exist yet — coming in the 3-col sprint). #}
|
||||
<li class="applet-list-entry bud-entry" data-bud-id="{{ item.id }}">
|
||||
<span class="bud-name">{{ item|display_name }}</span>
|
||||
</li>
|
||||
@@ -0,0 +1,4 @@
|
||||
{# Recent-note row for the My Notes in-grid applet. `item` is a Note. #}
|
||||
<li class="applet-list-entry">
|
||||
<a href="{% url 'billboard:my_notes' %}">{{ item.display_name }}</a>
|
||||
</li>
|
||||
@@ -0,0 +1,4 @@
|
||||
{# Recent-posts row for the My Posts in-grid applet. `item` is a Post. #}
|
||||
<li class="applet-list-entry">
|
||||
<a href="{{ item.get_absolute_url }}">{{ item.title }}</a>
|
||||
</li>
|
||||
@@ -0,0 +1,4 @@
|
||||
{# Recent-scroll row for the My Scrolls in-grid applet. `item` is a Room. #}
|
||||
<li class="applet-list-entry">
|
||||
<a href="{% url 'billboard:scroll' item.id %}">{{ item.name }}</a>
|
||||
</li>
|
||||
@@ -3,6 +3,9 @@
|
||||
{# User-Posts add DEL (owner) or BYE (invitee). #}
|
||||
{# Admin-Posts (kind=NOTE_UNLOCK) intentionally have NVM only — DEL + BYE #}
|
||||
{# don't apply to system-authored threads. #}
|
||||
{# Anonymous viewers (Percival ch.18 anonymous-post lab) get no gear at all #}
|
||||
{# — they can't DEL/BYE and the my_posts NVM target needs request.user.id. #}
|
||||
{% if request.user.is_authenticated %}
|
||||
<div id="id_post_menu" style="display:none">
|
||||
<a href="{% url 'billboard:my_posts' user_id=request.user.id %}" class="btn btn-cancel">NVM</a>
|
||||
{% if post.kind != 'note_unlock' %}
|
||||
@@ -20,3 +23,4 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
{% include "apps/applets/_partials/_gear.html" with menu_id="id_post_menu" %}
|
||||
{% endif %}
|
||||
|
||||
@@ -3,11 +3,5 @@
|
||||
style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
|
||||
>
|
||||
<h2>My Games</h2>
|
||||
<ul class="game-list">
|
||||
{% for room in my_games %}
|
||||
<li><a href="{% url 'epic:gatekeeper' room.id %}">{{ room.name }}</a></li>
|
||||
{% empty %}
|
||||
<li class="game-list-item"><small>No games yet</small></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% include "apps/applets/_partials/_applet-grid-list.html" with list_items=my_games list_item_template="apps/gameboard/_partials/_my_games_item.html" list_empty="No games yet." %}
|
||||
</section>
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
{# Recent-game row for the My Games in-grid applet. `item` is a Room. #}
|
||||
<li class="applet-list-entry">
|
||||
<a href="{% url 'epic:gatekeeper' item.id %}">{{ item.name }}</a>
|
||||
</li>
|
||||
Reference in New Issue
Block a user