Commit Graph

124 Commits

Author SHA1 Message Date
Buck Doyle
7c7b1131f0 Remove logo spin for prefers-reduced-motion (#9128)
Spinning is one of the triggers mentioned on this page:
https://webkit.org/blog/7551/responsive-design-for-motion/

Thanks to @fivetanley for mentioning that this exists.
2020-10-20 11:52:15 -05:00
Buck Doyle
69605fc3d4 Update loading spinner to be logo-based (#9106)
Thanks to @mikehobi, whose work here this is adapted from:
https://icons8.com/cssload/en/3d-loaders
2020-10-15 16:05:58 -05:00
Michael Lange
229fa293d0 Treat legend term pairs as single wrapping elements 2020-10-15 10:30:34 -07:00
Michael Lange
bb68a14cbc Improved curves for allocation associations 2020-10-15 02:54:15 -07:00
Michael Lange
c152ccb945 New FlexMasonry component implements a masonry layout using flexbox 2020-10-15 02:54:15 -07:00
Michael Lange
3cd464d03c Updated alloc and cluster details on topo page 2020-10-15 02:54:14 -07:00
Michael Lange
f5c3d0e0a7 Super rough allocation details, needs some style love 2020-10-15 02:54:14 -07:00
Michael Lange
c2b7f7c073 Add cluster details to the topology page 2020-10-15 02:54:13 -07:00
Michael Lange
36df145da5 Fleshing out the first prototype of the topology visualization 2020-10-15 02:54:13 -07:00
Michael Lange
f8a505ea2f Temporarily remove poststop from the UI
Since poststart and poststop are shipping separately, we can't ship them
both in the UI at the same time.
2020-08-31 19:32:38 -07:00
Buck Doyle
14bfb9a53c Add poststart and poststop lifecycle phases 2020-08-26 09:55:42 -05:00
Michael Lange
e343f23360 New ScaleEventsChart component
Displays all scale events in the form of an annotated line chart. When
annotations are clicked, the timestamp, message, and meta propeties for
the event are displayed below the chart.
2020-08-05 12:02:22 -07:00
Michael Lange
9c5a2b5dd5 Present scaling events on the job task group page 2020-07-29 19:07:24 -07:00
Michael Lange
87a67023f9 New fluid height modifier for the json viewer 2020-07-29 19:07:24 -07:00
Michael Lange
26a7267a0d StepperInput UX improvements
- Click label to focus input
- Focusing input selects value
- Entering an invalid value reverts selection
- Entering a fractional number floors the value
2020-06-30 11:54:11 -07:00
Michael Lange
b1b5344dc1 Reset font weight for tooltips 2020-06-30 11:54:11 -07:00
Buck Doyle
fe445a0b27 Improve global search UX (#8249)
This updates the look of the search control, adds a hint about the slash
shortcut, adds highlighting of fuzzy search results, and addresses a few
edge case UX failures. It moves to using a fork of Ember Power Select
to handle an edge case where pressing escape would put the control
in an undesirable active-but-not-open state.
2020-06-25 08:51:52 -05:00
Buck Doyle
62abb11bab Add phase 1 of global search (#8175)
This introduces a DataCaches service so recently-updated collections don’t need
to be requeried within a minute, or based on the current route. It only searches
jobs and nodes. There are known bugs that will be addressed in upcoming PRs.
2020-06-19 13:05:28 -05:00
Michael Lange
2227f24474 Integrate the stepper input with the task group page 2020-06-18 22:32:56 -07:00
Michael Lange
6bde0e522a Style the StepperInput component 2020-06-18 22:08:28 -07:00
Michael Lange
3768a63712 Make sure buttons in a button bar have a very visible focus state 2020-06-18 22:08:27 -07:00
Michael Lange
6b57adc013 Prevent inline definition key/value pairs from breaking the key and value onto separate lines 2020-06-18 22:08:27 -07:00
Michael Lange
461980d927 Additional button-bar treatments for use in a table row 2020-06-18 22:08:27 -07:00
Michael Lange
158f7764be Extend button-bar support to buttons 2020-06-18 22:08:27 -07:00
Michael Lange
47969c43b9 Inline-block the buttons to remove weird text-flow spacing 2020-06-16 10:23:36 -07:00
Michael Lange
cc8aed8817 Monitor component and query param interaction 2020-06-16 10:23:35 -07:00
Michael Lange
7e93f9033d Refactor metrics styles to allow for standalone metrics 2020-05-13 08:36:04 -07:00
Jasmine Dahilig
c10ac6394f UI: Add representations for task lifecycles (#7659)
This adds details about task lifecycles to allocations, task groups,
and tasks. It includes a live-updating timeline-like chart on allocations.
2020-04-30 08:15:19 -05:00
Buck Doyle
edff4cc78c UI: update exec styles to match conventions (#7811) 2020-04-28 08:33:07 -05:00
Buck Doyle
90ec5e6457 UI: add exec handling for dead jobs/task states (#7637)
This closes #7456. It hides the terminal when the job is dead and
displays an error when trying to open an exec session for a task
that isn’t running. There’s a skipped test for the latter behaviour
that I’ll have to come back for.
2020-04-06 14:08:22 -05:00
Buck Doyle
f32780355d UI: add live-updating to exec sidebar (#7499)
This closes #7454. It makes use of the existing watchable tools to
allow the exec popup sidebar to be live-updating. It also adds
alphabetic sorting of task groups and tasks.
2020-04-06 13:52:42 -05:00
Michael Lange
163807fde2 Style the page size selector 2020-04-02 12:50:31 -07:00
Buck Doyle
e2efb0c0f7 UI: Add exec loading template (#7566)
This closes #7460. Before this, there was an incongruous flash
of the non-exec UI during loading.
2020-03-31 13:59:43 -05:00
Buck Doyle
27df92a967 UI: add exec terminal (#6697)
This connects Xterm.js to a Nomad exec websocket so people
can interact on clients via live sessions. There are buttons on
job, allocation, task group, and task detail pages that open a
popup that lets them edit their shell command and start a
session.

More is to come, as recorded in issues.
2020-03-24 18:22:16 -05:00
Michael Lange
4757f87f0c Merge pull request #7099 from hashicorp/b-ui/mobile-styles-not-full-width
UI: Override the max-width on mobile to avoid losing space due to non-existent gutter menu
2020-02-07 14:27:50 -08:00
Michael Lange
17e2947475 Override the max-width on mobile to avoid losing space due to non-existent gutter menu 2020-02-07 14:22:00 -08:00
Michael Lange
b73ac893a4 Explicit transparent bg on popover actions 2020-02-07 14:17:13 -08:00
Michael Lange
2e2bcc50a7 Add an animation for the initializing state 2020-01-31 12:56:11 -08:00
Michael Lange
e95370464a Redo the node-status-light CSS to be icon-based 2020-01-31 12:56:08 -08:00
Michael Lange
2f1dec2924 Allow for an icon within the node status light 2020-01-31 12:55:55 -08:00
Michael Lange
66ea7c100f Increase the size and spacing of the toggle component 2020-01-23 16:34:35 -08:00
Michael Lange
1d6799e5e5 Stack the popover menu under the subnav 2020-01-23 16:34:34 -08:00
Michael Lange
a36290ddc4 Toggle bugs: focus and multiline alignment 2020-01-23 16:34:28 -08:00
Michael Lange
2e39c0a529 New toggle component 2020-01-23 16:34:27 -08:00
Michael Lange
504a7afa03 Modifiers to the two-step-button 2020-01-23 16:34:25 -08:00
Michael Lange
ad8df16c44 Fill in the drain strategy ribbon values 2020-01-23 16:34:22 -08:00
Michael Lange
7eb71ca439 Let dropdowns assume their full width 2020-01-23 16:34:17 -08:00
Michael Lange
5098b552cf Multiline modifier for tooltips 2020-01-23 16:34:15 -08:00
Michael Lange
b02f05fbda Update the dropdown styles to be more similar to button styles 2020-01-23 16:34:14 -08:00
Michael Lange
de03d82df9 PopoverMenu component 2020-01-23 16:34:14 -08:00