open-vault/ui/app/templates/components/clients/usage-stats.hbs
claire bontempo 85b2263dce
UI/Clients monthly usage component (#15012)
* clarify timestamp in jsdocs

* make title bottom margin smaller

* add monthly usage component

* fix doubled up css

* clean up average helpers

* copy update

* change arg to component variable

* fix awkward grammar

* clean up mirage handler

* address comments

* remove prop
2022-04-12 17:49:35 -05:00

45 lines
1.5 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="chart-wrapper" data-test-usage-stats>
<div class="chart-header has-header-link has-bottom-margin-m">
<div class="header-left">
<h2 class="chart-title">{{@title}}</h2>
<p class="chart-description"> These totals are within this namespace and all its children. </p>
</div>
<div class="header-right">
<LearnLink @path="/tutorials/vault/usage-metrics">
Learn more
</LearnLink>
</div>
</div>
<div class="columns">
<div class="column">
<StatText
@label="Total clients"
@value={{or @totalUsageCounts.clients "0"}}
@size="l"
@subText="The sum of entity clientIDs and non-entity clientIDs; this is Vaults primary billing metric."
data-test-stat-text="total-clients"
/>
</div>
<div class="column">
<StatText
class="column"
@label="Entity clients"
@value={{or @totalUsageCounts.entity_clients "0"}}
@size="l"
@subText="Representations of a particular user, client, or application that created a token via login."
data-test-stat-text="entity-clients"
/>
</div>
<div class="column">
<StatText
class="column"
@label="Non-entity clients"
@value={{or @totalUsageCounts.non_entity_clients "0"}}
@size="l"
@subText="Clients created with a shared set of permissions, but not associated with an entity. "
data-test-stat-text="non-entity-clients"
/>
</div>
</div>
</div>