patterns.md

ManageIQ UI Patterns

This guide aims to provide information that allows a quick start for new contributors for the UI.

• Page Layout -- basic page structure and elements.
• Menus -- menu sections, subsections, menu items.
• RBAC -- permission system, verifying acces to features and items.
• Toolbar and Buttons -- how to define toolbars and toolbar buttons.
• Button Actions -- how to react on button presses.
• Textual Summaries -- entities' details, relations, properties.
• Listnavs
• Trees, Nodes, Accordions
• GTL -- Grid, Table, List
• Running through the Queue and Busy Waiting
• Quadicons
• Reports and Charts
• Topology
• Remote Consoles
• Angular Components
• Calling the API -- how to call the API from the client-side.
• Forms -- on writing UI forms
• Redux -- how to write reducers for redux, how to structure them and how to dispatch actions.
• Extending the UI from Provider Repositories -- how provider authors can extend the UI with buttons, dialogs and execute Ansible playbooks.
• Dialog Editor -- components and workflow of Angular dialog editor.
• Breadcrumbs -- how breadcrumbs work

To write new Javascript components for ManageIQ e.g. in Typescript and Angular, please, read

• UI Components Readme