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 -- all the stages of forms, from pure rails to Angular
- React Forms -- how to write React 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