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

72.73% Statements 8/11
100% Branches 0/0
50% Functions 1/2
66.67% Lines 6/9

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
    2691x

    91x

    91x

    91x

    91x

    91x
     import { Component, Input, OnChanges } from '@angular/core';

    @Component({
      selector: 'cd-usage-bar',
      template: require('./usage-bar.component.html'),
      styles: []
    })
    export class UsageBarComponent implements OnChanges {
      @Input()
      totalBytes: number;
      @Input()
      usedBytes: number;

      usedPercentage: number;
      freePercentage: number;
      freeBytes: number;

      constructor() {}

      ngOnChanges() {
        this.usedPercentage = Math.round((this.usedBytes / this.totalBytes) * 100);
        this.freePercentage = 100 - this.usedPercentage;
        this.freeBytes = this.totalBytes - this.usedBytes;
      }
    }