Commit Graph

188 Commits

Author SHA1 Message Date
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
73e73229db Use the correct gray for the info details 2020-08-05 12:02:22 -07: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
c4312187f8 Add activeAnnotation property to line-chart 2020-08-05 12:02:22 -07:00
Michael Lange
4936c3f658 Stagger line chart annotations when they are too close 2020-08-05 12:02:22 -07:00
Michael Lange
9465fc6d9d Add annotations to the line chart component 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
d74b661214 Merge pull request #8314 from hashicorp/f-ui/scaling-ux
UI: Scaling UI UX Improvements
2020-07-01 09:21:08 -07:00
Buck Doyle
a64cb104b8 Fix layering so logo is clickable (#8320)
The CSS I added in #8249 to make the search be properly
centred also made the logo unclickable as it was hidden
behind the centred element! This makes the logo stay
above the search container.
2020-06-30 15:22:31 -05: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
Michael Lange
a059cd6255 Merge pull request #8283 from hashicorp/b-ui/text-alignment-view-raw-file
UI: Fix text alignment for the "view raw file" button/link on the fs file viewer
2020-06-25 09:28:30 -07:00
Michael Lange
4ecab38ef9 Merge pull request #8280 from hashicorp/f-ui/wide-monitor-logs
UI: Make monitor log output full-width
2020-06-25 09:22:54 -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
Michael Lange
bc2e95b153 Remove line-height override that breaks text alignment for anchors that look like buttons 2020-06-24 21:31:30 -07:00
Michael Lange
0fb2ed55bb Make monitor log output full-width 2020-06-24 20:37:12 -07: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
0137f8d02a When an icon is intended as text, it shouldn't have pointer events
This prevents the svg from being a target in click events.
2020-06-18 22:08:27 -07:00
Michael Lange
4e7b844422 New xsmall button size 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
3cf81d2741 Handle node-only views 2020-05-18 15:30:00 -07:00
Michael Lange
b3475add53 Adjust gauge chart stories 2020-05-13 08:36:05 -07:00
Michael Lange
df3c24f968 Bottom aligned columns variant 2020-05-13 08:36:05 -07:00
Michael Lange
4e7354117a Add gauge chart stories 2020-05-13 08:36:05 -07:00
Michael Lange
fe26e904bb Style the gauge chart component 2020-05-13 08:36:05 -07:00
Michael Lange
7e93f9033d Refactor metrics styles to allow for standalone metrics 2020-05-13 08:36:04 -07:00
Michael Lange
d0d1c1fdef Set color in addition to fill for the icon class
Structure icons have fill set to currentColor hardcored in their markup.
This mean setting fill to a color in CSS does nothing, but setting color
now does.
2020-05-06 17:21:47 -07:00
Buck Doyle
bd8d418705 UI: Remove Ember Freestyle (#7839)
This completes the migration to Storybook by replacing the colour palette and typeface components that I left out.
2020-05-06 15:11:15 -05: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
Michael Lange
a845c318b8 Merge pull request #7577 from hashicorp/f-ui/csi-beta-label
UI: Change CSI to Storage and mark it as beta
2020-04-06 13:21:11 -07: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
0c23b54062 Make table foot fields consistent at all breakpoints
This effectively overrides Bulma's default field layout tweaks
at different breakpoints. This includes going from flex to block
and different font-sizes.
2020-04-02 13:41:41 -07:00
Michael Lange
a6a58ce55d Remove extranneous order property
The "default" order values as set by Bulma are different for different
breakpoints. Since this wasn't considering breakpoints, it resulted
in the unexpected reordering of pagination elements as different page
widths. Turns out removing this property gives us what we want.
2020-04-02 13:27:29 -07:00
Michael Lange
163807fde2 Style the page size selector 2020-04-02 12:50:31 -07:00
Michael Lange
cd8c92b7d4 Move beta to a tag 2020-04-01 10:49:47 -07:00
Michael Lange
524e3a96f8 Change CSI to Storage and mark it as beta 2020-03-31 18:21:55 -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
Michael Lange
508404ccba UI: Support for CSI (#7446)
Closes #7197 #7199

Note: Test coverage is limited to adapter and serializer unit tests. All
acceptance tests have been stubbed and all features have been manually
tested end-to-end.

This represents Phase 1 of #6993 which is the core workflow of CSI in
the UI. It includes a couple new pages for viewing all external volumes
as well as the allocations associated with each. It also updates
existing volume related views on job and allocation pages to handle both
Host Volumes and CSI Volumes.
2020-03-25 07:51:26 -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