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