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