]>
Commit | Line | Data |
---|---|---|
1 | <div class="user-quota mb-3"> | |
2 | <div> | |
3 | <label class="user-quota-title" tabindex="0" i18n>Total video quota</label> | |
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"></div> | |
7 | <span>{{ userVideoQuotaUsed | bytes: 1 }}</span> | |
8 | <span>{{ userVideoQuota }}</span> | |
9 | </div> | |
10 | </div> | |
11 | ||
12 | <div *ngIf="hasDailyQuota()" class="mt-3"> | |
13 | <label class="user-quota-title" tabindex="0" i18n>Daily video quota</label> | |
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"></div> | |
17 | <span class="ml-auto mr-2">{{ userVideoQuotaDaily }}</span> | |
18 | <span>{{ userVideoQuotaUsedDaily | bytes: 1 }}</span> | |
19 | <span>{{ userVideoQuotaDaily }}</span> | |
20 | </div> | |
21 | </div> | |
22 | </div> |