Open-ILS/src/eg2/src/app/staff/acq/lineitem/link-invoice-dialog.component.html

   1 <ng-template #dialogContent>
   2   <form class="form-validated">
   3     <div class="modal-header">
   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>
   7     </div>
   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>
  12         </span>
  13       </h4>
  14       <div class="d-flex">
  15         <div class="flex-1">
  16           <label class="form-label" for="provider-input" i18n>Provider</label>
  17         </div>
  18         <div class="flex-3">
  19           <eg-combobox domId="provider-input" [(ngModel)]="provider"
  20             style="border-left-width: 0px"
  21             name="provider-input"
  22             idlIncludeLibraryInLabel="owner"
  23             [required]="true"
  24             [asyncSupportsEmptyTermClick]="true"
  25             [idlQueryAnd]="{active: 't'}" idlClass="acqpro">
  26           </eg-combobox>
  27         </div>
  28       </div>
  29       <div class="d-flex mt-2">
  30         <div class="flex-1">
  31           <label class="form-label" for="invoice-input" i18n>Invoice</label>
  32         </div>
  33         <div class="flex-3">
  34           <eg-combobox domId="invoice-input" [(ngModel)]="invoice"
  35             style="border-left-width: 0px"
  36             [readOnly]="!provider || !provider?.id"
  37             name="invoice-input"
  38             [required]="true"
  39             idlField="inv_ident"
  40             [asyncSupportsEmptyTermClick]="true"
  41             [idlQueryAnd]="{provider: provider?.id, close_date: null}" idlClass="acqinv">
  42           </eg-combobox>
  43         </div>
  44       </div>
  45     </div>
  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-normal"
  51         (click)="close()" i18n>Cancel</button>
  52     </div>
  53   </form>
  54 </ng-template>
  55