blob: ac9085bb3b34e17ee4cec79db5ec27eea75e9a38 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<div class="user-quota mb-3">
<div>
<div class="mb-2 fw-bold" i18n>Total video quota</div>
<div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuota()">
<div class="progress-bar" tabindex="0" role="progressbar" [style]="{ width: userVideoQuotaPercentage + '%' }"
[attr.aria-valuenow]="userVideoQuotaUsed" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuota"></div>
<span>{{ userVideoQuotaUsed | bytes: 1 }}</span>
<span>{{ userVideoQuota }}</span>
</div>
</div>
<div *ngIf="hasDailyQuota()" class="mt-3">
<div class="mb-2 fw-bold" i18n>Daily video quota</div>
<div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuotaDaily()">
<div class="progress-bar" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }"
[attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuotaDaily"></div>
<span>{{ userVideoQuotaUsedDaily | bytes: 1 }}</span>
<span>{{ userVideoQuotaDaily }}</span>
</div>
</div>
</div>
|