1 <ng-template #dialogContent>
2 <form class="form-validated">
3 <div class="modal-header bg-info">
4 <h3 class="modal-title" i18n>Link Invoice</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">
9 <h4 i18n *ngIf="liIds && liIds.length">Line Item(s) selected:
10 <span *ngFor="let id of liIds; last as isLast">
11 {{id}}<span *ngIf="!isLast">,</span>
16 <label class="form-label" for="provider-input" i18n>Provider</label>
19 <eg-combobox domId="provider-input" [(ngModel)]="provider"
20 style="border-left-width: 0px"
22 idlIncludeLibraryInLabel="owner"
24 [asyncSupportsEmptyTermClick]="true"
25 [idlQueryAnd]="{active: 't'}" idlClass="acqpro">
29 <div class="d-flex mt-2">
31 <label class="form-label" for="invoice-input" i18n>Invoice</label>
34 <eg-combobox domId="invoice-input" [(ngModel)]="invoice"
35 style="border-left-width: 0px"
36 [readOnly]="!provider || !provider?.id"
40 [asyncSupportsEmptyTermClick]="true"
41 [idlQueryAnd]="{provider: provider?.id, close_date: null}" idlClass="acqinv">
46 <div class="modal-footer">
47 <button type="button" class="btn btn-success"
48 [disabled]="!invoice || !invoice.id"
49 (click)="close(invoice.id)" i18n>Link Invoice</button>
50 <button type="button" class="btn btn-warning"
51 (click)="close()" i18n>Cancel</button>