budget-bar budget-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
27
28 3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <div *ngIf="budget && overflowPercentage > 0" class="budget-bar-overflow">
  <div class="overflow-indicator" [ngStyle]="{ width: overflowPercentage / 100 | percent }" [title]="budget | ishPrice">
    <span class="overflow-display">{{ overflowPercentage / 100 | percent }}</span>
  </div>
</div>
<div *ngIf="budget" class="budget-bar">
  <div
    class="budget-bar-used"
    [title]="spentBudget | ishPrice"
    [ngClass]="displayClass"
    aria-hidden="true"
    [ngStyle]="{ width: budgetPercentage / 100 | percent }"
  >
    {{ spentBudget | ishPrice }}
  </div>
  <div
    *ngIf="additionalAmount?.value"
    [title]="additionalAmount | ishPrice"
    class="budget-bar-used budget-bar-used-additional border-left"
    [ngClass]="addDisplayClass"
    role="progressbar"
    [ngStyle]="{ width: additionalPercentage / 100 | percent }"
    aria-hidden="true"
  >
    <span>{{ additionalAmount | ishPrice }}</span>
  </div>
</div>