mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-31 19:41:12 +02:00
7469053bac
* only generate 2 mounts per client type * add acme_clients to attribution chart * add acme clients to running total * cleanup selectors * add stat box to single historical month running total, update tests * update filter subtext * add mountpath to usage stat description, change tags from h to p * cleanup extra divs * remove extra clients text from cluttered stats * update attribution test * fix some a11y tests and update attribution counts * fix a11y violations * move to beforeEach?
54 lines
1.4 KiB
Handlebars
54 lines
1.4 KiB
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: BUSL-1.1
|
|
~}}
|
|
|
|
{{! HBS display template for rendering title, description and stat boxes with a chart on the right }}
|
|
|
|
<div class="chart-wrapper single-chart-grid" data-test-chart-container={{@title}} ...attributes>
|
|
<div class="chart-header has-bottom-margin-xl">
|
|
<h2 class="chart-title">{{@title}}</h2>
|
|
<p class="chart-description">
|
|
{{@description}}
|
|
</p>
|
|
</div>
|
|
|
|
{{#if @hasChartData}}
|
|
{{#if (has-block "subTitle")}}
|
|
<div class="chart-subTitle">
|
|
{{yield to="subTitle"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (has-block "stats")}}
|
|
{{yield to="stats"}}
|
|
{{/if}}
|
|
|
|
{{#if (has-block "chart")}}
|
|
<div class="chart-container-wide">
|
|
{{yield to="chart"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if @legend}}
|
|
<div class="legend" data-test-chart-container-legend>
|
|
{{#each @legend as |legend idx|}}
|
|
<span class="legend-colors dot-{{idx}}"></span>
|
|
<span class="legend-label">{{capitalize legend.label}}</span>
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{else}}
|
|
<div class="chart-empty-state chart-container-wide">
|
|
{{yield to="emptyState"}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if @timestamp}}
|
|
<div class="timestamp" data-test-chart-container-timestamp>
|
|
Updated
|
|
{{date-format @timestamp "MMM d yyyy, h:mm:ss aaa" withTimeZone=true}}
|
|
</div>
|
|
{{/if}}
|
|
</div> |