diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-settings/my-account-settings.component.html')
| -rw-r--r-- | client/src/app/+my-account/my-account-settings/my-account-settings.component.html | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.html b/client/src/app/+my-account/my-account-settings/my-account-settings.component.html index ddcde828c..6fee087fb 100644 --- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.html +++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.html | |||
| @@ -8,13 +8,17 @@ | |||
| 8 | 8 | ||
| 9 | <div class="user-quota mb-3"> | 9 | <div class="user-quota mb-3"> |
| 10 | <div> | 10 | <div> |
| 11 | <label i18n>Total video quota:</label> | 11 | <div class="progress" i18n-title title="Total video quota"> |
| 12 | <ng-container i18n>{{ userVideoQuotaUsed | bytes: 0 }} used</ng-container> / {{ userVideoQuota }} | 12 | <div class="progress-bar" role="progressbar" [style]="{ width: userVideoQuotaPercentage + '%' }" [attr.aria-valuenow]="userVideoQuotaUsed" aria-valuemin="0" [attr.aria-valuemax]="userVideoQuota">{{ userVideoQuotaUsed | bytes: 0 }}</div> |
| 13 | <span class="ml-auto mr-2">{{ userVideoQuota }}</span> | ||
| 14 | </div> | ||
| 13 | </div> | 15 | </div> |
| 14 | 16 | ||
| 15 | <div *ngIf="hasDailyQuota()"> | 17 | <div *ngIf="hasDailyQuota()" class="mt-3"> |
| 16 | <label i18n>Daily video quota:</label> | 18 | <div class="progress" i18n-title title="Daily video quota"> |
| 17 | <ng-container>{{ userVideoQuotaUsedDaily | bytes: 0 }} used</ng-container> / {{ userVideoQuotaDaily }} | 19 | <div class="progress-bar progress-bar-secondary" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }" [attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="userVideoQuotaDaily">{{ userVideoQuotaUsedDaily | bytes: 0 }}</div> |
| 20 | <span class="ml-auto mr-2">{{ userVideoQuotaDaily }}</span> | ||
| 21 | </div> | ||
| 18 | </div> | 22 | </div> |
| 19 | </div> | 23 | </div> |
| 20 | 24 | ||