client/src/app/shared/shared-main/users/user-quota.component.html

   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>{{ userVideoQuotaUsedDaily | bytes: 1 }}</span>
  18       <span>{{ userVideoQuotaDaily }}</span>
  19     </div>
  20   </div>
  21 </div>