claire bontempo 17552aab7d
UI: Refactor and resuse UsageStats display template across tabs (#26562)
* refactor usage stats to use Hds::Card

* use usage stats in other tabs

* use flex row and remove verbose grid css classes

* cleanup selectors, add arg to usage stat selector

* update usage stat test

* update token tab usage stat title

* add test coverage for description and title
2024-04-19 22:14:46 +00:00

55 lines
1.9 KiB
Handlebars

{{!
Copyright (c) HashiCorp, Inc.
SPDX-License-Identifier: BUSL-1.1
~}}
<Dashboard::VaultVersionTitle @version={{@version}} />
<div class="has-bottom-margin-xl">
<div class="is-flex-row gap-24">
{{#if (and @version.isEnterprise (or @license @isRootNamespace))}}
<div class="is-flex-column is-flex-1 gap-24">
{{#if @license}}
<Dashboard::ClientCountCard @license={{@license}} />
{{/if}}
{{#if
(and @isRootNamespace (has-permission "status" routeParams="replication") (not (is-empty-value @replication)))
}}
<Dashboard::ReplicationCard
@replication={{@replication}}
@version={{@version}}
@refresh={{@refreshModel}}
@updatedAt={{@replicationUpdatedAt}}
/>
{{/if}}
<Dashboard::SecretsEnginesCard @secretsEngines={{@secretsEngines}} />
</div>
<div class="is-flex-column is-flex-1 gap-24">
<Dashboard::QuickActionsCard @secretsEngines={{@secretsEngines}} />
{{#if @vaultConfiguration}}
<Dashboard::VaultConfigurationDetailsCard @vaultConfiguration={{@vaultConfiguration}} />
{{/if}}
<div>
<Dashboard::LearnMoreCard @isEnterprise={{@version.isEnterprise}} />
<Dashboard::SurveyLinkText />
</div>
</div>
{{else}}
<div class="is-flex-column is-flex-1 gap-24">
<Dashboard::SecretsEnginesCard @secretsEngines={{@secretsEngines}} />
<div>
<Dashboard::LearnMoreCard @isEnterprise={{@version.isEnterprise}} />
<Dashboard::SurveyLinkText />
</div>
</div>
<div class="is-flex-column is-flex-1 gap-24">
<Dashboard::QuickActionsCard @secretsEngines={{@secretsEngines}} />
{{#if @vaultConfiguration}}
<Dashboard::VaultConfigurationDetailsCard @vaultConfiguration={{@vaultConfiguration}} />
{{/if}}
</div>
{{/if}}
</div>
</div>