Buck Doyle
5efc15954a
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
edd296ff51
Revert "Temporarily remove poststop from the UI"
...
This reverts commit f8a505ea2f .
2020-11-12 09:16:52 -08:00
Michael Lange
a69eb82cfc
Show dismissable no live updating notice on the topology page
2020-11-04 19:25:12 -08:00
Michael Lange
3cb5bbb0f8
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
ba17e2191b
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
c6f410f551
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
5411ed830e
Fix the raw 'blue' in recommendation cards to use '$blue'
2020-11-02 13:29:44 -08:00
Michael Lange
ae81d7c3ea
Add new is-static chart tooltip variant and decouple from charts
2020-10-30 16:14:31 -07:00
Buck Doyle
2dc95a10ab
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
828487352b
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
94f3d79ebe
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
f69e3a1e2b
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
8d8f9aaa28
Show the nomad agent version of the agent the UI is served from
2020-10-25 23:52:06 -07:00
Michael Lange
9c7bee8a01
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
6d8192c065
Truncate text in the topo viz info panel
2020-10-23 14:17:03 -07:00
Michael Lange
d6d2bca48f
Highlight starting allocations with a blue tint
2020-10-23 14:17:03 -07:00
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
214ce4a3d2
Work around Safari's lack of text transform support
2020-10-15 11:45:59 -07:00
Michael Lange
229fa293d0
Treat legend term pairs as single wrapping elements
2020-10-15 10:30:34 -07:00
Michael Lange
927343f36a
Add icons to denote draining or ineligibility of clients
2020-10-15 02:54:15 -07:00
Michael Lange
de9124eea4
Label empty clients in the topo viz chart
2020-10-15 02:54:15 -07:00
Michael Lange
bb68a14cbc
Improved curves for allocation associations
2020-10-15 02:54:15 -07:00
Michael Lange
f5f964b7bf
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
4e81ab8d3f
Conditionally use the FlexMasonry layout for datacenters within TopoViz
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
a9e29178bb
Second attempt at a masonry layout
2020-10-15 02:54:15 -07:00
Michael Lange
2704c3e4b8
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
3cd464d03c
Updated alloc and cluster details on topo page
2020-10-15 02:54:14 -07:00
Michael Lange
f56f631676
Associate sibling allocations by drawing lines
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
0b3a78b9ef
Touch up topo viz interactions
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
773404a47f
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
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