4a4e60f668
The room scroll pane now matches scroll.html: the feed sits in a .applet-scroll %applet-box card with the rotated room-name title; dropped the special --duoUser pane bg (the dark card sits on the room-page bg). Gear menu is now view-aware. #id_room_menu carries two panes: .room-menu-default (the existing NVM/DEL/BYE) + .room-menu-scroll (a Frame/Redact #id_scroll_filter_form, rendered only when the gear include gets scroll_filter — room.html passes scroll_filter=room.table_status). room-scroll.js (NEW) runs an IntersectionObserver on .room-scroll-pane (root=#id_room_aperture): scrolled to the feed -> show the filter pane; back on the hex -> show the default. The filter mirrors scroll.html (per-room localStorage, toggles .drama-event[data-label] display). Buffer-dots animation moved from the inline partial script into room-scroll.js. Other views keep their own menus, as asked: GATE VIEW (room_gate.html) includes _room_gear.html with nvm_url only (no scroll_filter, no room-scroll.js) -> NVM(->hex)/DEL/BYE; the cross/spread phase is a modal over the hex (scrollTop 0) -> default pane. Traps: applets.js caches gear.dataset.menuTarget at bind time, so you can't swap a gear's target to a 2nd menu — both panes live in ONE #id_room_menu and JS toggles visibility. .room-menu-default is display:contents so wrapping the existing controls doesn't change their layout (JS toggles none<->contents, not ''). Tests: +3 ITs (RoomScrollOfEventsTest — .applet-scroll card + room-name title, filter pane renders in table phase, filter absent in gate phase); +2 FTs (test_game_room_scroll — gear swaps to filter when scrolled to feed, unchecking Redact+OK hides struck rows). 8 scroll ITs + 4 scroll FTs green; 554 epic ITs/UTs green; gatekeeper DEL+BYE gear FTs green (the .room-menu-default wrap is layout-neutral). [[project-room-scroll-of-events]] Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
13 lines
779 B
HTML
13 lines
779 B
HTML
{# Room scroll-of-events — the table-hex aperture's 2nd scroll-snap pane. #}
|
|
{# Scroll DOWN past the hex to read the room's provenance feed (the same #}
|
|
{# GameEvent stream the Billscroll page shows). Same `.applet-scroll` #}
|
|
{# %applet-box card chrome + rotated room-name title as scroll.html. Renders #}
|
|
{# the shared `core/_partials/_scroll.html` row list (events / viewer / #}
|
|
{# scroll_position come from the view). Behaviors (buffer dots, gear-menu #}
|
|
{# swap, Frame/Redact filter) live in room-scroll.js. DRY seam: my_sea will #}
|
|
{# include this same partial. #}
|
|
<div class="applet-scroll room-scroll-card">
|
|
<h2>{{ room.name }}</h2>
|
|
{% include "core/_partials/_scroll.html" %}
|
|
</div>
|