Skip to content

F2. Navigation from ERD View to Table View #387

@MitchellShiell

Description

@MitchellShiell

Splitting up ticket by relevant components:

Interaction Panel

Implementation:

  • Add "View Table" button to interaction panel
  • Clicking navigates to table view for current dictionary
  • URL format: /table-view
  • No specific highlighting (default collapsed view)
Image

Success Criteria:

  • Button is visible and accessible in interaction panel
  • Button maintains consistent styling with other panel controls
  • Navigation preserves dictionary version/controller context

Schema Node Headers

Implementation:

  • Schema names in node headers should be clickable links
  • Clicking navigates to table view with that schema's accordion expanded
  • URL format: /table-view#[schema-name] (same as used for table of contents dropdown in table view)
  • Table view scrolls to the schema and expands its accordion
Image

Success Criteria:

  • Schema name is clearly clickable (visual indication)
  • Clicking navigates to table view and highlights correct schema
  • Link is accessible (proper ARIA label: "View [schema-name] in table")

Field Names

Implementation:

  • All field names should be clickable links (underlined)
  • Clicking navigates to table view with that specific field highlighted
  • URL format: /table-view#[schema-name]-[field-name]
  • Table view:
    • Expands the schema accordion
    • Scrolls to the specific field row
    • Highlights the field row (visual treatment TBD - background color, border, etc.)
Image

Success Criteria:

  • All field names are visibly clickable (underlined)
  • Clicking navigates to table view and scrolls to correct field
  • Field highlighting is clear and accessible
  • Link is accessible (proper ARIA label: "View [field-name] definition in table")

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions