All files / src/app/shared/components/usage-bar usage-bar.component.html

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2797x                                                    
<ng-template #usageTooltipTpl>
  <table>
    <tr>
      <td class="text-left">Used:&nbsp;</td>
      <td class="text-right"><strong> {{ usedBytes | dimlessBinary }}</strong></td>
    </tr>
    <tr>
      <td class="text-left">Free:&nbsp;</td>
      <td class="'text-right"><strong>{{ freeBytes | dimlessBinary }}</strong></td>
    </tr>
  </table>
</ng-template>
 
<div class="progress oaprogress"
     data-placement="left"
     [tooltip]="usageTooltipTpl">
  <div class="progress-bar progress-bar-info"
       role="progressbar"
       [style.width]="usedPercentage + '%'">
    <span>{{ usedPercentage }}%</span>
  </div>
  <div class="progress-bar progress-bar-freespace"
       role="progressbar"
       [style.width]="freePercentage + '%'">
  </div>
</div>