diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2020-07-24 11:26:22 +0200 |
|---|---|---|
| committer | Rigel Kent <par@rigelk.eu> | 2020-07-29 18:15:53 +0200 |
| commit | 66927c0588b050f23ad3f98d62b48307bc7e79e7 (patch) | |
| tree | 3c56129289a24a1642265deadfbcfd82a5d259b7 /client/src/app/shared/shared-main/users/user-quota.component.html | |
| parent | 4f5d045960b042eb27e10bac1bdaf1c074c9fa2a (diff) | |
| download | PeerTube-66927c0588b050f23ad3f98d62b48307bc7e79e7.tar.gz PeerTube-66927c0588b050f23ad3f98d62b48307bc7e79e7.tar.zst PeerTube-66927c0588b050f23ad3f98d62b48307bc7e79e7.zip | |
modify user-quota to match account settings style
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 | 15 |
1 files changed, 8 insertions, 7 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 index f9fb32133..06981223a 100644 --- a/client/src/app/shared/shared-main/users/user-quota.component.html +++ b/client/src/app/shared/shared-main/users/user-quota.component.html | |||
| @@ -1,21 +1,22 @@ | |||
| 1 | <div class="user-quota mb-3"> | 1 | <div class="user-quota mb-3"> |
| 2 | <div> | 2 | <div> |
| 3 | <strong class="user-quota-title" tabindex="0" i18n>Total video quota</strong> | 3 | <label class="user-quota-title" tabindex="0" i18n>Total video quota</label> |
| 4 | <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuota()"> | 4 | <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuota()"> |
| 5 | <div class="progress-bar" tabindex="0" role="progressbar" [style]="{ width: userVideoQuotaPercentage + '%' }" | 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"> | 6 | [attr.aria-valuenow]="userVideoQuotaUsed" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuota"></div> |
| 7 | {{ userVideoQuotaUsed | bytes: 0 }}</div> | 7 | <span>{{ userVideoQuotaUsed | bytes: 1 }}</span> |
| 8 | <span class="ml-auto mr-2">{{ userVideoQuota }}</span> | 8 | <span>{{ userVideoQuota }}</span> |
| 9 | </div> | 9 | </div> |
| 10 | </div> | 10 | </div> |
| 11 | 11 | ||
| 12 | <div *ngIf="hasDailyQuota()" class="mt-3"> | 12 | <div *ngIf="hasDailyQuota()" class="mt-3"> |
| 13 | <strong class="user-quota-title" tabindex="0" i18n>Daily video quota</strong> | 13 | <label class="user-quota-title" tabindex="0" i18n>Daily video quota</label> |
| 14 | <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuotaDaily()"> | 14 | <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuotaDaily()"> |
| 15 | <div class="progress-bar secondary" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }" | 15 | <div class="progress-bar secondary" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }" |
| 16 | [attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuotaDaily"> | 16 | [attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuotaDaily"></div> |
| 17 | {{ userVideoQuotaUsedDaily | bytes: 0 }}</div> | ||
| 18 | <span class="ml-auto mr-2">{{ userVideoQuotaDaily }}</span> | 17 | <span class="ml-auto mr-2">{{ userVideoQuotaDaily }}</span> |
| 18 | <span>{{ userVideoQuotaUsedDaily | bytes: 1 }}</span> | ||
| 19 | <span>{{ userVideoQuotaDaily }}</span> | ||
| 19 | </div> | 20 | </div> |
| 20 | </div> | 21 | </div> |
| 21 | </div> \ No newline at end of file | 22 | </div> \ No newline at end of file |