LP2000482 Bootstrap 5 continued
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / acq / lineitem / batch-update-copies-dialog.component.html
1 <ng-template #copyAttrsHeader let-hideBarcode="hideBarcode" let-moreCss="moreCss">
2   <div class="div d-flex fw-bold {{moreCss}}">
3     <div class="flex-1 p-1" i18n>Owning Branch</div>
4     <div class="flex-1 p-1" i18n>Shelving Location</div>
5     <div class="flex-1 p-1" i18n>Collection Code</div>
6     <div class="flex-1 p-1" i18n>Fund</div>
7     <div class="flex-1 p-1" i18n>Circ Modifier</div>
8     <div class="flex-1 p-1"></div>
9   </div>
10 </ng-template>
11
12 <ng-template #dialogContent>
13   <form class="form-validated">
14     <div class="modal-header bg-info">
15       <h3 class="modal-title" i18n>Batch Update Items on Selected Line Items</h3>
16       <button type="button" class="btn-close btn-close-white"
17         i18n-aria-label aria-label="Close" (click)="close()"></button>
18     </div>
19     <div class="modal-body">
20       <h4 i18n>Line Item(s) selected:
21         <span *ngFor="let id of ids; last as isLast">
22           {{id}}<span *ngIf="!isLast">,</span>
23         </span>
24       </h4>
25       <div class="row mt-3 mb-1">
26         <div class="col-lg-12 form-inline">
27
28           <label class="form-label ms-3" for='copy-count-input' i18n>Item Count: </label>
29           <input class="form-control-sm ms-3 small"
30             id='copy-count-input'
31             [(ngModel)]="copyCount" [ngModelOptions]="{standalone: true}" type="text"/>
32
33           <span class="ms-3" i18n> | </span>
34           <label class="form-label ms-3" for='distrib-formula-cbox' i18n>Distribution Formulas</label>
35           <span class="ms-3">
36             <eg-combobox idlClass="acqdf" [idlQueryAnd]="formulaFilter"
37               [asyncSupportsEmptyTermClick]="true" [startsWith]="true"
38               [idlQuerySort]="{acqdf: 'name'}"
39               #distribFormCbox domId="distrib-formula-cbox"
40               [(ngModel)]="selectedFormula" [ngModelOptions]="{standalone: true}">
41             </eg-combobox>
42           </span>
43         </div>
44       </div>
45
46       <hr class="m-1 p-1"/>
47       <ng-container>
48         <ng-container
49           *ngTemplateOutlet="copyAttrsHeader;context:{
50             moreCss:'mt-3 bg-light border border-secondary',
51             hideBarcode: true
52         }">
53         </ng-container>
54         <div class="pt-2 bg-light border border-secondary border-top-0 rounded-bottom">
55           <eg-lineitem-copy-attrs #copyAttributes [gatherParamsOnly]="true"
56             (templateCopy)="templateCopy = $event" ></eg-lineitem-copy-attrs>
57         </div>
58       </ng-container>
59     </div>
60     <div class="modal-footer">
61       <button type="button" class="btn btn-success"
62         (click)="close(compileBatchChange())" [disabled]="!canApply()" i18n>Batch Update</button>
63       <button type="button" class="btn btn-warning"
64         (click)="close()" i18n>Cancel</button>
65     </div>
66   </form>
67 </ng-template>
68