Michael Lange
886b1b4384
Clip long namespace names but make sure to keep the full name in the title attribute
2021-01-22 13:18:15 -08:00
Buck Doyle
3b0f876ae5
Add DAS namespaces toggle and fix empty card bug ( #9337 )
...
This builds on filtering to allow the optimize page to show recommendations
for the active namespace vs all namespaces. If turning off the toggle causes
the summary from the active card to become excluded from the filtered list,
the active summary changes, as with the facets.
It also includes a fix for this bug:
https://github.com/hashicorp/nomad/pull/9294#pullrequestreview-527748994
2020-11-30 08:18:44 -06:00
Michael Lange
f543137ec9
Revert "Temporarily remove poststop from the UI"
...
This reverts commit f8a505ea2f9def2a7ce7a93e6d0529e1b5da4894.
2020-11-12 09:16:52 -08:00
Michael Lange
be7b0040d3
Show dismissable no live updating notice on the topology page
2020-11-04 19:25:12 -08:00
Michael Lange
148d4429cf
Show a partial view notice when ACLs are enabled and the mgmt token isn't being used
2020-11-04 15:24:34 -08:00
Buck Doyle
20ec481090
Add DAS subroute and copy button ( #9201 )
...
This continues iteration on the DAS UI by adding the ability to directly
navigate to a recommendation summary by (namespaced) slug and a copy
button for the direct navigation link.
It includes a change to CopyButton allowing it to take a block that’s
rendered within the button.
It also changes some instances of multi-relationship traversal to use
in-summary attributes, such as summary.jobNamespace instead of
summary.job.namespace.name.
2020-11-04 12:22:24 -06:00
Michael Lange
67bbd3770f
Merge pull request #9240 from hashicorp/f-ui/topo-viz-tooltips
...
UI: Topo Viz Tooltips
2020-11-02 13:46:58 -08:00
Michael Lange
521df4db97
Fix the raw 'blue' in recommendation cards to use '$blue'
2020-11-02 13:29:44 -08:00
Michael Lange
d9cac96e5a
Add new is-static chart tooltip variant and decouple from charts
2020-10-30 16:14:31 -07:00
Buck Doyle
39af5c709b
Fix Firefox positioning of chart resource label ( #9209 )
...
alignment-baseline appears to be ignored in Firefox, but dominant-baseline
works. This also moves the anchor into CSS.
2020-10-29 08:13:41 -05:00
Buck Doyle
31b4ed7a6d
Add DAS UI code from enterprise ( #9192 )
...
This is a few combined iterations on the DAS feature.
2020-10-29 07:46:42 -05:00
Michael Lange
cb1d22519c
List all available icons in a story.
...
This is like the same as using svg-jar, right?
2020-10-26 12:26:42 -07:00
Michael Lange
4a36f522ce
Merge pull request #9167 from hashicorp/f-ui/topo-viz-refinements
...
UI: topo viz refinements
2020-10-26 10:51:31 -07:00
Michael Lange
bae7002c73
Show the nomad agent version of the agent the UI is served from
2020-10-25 23:52:06 -07:00
Michael Lange
e0157759a8
Redo column widths on the topology page.
...
Now the info panel has a fixed width and the TopoViz will display as a
single column if the TopoViz column is too narrow for two columns.
2020-10-23 14:17:03 -07:00
Michael Lange
38a4a027aa
Truncate text in the topo viz info panel
2020-10-23 14:17:03 -07:00
Michael Lange
17403815ab
Highlight starting allocations with a blue tint
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
329fecac6d
Work around Safari's lack of text transform support
2020-10-15 11:45:59 -07:00
Michael Lange
649873745f
Treat legend term pairs as single wrapping elements
2020-10-15 10:30:34 -07:00
Michael Lange
d9ac6a63c6
Add icons to denote draining or ineligibility of clients
2020-10-15 02:54:15 -07:00
Michael Lange
7477f32012
Label empty clients in the topo viz chart
2020-10-15 02:54:15 -07:00
Michael Lange
f3aed88a10
Improved curves for allocation associations
2020-10-15 02:54:15 -07:00
Michael Lange
066502d408
Make the topo viz denser when there are >50 nodes
...
By hiding node details and making nodes interactive instead, we can pack
more allocations on a screen.
2020-10-15 02:54:15 -07:00
Michael Lange
6e55d8a6eb
Conditionally use the FlexMasonry layout for datacenters within TopoViz
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
d9083fdde6
Second attempt at a masonry layout
2020-10-15 02:54:15 -07:00
Michael Lange
4c155b5da4
CSS Grid based masonry layout
...
TBH, it's buggy and I don't like it.
2020-10-15 02:54:14 -07:00
Michael Lange
fb1deb5c40
Updated alloc and cluster details on topo page
2020-10-15 02:54:14 -07:00
Michael Lange
5bc4d1f1d5
Associate sibling allocations by drawing lines
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
87a902db0c
Touch up topo viz interactions
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
b347141e0c
Prototype of the topo viz
...
- Plot all datacenters
- For each datacenter, plot all nodes
- For each node, plot all allocations by memory and cpu
- For empty nodes, highlight the emptiness
- When hovering over allocations, give them visual focus
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
ecaee67ff1
Use the correct gray for the info details
2020-08-05 12:02:22 -07: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
21f3b7dfcc
Add activeAnnotation property to line-chart
2020-08-05 12:02:22 -07:00
Michael Lange
2903d1f504
Stagger line chart annotations when they are too close
2020-08-05 12:02:22 -07:00
Michael Lange
8445e22faf
Add annotations to the line chart component
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
970ccedd1f
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
f7e8ab4302
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
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
Michael Lange
a61bc49595
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