]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/shared-main/users/user-quota.component.html
modify user-quota to match account settings style
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / users / user-quota.component.html
CommitLineData
2e7f2627
K
1<div class="user-quota mb-3">
2 <div>
66927c05 3 <label class="user-quota-title" tabindex="0" i18n>Total video quota</label>
2e7f2627
K
4 <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuota()">
5 <div class="progress-bar" tabindex="0" role="progressbar" [style]="{ width: userVideoQuotaPercentage + '%' }"
66927c05
RK
6 [attr.aria-valuenow]="userVideoQuotaUsed" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuota"></div>
7 <span>{{ userVideoQuotaUsed | bytes: 1 }}</span>
8 <span>{{ userVideoQuota }}</span>
2e7f2627
K
9 </div>
10 </div>
11
12 <div *ngIf="hasDailyQuota()" class="mt-3">
66927c05 13 <label class="user-quota-title" tabindex="0" i18n>Daily video quota</label>
2e7f2627
K
14 <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuotaDaily()">
15 <div class="progress-bar secondary" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }"
66927c05 16 [attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuotaDaily"></div>
2e7f2627 17 <span class="ml-auto mr-2">{{ userVideoQuotaDaily }}</span>
66927c05
RK
18 <span>{{ userVideoQuotaUsedDaily | bytes: 1 }}</span>
19 <span>{{ userVideoQuotaDaily }}</span>
2e7f2627
K
20 </div>
21 </div>
22</div>