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