doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Stop Big Picture showing the same total twice

Browse source 
The composite's own header renders "<N> shown" from @groups-filtered, and the
nested grid rendered its own "Total: <N>" line 139px below it. Measured live:
"2107 shown" and "Total: 2,107" — the same number twice, both above the fold.

That is the redundant-header shape the standing rule forbids (the hint lives in
the EXISTING header, never a second one). show-total=false here matches the
pattern already applied in dashboard-plus-grid.vue:279 for the same reason.

The grid keeps its own total when embedded ALONE, where it is the only count on
screen — the prop is host-controlled, not removed.

Work started by a delegated agent that hit its session limit mid-task; verified
the cited sibling pattern exists before committing. check:sfc-parse and
check:template-literal pass.
This commit is contained in:
doxa-maps-88655c70 2026-09-23 15:32:28 +00:00
parent 4c74bd717e
commit 3b08fb5962
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
plugin-designs/big-picture/big-picture.vue
View file

@ -103,6 +103,13 @@ function onGroupsFiltered(payload) {
<!-- BELOW: the REAL cap-2 people-groups grid, its OWN controls TURNED OFF so it is driven
entirely by the props this parent pushes down. @groups-filtered flows the live total
back up into the header's count. -->
<!-- show-total=false: the header above already shows "<N> shown" (bound to this same
@groups-filtered total, see onGroupsFiltered), 139px above the grid's own "Total:"
line. Measured live 2026-09-23: both rendered "2107 shown" / "Total: 2,107" — the exact
same number twice, above the fold, which is the redundant-header shape the Driver's
standing rule (hint lives in the EXISTING header, never a second one) forbids. The grid
keeps its own line when embedded ALONE, where it is the only total — same pattern
already applied in dashboard-plus-grid.vue. -->
<div class="bp-body">
<PeopleGroupsGrid
:query="filter.query"
@ -112,6 +119,7 @@ function onGroupsFiltered(payload) {
:religion="filter.religion"
:show-search="false"
:show-filters="false"
:show-total="false"
:pray-base-url="prayBaseUrl"
:language-code="languageCode"
@groups-filtered="onGroupsFiltered"