1 <ng-template #dialogContent>
2 <form class="form-validated">
3 <div class="modal-header">
4 <h3 class="modal-title" i18n>Manage Claims</h3>
5 <button type="button" class="btn-close btn-close-white"
6 i18n-aria-label aria-label="Close" (click)="close()"></button>
8 <div class="modal-body">
10 <span i18n>Against line item {{liService.getFirstAttributeValue(li, 'title')}} ({{li.id()}})</span>
12 <li *ngFor="let lid of lidsWithClaims" i18n>
14 <ng-container *ngIf="lid.cancel_reason()">Cancelled ({{lid.cancel_reason().label()}})</ng-container>
15 <ng-container *ngIf="lid.recv_time() && !lid.cancel_reason()">Received {{lid.recv_time() | formatValue:'timestamp'}}</ng-container>
16 <ng-container *ngIf="!lid.recv_time() && !lid.cancel_reason()">Not received</ng-container>
18 <li *ngFor="let claim of lid.claims()">
19 {{claim.type().code()}} <a href="javascript:;" (click)="printVoucher(lid.id())">Print Voucher</a>
25 <h4 i18n>Initiate New Claims</h4>
26 <div *ngFor="let lid of li.lineitem_details()" i18n>
27 <input type="checkbox" name="lidsToClaim" [(ngModel)]="lid._selected_for_claim">
29 <ng-container *ngIf="lid.cancel_reason()">Cancelled ({{lid.cancel_reason().label()}})</ng-container>
30 <ng-container *ngIf="lid.recv_time() && !lid.cancel_reason()">Received {{lid.recv_time() | formatValue:'timestamp'}}</ng-container>
31 <ng-container *ngIf="!lid.recv_time() && !lid.cancel_reason()">Not received</ng-container>
33 <ng-container *ngIf="claimEventTypes.length > 0">
34 <label class="form-label" for="selectClaimEventTypes" i18n>Select Claim Action(s)</label>
35 <select class="form-select" multiple="true" [size]="claimEventTypes.length"
36 [(ngModel)]="selectedClaimEventTypes" [ngModelOptions]="{standalone: true}" id="selectClaimEventTypes">
37 <option *ngFor="let clet of claimEventTypes" [value]="clet.id()" i18n>
38 {{clet.code()}} ({{clet.org_unit().shortname()}}) <i>{{clet.description()}}</i>
39 <ng-container *ngIf="clet.library_initiated()"> [Library initiated]</ng-container>
43 <label class="form-label" for="claimType" i18n>Claim Type</label>
44 <eg-combobox domId="claimType" name="claimType"
45 [asyncSupportsEmptyTermClick]="true"
46 idlClass="acqclt" [(ngModel)]="claimType" [ngModelOptions]="{standalone: true}"></eg-combobox>
47 <label class="form-label" for="note" i18n>Claim Note</label>
48 <input class="form-control" type="text" i18n-placeholder placeholder="Note" [(ngModel)]="note"
49 [ngModelOptions]="{standalone: true}" id="note">
52 <div class="modal-footer">
53 <button type="button" class="btn btn-success"
54 [disabled]="!canPerformClaim()"
55 (click)="claimItems()" i18n>Claim Selected</button>
56 <button type="button" class="btn btn-warning"
57 (click)="close()" i18n>Exit Dialog</button>
62 <ng-template #printTemplate let-context>
64 <h1>Claim Voucher</h1>
66 <span [innerHtml]="context.voucher"></span>