Skip to content

feat(configurations): migrate ConfigurationCard and ConfigurationsIndex to CnCard and CnIndexPage#936

Open
SudoThijn wants to merge 7 commits intofeature/REGISTERS-481/entities-pagefrom
feature/REGISTERS-482/configuration-page
Open

feat(configurations): migrate ConfigurationCard and ConfigurationsIndex to CnCard and CnIndexPage#936
SudoThijn wants to merge 7 commits intofeature/REGISTERS-481/entities-pagefrom
feature/REGISTERS-482/configuration-page

Conversation

@SudoThijn
Copy link
Contributor

@SudoThijn SudoThijn commented Mar 18, 2026

Summary

  • Replaced custom ConfigurationCard implementation with the shared CnCard component, using its #icon, #labels, and footer slots for icon, status badges, and action links
  • Migrated status badge markup (configBadge--local, configBadge--external, etc.) to CnStatusBadge with appropriate variant and solid props
  • Replaced custom ConfigurationsIndex list/grid implementation with CnIndexPage, removing ~250 lines of duplicated layout, search, and pagination logic
  • Deleted all component-local CSS that is now handled by CnCard and CnStatusBadge styles

based off of: #935
requires: ConductionNL/nextcloud-vue#18

SudoThijn and others added 7 commits March 18, 2026 16:08
…IndexPage components

Refactors ConfigurationCard.vue to use CnCard and CnStatusBadge from
@conduction/nextcloud-vue, replacing the bespoke card markup. All status
badges (Local, External, Discovered, sync status, update available,
published) are converted to CnStatusBadge with icon slots and solid
variants. The actions menu moves into the #actions slot, metadata footer
into the #footer slot, and a syncBadgeVariant computed property drives
badge colour based on sync status.

Refactors ConfigurationsIndex.vue to use CnIndexPage, replacing the
hand-rolled header, actions bar, view-mode switcher, card grid, and full
table implementation. Card view uses a #card slot with ConfigurationCard;
table columns use #column-* slots for title, source type, status badges,
and version. The Import Configuration button is surfaced via the
#action-items slot.

Removes leftover debug logging and simplifies isRemoteConfiguration to a
one-liner.
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