mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 12:07:02 +02:00
f2779179af
* Add http request volume table (#6765) * init http metrics page * remove flex-table-column * add http requests table * calculate percent change between each counter * start percent change tests * style request table * show percent more/less glyph * add percent more less tests * add inline alert about recorded metrics * make arrows diagonal * remove conditional inside countersWithChange * add better error msg * use tagName and wrapping element a la glimmer components * extend ClusterRouteBase so auth and seal checks happen * make table accessible * remove curlies * add HttpRequestsTable to storybook * make table accessible * use qunit dom for better assertions * remove EmptyState since we will never have 0 requests * ensure counters is set in test context * Http request volume/add barchart (#6814) * Add http request volume table (#6765) * init http metrics page * remove flex-table-column * add http requests table * calculate percent change between each counter * start percent change tests * style request table * show percent more/less glyph * add percent more less tests * add inline alert about recorded metrics * make arrows diagonal * remove conditional inside countersWithChange * add better error msg * use tagName and wrapping element a la glimmer components * extend ClusterRouteBase so auth and seal checks happen * make table accessible * remove curlies * add HttpRequestsTable to storybook * make table accessible * use qunit dom for better assertions * remove EmptyState since we will never have 0 requests * ensure counters is set in test context * add http-requests-bar-chart * add HttpRequestsBarChart tests * add HttpRequestsBarChart to Storybook * format total number of requests according to locale * do not show extra minus sign when percent change is negative * add link to request metrics in status bar menu * only show bar chart if we have data for more than 1 month * make ticks lighter * ensure charts show data for correct month * make example counters response look like the adapter response instead of the raw api response * ensure ui shows the same utc date as the api response * add format-utc tests * downgrade to d3 v4 to support ie11 * add gridlines * move dasharray to css * use scheduleOnce instead of debounce to prevent multiple re-renders * add key function to bars * add exit case when data is no longer in parsedCounters * fix timestamp in table test * fix timestamps * use utcParse and fallback to isoParse for non-UTC dates * fix bar chart tests
40 lines
493 B
SCSS
40 lines
493 B
SCSS
.http-requests-bar-chart-container {
|
|
margin-top: $spacing-s;
|
|
margin-bottom: $spacing-m;
|
|
display: flex;
|
|
}
|
|
|
|
.http-requests-bar-chart {
|
|
margin: auto;
|
|
overflow: inherit;
|
|
|
|
.tick {
|
|
line {
|
|
stroke: $light-grey;
|
|
}
|
|
|
|
text {
|
|
fill: $grey;
|
|
font-size: $size-8;
|
|
}
|
|
}
|
|
|
|
.gridlines {
|
|
.domain {
|
|
stroke: unset;
|
|
}
|
|
|
|
line {
|
|
stroke-dasharray: 5 5;
|
|
}
|
|
}
|
|
|
|
.x-axis,
|
|
.y-axis {
|
|
.domain,
|
|
line {
|
|
stroke: $grey-light;
|
|
}
|
|
}
|
|
}
|