diff options
Diffstat (limited to 'client/src/app/shared/shared-main/users/user-quota.component.html')
-rw-r--r-- | client/src/app/shared/shared-main/users/user-quota.component.html | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-main/users/user-quota.component.html b/client/src/app/shared/shared-main/users/user-quota.component.html new file mode 100644 index 000000000..f9fb32133 --- /dev/null +++ b/client/src/app/shared/shared-main/users/user-quota.component.html | |||
@@ -0,0 +1,21 @@ | |||
1 | <div class="user-quota mb-3"> | ||
2 | <div> | ||
3 | <strong class="user-quota-title" tabindex="0" i18n>Total video quota</strong> | ||
4 | <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuota()"> | ||
5 | <div class="progress-bar" tabindex="0" role="progressbar" [style]="{ width: userVideoQuotaPercentage + '%' }" | ||
6 | [attr.aria-valuenow]="userVideoQuotaUsed" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuota"> | ||
7 | {{ userVideoQuotaUsed | bytes: 0 }}</div> | ||
8 | <span class="ml-auto mr-2">{{ userVideoQuota }}</span> | ||
9 | </div> | ||
10 | </div> | ||
11 | |||
12 | <div *ngIf="hasDailyQuota()" class="mt-3"> | ||
13 | <strong class="user-quota-title" tabindex="0" i18n>Daily video quota</strong> | ||
14 | <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuotaDaily()"> | ||
15 | <div class="progress-bar secondary" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }" | ||
16 | [attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuotaDaily"> | ||
17 | {{ userVideoQuotaUsedDaily | bytes: 0 }}</div> | ||
18 | <span class="ml-auto mr-2">{{ userVideoQuotaDaily }}</span> | ||
19 | </div> | ||
20 | </div> | ||
21 | </div> \ No newline at end of file | ||