messaging-management/messaging/shared/usage/usage.component.ts

Description

Usage component displays usage information in a form of e.g. "51% used". It can be used in two ways:

By providing count and limit inputs, it will calculate the usage percentage.
By providing percentage input, it will use the provided percentage value. Note: percentage input takes precedence over count and limit inputs.

Example

Metadata

host	`{ }`
selector	`app-usage`
standalone	`true`
imports	`IconDirective` `NgIf` `NgClass` `IconDirective` `C8yTranslatePipe` `PercentPipe`
templateUrl	`./usage.component.html`

Relationships

Used by

Depends on

IconDirective
NgIf
NgClass
C8yTranslatePipe
PercentPipe

<div
  class="tag no-pointer"
  [ngClass]="statusMap[status()]"
  *ngIf="usage() !== null"
>
  <i
    class="text-danger m-r-4 text-12"
    c8yIcon="exclamation-circle"
    *ngIf="status() === 'danger'"
  ></i>
  <span>
    {{ usageToDisplay | translate: { percentageOfQuota: (usage() | percent: '1.0-2') } }}
  </span>
</div>

Description

Example

Metadata

Relationships

Used by

Depends on

results matching ""

No results matching ""