mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-18 21:21:06 +02:00
fbed961190
* WIP/initial routing-ish * refactor date dropdown to reuse in modal and allowe current month selection * swap linter disable line * refactor date-dropdown to return object * refactor calendar widget, add tests * change calendar start and end args to getters * refactor dashboard to use date objects instead of array of year, month * remove dashboard files for easier to follow git diff * comment out dashboard tab until route name updated * delete current tab and route * fix undefined banner time * cleanup version history serializer and upgrade data * first pass of updating tests * add changelog * update client count util test * validate end time is after start time * update comment * add current month to calendar widget * add comments for code changes to make following API update * Removed a modified file from pull request * address comments/cleanup * update variables to const * update test const * rename history -> dashboard, fix tests * fix timestamps for attribution chart * update release note * refactor using backend start and end time params * add test for adapter formatting time params * fix tests * cleanup adapter comment and query params * change back history file name for diff * rename file using cli * revert filenames * rename files via git cli * revert route file name * last cli rename * refactor mirage * hold off on running total changes * update params in test * refactor to remove conditional assertions * finish tests * fix firefox tooltip * remove current-when * refactor version history * add timezone/UTC note * final cleanup!!!! * fix test * fix client count date tests * fix date-dropdown test * clear datedropdown completely * update date selectors to accommodate new year (#18586) * Revert "hold off on running total changes" This reverts commit 8dc79a626d549df83bc47e290392a556c670f98f. * remove assumed 0 values * update average helper to only calculate for array of objects * remove passing in bar chart data, map in running totals component instead * cleanup usage stat component * clear ss filters for new queries * update csv export, add explanation to modal * update test copy * consistently return null if no upgrade during activity (instead of empty array) * update description, add clarifying comments * update tes * add more clarifying comments * fix historic single month chart * remove old test tag * Update ui/app/components/clients/dashboard.js
47 lines
1.7 KiB
Handlebars
47 lines
1.7 KiB
Handlebars
<div class="chart-wrapper single-chart-grid" data-test-monthly-usage>
|
|
<div class="chart-header has-bottom-margin-xl">
|
|
<h2 class="chart-title">Vault usage</h2>
|
|
<p class="chart-description">
|
|
This data can be used to understand how many total clients are using Vault each month for this date range.
|
|
</p>
|
|
</div>
|
|
|
|
<div class={{concat (unless @verticalBarChartData "chart-empty-state ") "chart-container-wide"}}>
|
|
<Clients::VerticalBarChart @dataset={{@verticalBarChartData}} @chartLegend={{@chartLegend}} />
|
|
</div>
|
|
|
|
<div class="chart-subTitle">
|
|
<h2 class="chart-title">Total monthly clients</h2>
|
|
<p class="chart-subtext">
|
|
Each client is counted once per month. This can help with capacity planning.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="data-details-top" data-test-monthly-usage-average-total>
|
|
<h3 class="data-details">Average total clients per month</h3>
|
|
<p class="data-details">
|
|
{{format-number this.averageTotalClients}}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="data-details-bottom" data-test-monthly-usage-average-new>
|
|
<h3 class="data-details">Average new clients per month</h3>
|
|
<p class="data-details">
|
|
{{format-number this.averageNewClients}}
|
|
</p>
|
|
</div>
|
|
|
|
<div data-test-monthly-usage-timestamp class="timestamp">
|
|
{{#if @responseTimestamp}}
|
|
Updated
|
|
{{date-format @responseTimestamp "MMM d yyyy, h:mm:ss aaa" withTimeZone=true}}
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#if @verticalBarChartData}}
|
|
<div data-test-monthly-usage-legend class="legend-right">
|
|
<span class="light-dot"></span><span class="legend-label">{{capitalize @chartLegend.0.label}}</span>
|
|
<span class="dark-dot"></span><span class="legend-label">{{capitalize @chartLegend.1.label}}</span>
|
|
</div>
|
|
{{/if}}
|
|
</div> |