Skip to content

Add shared dashboard layout component

What does this MR do and why?

Adds a new DashboardLayout component in /vue_shared for Add a reusable dashboard layout component (#541899 - closed) that:

  • Renders a dashboard with a title, description, filters, alert, panels and empty state.
  • Handles the layout of all of the above so that consumers can easily create a dashboard layout.
  • Renders the panels inside of GridstackWrapper using a configuration object.
  • Empowers consumers to edit the contents within the layout.

This will be used by groupsecurity insights for Implement dashboard layout framework enabling s... (&17819).

Follow-ups include:

  • Updating cutomizable_dashboard.vue to use this component.

References

Add a reusable dashboard layout component (#541899 - closed).

Screenshots or screen recordings

image

How to set up and validate locally

  • Run yarn storybook:start and view the dashboard layout story.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Jiaan Louw

Merge request reports

Loading