[Synthetics 1.0] Monitor Management Page

[awahab07]

Implementation Issues

• Basic list table
• Make Frequency column sortable
• Fix pagination bug
• Search and Type, Location and Tag filters
• Fix filtering and search [Synthetics UI] Filtering and search are broken on Management page #144802
• Icon for project monitors and location statuses [Synthetics UI] Monitor management - project location icon and location statuses #145288
• [Synthetics UI] [Overview] Filters #135160 - Filters on overview and management should be the same components (and may also be a shared page/filer state).
• [Synthetics] Monitor Management - Monitor Stats #148986
  - [ ] - Add more from the updated design, if any -

Design

The monitor management page is where all of a users monitors are found and can be deleted, disabled or modified. It also includes the ability to create new monitors in the UI flow.

The updated mockup is shown below, also relevant Figma designs and prototype are available. For detailed description of UI sections and functionality, consult the issue #128300.

Mockup

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)

[awahab07]

Meta issue: #134570.

[hbharding]

FYI I updated the design issue with more recent screenshots #128300

[justinkambic]

Post-FF Testing LGTM