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
ef12488d1c
Fix a re-render bug with flexmasonry
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
1602d72789
Apply FlexMasonry to the TopoViz component
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
99746a24ac
A better loading screen for the topo viz while nodes load
2020-10-15 02:54:14 -07:00
Michael Lange
0ab6b31cab
Refactor topo viz to do as much computation upfront & use faster data structures
...
Now all data loading happens in the TopoViz component as well as
computation of resource proportions.
Allocation selection state is also managed centrally uses a dedicated
structure indexed by group key (job id and task group name). This way
allocations don't need to be scanned at the node level, which is O(n) at
the best (assuming no ember overhead on recomputes).
2020-10-15 02:54:14 -07:00
Michael Lange
7d75421a75
Make the alloc select render path more efficient by not needlessly recomputing data
2020-10-15 02:54:14 -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
000c00e920
Start click interaction for topo viz allocs
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
2a067d646d
Scaffold topo viz components
2020-10-15 02:54:13 -07:00
Michael Lange
f0a096119f
Small cluster example scenario for the topo viz
2020-10-15 02:54:13 -07:00
Michael Lange
1cb1ac89d7
Scaffold a new topology page
2020-10-15 02:54:12 -07:00
Michael Lange
7604597041
Acceptance test coverage for the submit time sorting on the periodic and parameterized detail pages
2020-09-19 12:37:38 -07:00
Michael Lange
1a42742d40
Update job launches table to use the page size select pattern
2020-09-18 18:27:48 -07:00
Michael Lange
9ecb25632d
Add job submit time to the job children list
2020-09-18 17:58:15 -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
6447e61078
Remove prestart tasks table
...
My suggestion is that this table isn’t sufficiently useful to
keep around with the combinatoric explosion of other lifecycle
phases. The logic was that someone might wonder “why isn’t my
main task starting?” and this table would show that the prestart
tasks hadn’t yet completed. One might wonder the same about
any task that has prerequisites, so should a poststart task have
a table that shows main tasks? And so on.
Since the route hierarchy guarantees that one has already passed
through a template that shows the lifecycle chart before one
can reach the template where this table is displayed, I believe
this table is redundant. It also conveys information in a more
abstract way than the chart, which is dense and more easily
understood, to me.
2020-08-26 09:58:44 -05:00
Buck Doyle
de3504a738
Add poststart and poststop lifecycle phases
2020-08-26 09:55:42 -05:00
Buck Doyle
29de8f4f76
Add component accessibility auditing and fixes ( #8679 )
...
This continues #8455 by adding accessibility audits to component integration
tests and fixing associated errors. It adds audits to existing tests rather than
adding separate ones to facilitate auditing the various permutations a
component’s rendering can go through.
It also adds linting to ensure audits happen in component tests. This
necessitated consolidating test files that were scattered.
2020-08-25 10:56:02 -05:00
Michael Lange
114909c5e8
Always show the scaling events accordion
2020-08-24 10:34:34 -07:00
Nick Ethier
3cd5f46613
Update UI to use new allocated ports fields ( #8631 )
...
* nomad: canonicalize alloc shared resources to populate ports
* ui: network ports
* ui: remove unused task network references and update tests with new shared ports model
* ui: lint
* ui: revert auto formatting
* ui: remove unused page objects
* structs: remove unrelated test from bad conflict resolution
* ui: formatting
2020-08-20 11:07:13 -04:00
Michael Lange
476002d727
Key the annotations each loop by annotationKey for stable dom nodes
2020-08-06 17:58:43 -07:00
Michael Lange
3b59b52bca
Compare scale events by their UID instead of reference equality
2020-08-05 12:02:23 -07:00
Michael Lange
ecaee67ff1
Use the correct gray for the info details
2020-08-05 12:02:22 -07:00
Michael Lange
ebdb0c4101
Conditionally show the scaling timeline or accordion
2020-08-05 12:02:22 -07:00
Michael Lange
792fa64101
Integration tests for the ScaleEventsChart component
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
a891e907f5
Test coverage for line chart annotations
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
868509de5f
Merge pull request #8563 from hashicorp/b-ui/missing-job-distribution-chart-texture
...
UI: Restore striped texture used in the job distribution bar
2020-07-30 08:20:48 -07:00
Michael Lange
8a78999019
Move the svg-patterns template into the component dir
2020-07-29 22:54:30 -07:00
Michael Lange
4d2f322e10
Add a tooltip to explain the count change icons
2020-07-29 19:30:00 -07:00
Michael Lange
602b6771ba
Assert that the scale up/down indicator is not shown when the count is null
2020-07-29 19:26:32 -07:00
Michael Lange
13af67ac80
Integration tests for the scale-events-accordion component
2020-07-29 19:26:32 -07:00
Michael Lange
69795e8b7d
Refactor scale events into their own component
2020-07-29 19:26:32 -07:00
Michael Lange
4b7f431981
Acceptance tests for scaling events
2020-07-29 19:07:24 -07:00