Michael Lange
38a4a027aa
Truncate text in the topo viz info panel
2020-10-23 14:17:03 -07:00
Buck Doyle
c8caa810e9
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
70a0253f0d
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
649873745f
Treat legend term pairs as single wrapping elements
2020-10-15 10:30:34 -07:00
Michael Lange
f3aed88a10
Improved curves for allocation associations
2020-10-15 02:54:15 -07:00
Michael Lange
f27895c4c8
New FlexMasonry component implements a masonry layout using flexbox
2020-10-15 02:54:15 -07:00
Michael Lange
fb1deb5c40
Updated alloc and cluster details on topo page
2020-10-15 02:54:14 -07:00
Michael Lange
e4907dc647
Super rough allocation details, needs some style love
2020-10-15 02:54:14 -07:00
Michael Lange
cab4e618fc
Add cluster details to the topology page
2020-10-15 02:54:13 -07:00
Michael Lange
831d27efd6
Fleshing out the first prototype of the topology visualization
2020-10-15 02:54:13 -07:00
Michael Lange
fc31f80880
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
de3504a738
Add poststart and poststop lifecycle phases
2020-08-26 09:55:42 -05:00
Michael Lange
09f6bca470
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
203f7e06b8
Present scaling events on the job task group page
2020-07-29 19:07:24 -07:00
Michael Lange
35054459c2
New fluid height modifier for the json viewer
2020-07-29 19:07:24 -07:00
Michael Lange
7ad214f34a
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
5d491167de
Reset font weight for tooltips
2020-06-30 11:54:11 -07:00
Buck Doyle
bf7ed82def
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
ee7141a59a
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
6259e3ae5d
Integrate the stepper input with the task group page
2020-06-18 22:32:56 -07:00
Michael Lange
ff3653ddf6
Style the StepperInput component
2020-06-18 22:08:28 -07:00
Michael Lange
64cfa62c71
Make sure buttons in a button bar have a very visible focus state
2020-06-18 22:08:27 -07:00
Michael Lange
76c6a9d89f
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
2739da75d6
Additional button-bar treatments for use in a table row
2020-06-18 22:08:27 -07:00
Michael Lange
dfcfdf0293
Extend button-bar support to buttons
2020-06-18 22:08:27 -07:00
Michael Lange
6cb83c6297
Inline-block the buttons to remove weird text-flow spacing
2020-06-16 10:23:36 -07:00
Michael Lange
e0fbd88d26
Monitor component and query param interaction
2020-06-16 10:23:35 -07:00
Michael Lange
61a693c656
Refactor metrics styles to allow for standalone metrics
2020-05-13 08:36:04 -07:00
Jasmine Dahilig
a9004faa11
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
438aec636a
UI: update exec styles to match conventions ( #7811 )
2020-04-28 08:33:07 -05:00
Buck Doyle
f10906e006
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
fc7de8b153
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
546751a9b4
Style the page size selector
2020-04-02 12:50:31 -07:00
Buck Doyle
d70c3fbb3e
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
674da96a59
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
ccefc46912
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
1431343d18
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
c7543ee020
Explicit transparent bg on popover actions
2020-02-07 14:17:13 -08:00
Michael Lange
38d23b5ba8
Add an animation for the initializing state
2020-01-31 12:56:11 -08:00
Michael Lange
f00a50a55b
Redo the node-status-light CSS to be icon-based
2020-01-31 12:56:08 -08:00
Michael Lange
0f8ea7d37a
Allow for an icon within the node status light
2020-01-31 12:55:55 -08:00
Michael Lange
7c6bf3b09c
Increase the size and spacing of the toggle component
2020-01-23 16:34:35 -08:00
Michael Lange
c7b7789bd4
Stack the popover menu under the subnav
2020-01-23 16:34:34 -08:00
Michael Lange
54d33f9ad7
Toggle bugs: focus and multiline alignment
2020-01-23 16:34:28 -08:00
Michael Lange
95e6068d5d
New toggle component
2020-01-23 16:34:27 -08:00
Michael Lange
80642b8868
Modifiers to the two-step-button
2020-01-23 16:34:25 -08:00
Michael Lange
35671a3bd4
Fill in the drain strategy ribbon values
2020-01-23 16:34:22 -08:00
Michael Lange
ada745a59f
Let dropdowns assume their full width
2020-01-23 16:34:17 -08:00
Michael Lange
01d0efb317
Multiline modifier for tooltips
2020-01-23 16:34:15 -08:00
Michael Lange
75c9e80251
Update the dropdown styles to be more similar to button styles
2020-01-23 16:34:14 -08:00