aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/shared/shared-main/users/user-quota.component.html
blob: 0e0d38c2ab3ebb85a451561c1eddaa8aaa2fdc16 (plain) (tree)
1
2
3
4
5
6
7
8

                             
                                                                               

                                                                                                                   


                                                                                                                 



                                            
                                                                               
                                                                             
                                                                                                           
                                                                                                                           

                                                           

          
      
<div class="user-quota mb-3">
  <div>
    <label class="user-quota-title" tabindex="0" i18n>Total video quota</label>
    <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuota()">
      <div class="progress-bar" tabindex="0" role="progressbar" [style]="{ width: userVideoQuotaPercentage + '%' }"
        [attr.aria-valuenow]="userVideoQuotaUsed" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuota"></div>
      <span>{{ userVideoQuotaUsed | bytes: 1 }}</span>
      <span>{{ userVideoQuota }}</span>
    </div>
  </div>

  <div *ngIf="hasDailyQuota()" class="mt-3">
    <label class="user-quota-title" tabindex="0" i18n>Daily video quota</label>
    <div class="progress" tabindex="0" [ngbTooltip]="titleVideoQuotaDaily()">
      <div class="progress-bar" role="progressbar" [style]="{ width: userVideoQuotaDailyPercentage + '%' }"
        [attr.aria-valuenow]="userVideoQuotaUsedDaily" aria-valuemin="0" [attr.aria-valuemax]="user.videoQuotaDaily"></div>
      <span>{{ userVideoQuotaUsedDaily | bytes: 1 }}</span>
      <span>{{ userVideoQuotaDaily }}</span>
    </div>
  </div>
</div>