Skip to content

feat(app-root): the board settings dialog shows one section at a time - #1767

Closed
rubenvdlinde wants to merge 7 commits into
developmentfrom
feat/user-settings-one-section
Closed

rubenvdlinde wants to merge 7 commits into
developmentfrom
feat/user-settings-one-section

Conversation

@rubenvdlinde

Copy link
Copy Markdown
Contributor

Board DqPersoonlijkeInstellingen shows only the panel of the selected navigation entry. The board user settings dialog showed every section one under another, so "Zaaktypen in mijn menu" ran into "Meldingen" with its long table (BLD-Dq-E, measured live).

  • The board user settings dialog shows only the current section (with its heading and icon); the other sections stay mounted but hidden (hidden), so what was typed in them survives a switch.
  • Picking a navigation entry shows its section, moves focus to that section's heading (tabindex="-1"), and the entry keeps aria-current="true".
  • The dialog is only drawn under the board look; the Nextcloud look keeps NcAppSettingsDialog unchanged. No schema change.

Stacked on #1765 (branched from feat/user-settings-nav-groups, which adds the Nextcloud links and heading icons); merge #1765 first, then this diff is just the one-section change.

Verified locally: tests/components/CnUserSettingsDialogOneSection.spec.js (new, 2/2 fail without the change), CnUserSettingsDialog.spec.js, CnUserSettingsDialogGroups.spec.js, CnAppRoot.userSettingsSections.spec.js (via heavy.sh), tests/a11y/CnUserSettingsDialog.a11y.spec.js (extended: axe on the real @nextcloud/vue over the dialog body with one section shown and one hidden), eslint + stylelint on changed files, check:jsdoc, check:docs, check:docs-mdx, generated reference pages regenerated. Full jest, docs-fresh, build and e2e are left to CI.

AI disclosure: written with Claude Code (claude-opus-5-5).

🤖 Generated with Claude Code

…tion, and heading icons

Under the board look the user settings navigation can list Nextcloud's own
personal settings first, as links (userSettingsNextcloudLinks), then one
entry named after the app holding its sections, and a section's #icon also
stands before its heading (board DqPersoonlijkeInstellingen).

Assisted-by: ClaudeCode:claude-opus-5-5
Assisted-by: ClaudeCode:claude-opus-5-5
Under the board look the user settings dialog shows only the section of the
current navigation entry (board DqPersoonlijkeInstellingen); the others stay
mounted but hidden, so what was typed survives a switch, and switching moves
focus to the shown section's heading.

Assisted-by: ClaudeCode:claude-opus-5-5
@github-actions

Copy link
Copy Markdown
Contributor

Quality Report — ConductionNL/nextcloud-vue @ 0226e80

Check PHP Vue Security License Tests
lint ⏭️
phpcs ⏭️
phpmd ⏭️
psalm ⏭️
phpstan ⏭️
phpmetrics ⏭️
eslint ✅
stylelint ✅
build ✅
test ✅
check-build ✅
check-vue3-compile ✅
check-public-safe ✅
check-journey-vocabulary ✅
check-docs ✅
check-docs-mdx ✅
check-jsdoc ✅
check-integration-parity ✅
check-peers ✅
check-docs-fresh ✅
check-a11y ✅
check-smoke ✅
composer ✅ ✅
npm ✅ ✅ 643/643
app:check-code ⏭️
info.xml ⏭️
REUSE ✅
lockfile sync ✅
PHPUnit ⏭️
Newman ⏭️
Playwright ⏭️
Hydra gates ⏭️

Quality workflow — 2026-10-17 10:32 UTC

Download the full PDF report from the workflow artifacts.

…ings-one-section

# Conflicts:
#	docs/components/cn-app-root.md
#	src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue
#	tests/a11y/CnUserSettingsDialog.a11y.spec.js
@github-actions

Copy link
Copy Markdown
Contributor

Quality Report — ConductionNL/nextcloud-vue @ 76048b2

Check PHP Vue Security License Tests
lint ⏭️
phpcs ⏭️
phpmd ⏭️
psalm ⏭️
phpstan ⏭️
phpmetrics ⏭️
eslint ✅
stylelint ✅
build ✅
test ✅
check-build ✅
check-vue3-compile ✅
check-public-safe ✅
check-journey-vocabulary ✅
check-docs ✅
check-docs-mdx ✅
check-jsdoc ✅
check-integration-parity ✅
check-peers ✅
check-docs-fresh ✅
check-a11y ✅
check-smoke ✅
composer ✅ ✅
npm ✅ ✅ 643/643
app:check-code ⏭️
info.xml ⏭️
REUSE ✅
lockfile sync ✅
PHPUnit ⏭️
Newman ⏭️
Playwright ⏭️
Hydra gates ⏭️

Quality workflow — 2026-10-17 10:53 UTC

Download the full PDF report from the workflow artifacts.

@rubenvdlinde

Copy link
Copy Markdown
Contributor Author

Landed in batch 8 via #1771.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant