1 <div class=
"user-quota mb-3">
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>
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>