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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 | 2x | <ng-container *ngIf="costCenter">
<div *ngIf="costCenter?.costCenterOwner.email === (userEmail$ | async)" class="row">
<ish-info-box heading="approval.detailspage.costcenter.approval.heading" class="infobox-wrapper col-12">
<div class="row">
<div class="col-md-6">
<dl class="row dl-horizontal dl-separator">
<dt class="col-6">{{ 'approval.detailspage.cost_center.label' | translate }}</dt>
<dd class="col-6">{{ costCenter.costCenterId }} {{ costCenter.name }}</dd>
</dl>
</div>
</div>
<div class="row section">
<div class="col-md-6 pt-1">
<dl class="row dl-horizontal dl-separator">
<!-- prettier-ignore -->
<dt class="col-6">{{ 'approval.detailspage.costcenter.budget.label' | translate: { '0': costCenter.budgetPeriod } }}</dt>
<dd class="col-6">
<strong>
<ng-container *ngIf="costCenter?.budget; else noLimit">
{{ costCenter.budget | ishPrice }}
</ng-container>
<ng-template #noLimit>
{{ 'account.budget.unlimited' | translate }}
</ng-template>
</strong>
</dd>
</dl>
<dl *ngIf="costCenter.spentBudget" class="row dl-horizontal dl-separator">
<dt class="col-6">{{ 'account.budget.already_spent.label' | translate }}</dt>
<dd class="col-6" [ngClass]="{ 'text-danger': ccVal.spentPercentage > 1 }">
{{ costCenter.spentBudget | ishPrice }} ({{ ccVal.spentPercentage | percent }})
</dd>
</dl>
<dl *ngIf="requisition.approval.statusCode !== 'APPROVED'" class="row dl-horizontal dl-separator">
<dt class="col-6">{{ 'approval.detailspage.budget.including_order.label' | translate }}</dt>
<dd class="col-6" [ngClass]="{ 'text-danger': ccVal.spentPercentageIncludingThisRequisition > 1 }">
{{ ccVal.spentBudgetIncludingThisRequisition | ishPrice }} ({{
ccVal.spentPercentageIncludingThisRequisition | percent
}})
</dd>
</dl>
</div>
<div *ngIf="costCenter.budget" class="col-md-6 mb-2">
<ish-budget-bar
[budget]="costCenter.budget"
[spentBudget]="costCenter.spentBudget"
[additionalAmount]="orderTotal"
/>
</div>
</div>
<div *ngIf="buyer" class="row" data-testing-id="cost-center-buyer-budget">
<div class="col-md-6">
<dl class="row dl-horizontal dl-separator">
<!-- prettier-ignore -->
<dt class="col-6">{{ 'approval.detailspage.buyer.budget.label' | translate: { '0': buyer.budgetPeriod } }}</dt>
<dd class="col-6">
<strong>
<ng-container *ngIf="buyer?.budget; else noLimit">
{{ buyer.budget | ishPrice }}
</ng-container>
<ng-template #noLimit>
{{ 'account.budget.unlimited' | translate }}
</ng-template>
</strong>
</dd>
</dl>
<dl *ngIf="buyer.spentBudget" class="row dl-horizontal dl-separator">
<dt class="col-6">{{ 'account.budget.already_spent.label' | translate }}</dt>
<dd class="col-6" [ngClass]="{ 'text-danger': bVal.spentPercentage > 1 }">
{{ buyer.spentBudget | ishPrice }} ({{ bVal.spentPercentage | percent }})
</dd>
</dl>
<dl *ngIf="requisition.approval.statusCode !== 'APPROVED'" class="row dl-horizontal dl-separator">
<dt class="col-6">{{ 'approval.detailspage.budget.including_order.label' | translate }}</dt>
<dd class="col-6" [ngClass]="{ 'text-danger': bVal.spentPercentageIncludingThisRequisition > 1 }">
{{ bVal.spentBudgetIncludingThisRequisition | ishPrice }} ({{
bVal.spentPercentageIncludingThisRequisition | percent
}})
</dd>
</dl>
</div>
<div *ngIf="buyer.budget" class="col-md-6 mb-2">
<ish-budget-bar [budget]="buyer.budget" [spentBudget]="buyer.spentBudget" [additionalAmount]="orderTotal" />
</div>
</div>
</ish-info-box>
</div>
</ng-container>
|