LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / acq / po / create.component.html
1 <eg-staff-banner bannerText="Create Purchase Order" i18n-bannerText>
2 </eg-staff-banner>
3
4 <div class="col-lg-4 offset-lg-4" [hidden]="!initDone">
5   <div *ngIf="lineitems.length || origLiCount">
6     <span i18n>Creating for {{lineitems.length}} line items.</span>
7     <span i18n *ngIf="lineitems.length !== origLiCount" class="alert-warning">
8       (There were {{origLiCount}} selected, but not all were in a valid state
9        to be added to a purchase order.)
10     </span>
11     <hr class="p-1" />
12   </div>
13   <div class="form-group">
14     <label class="form-label" for="order-agency-input" i18n>Ordering Agency</label>
15     <eg-org-select (onChange)="orgChange($event)" domId="order-agency-input"
16       [limitPerms]="['CREATE_PURCHASE_ORDER']">
17     </eg-org-select>
18   </div>
19   <div class="form-group">
20     <label class="form-label" for="name-input" i18n>Name (optional)</label>
21     <input id="name-input" class="form-control" type="text" [ngModel]="poName"
22       (ngModelChange)="poName = $event; checkDuplicatePoName()"
23     />
24   </div>
25   <div *ngIf="dupeResults.dupeFound" class="alert alert-warning" i18n>
26     This name is already in used by another PO: 
27     <a target="_blank" routerLink="/staff/acq/po/{{dupeResults.dupePoId}}">View PO</a>
28   </div>
29   <div class="form-group">
30     <label class="form-label" for="name-input" i18n>Provider</label>
31     <eg-combobox domId="provider-input" [(ngModel)]="provider"
32       [asyncSupportsEmptyTermClick]="true"
33       idlIncludeLibraryInLabel="owner"
34       [idlQueryAnd]="{active: 't'}" idlClass="acqpro">
35     </eg-combobox>
36   </div>
37   <div class="form-group form-check">
38     <input type="checkbox" class="form-check-input" 
39       [(ngModel)]="prepaymentRequired" id="prepayment-required">
40     <label class="form-label form-check-label" for="prepayment-required" i18n>
41       Prepayment Required
42     </label>
43   </div>
44   <div class="form-group form-check" *ngIf="lineitems.length">
45     <input type="checkbox" class="form-check-input" 
46       [(ngModel)]="createAssets" id="create-assets">
47     <label class="form-label form-check-label" for="create-assets" i18n>
48       Import Bibs and Create Copies
49     </label>
50   </div>
51   <hr class="p-1" />
52   <button [disabled]="!canCreate()" (click)="create()" 
53     type="submit" class="btn btn-primary" i18n>Create</button>
54 </div>