Open-ILS/src/eg2/src/app/staff/acq/lineitem/copies.component.html

   1 <h3 *ngIf="mode !== 'multiAdd'" class="mt-3" i18n>Items for Line Item {{lineitem?.id()}} ({{getTitle(lineitem)}})</h3>
   2
   3 <eg-confirm-dialog #leaveConfirm
   4   i18n-dialogTitle i18n-dialogBody
   5   dialogTitle="Unsaved Changes Warning"
   6   dialogBody="There are unsaved changes. Are you sure you want to leave?">
   7 </eg-confirm-dialog>
   8
   9 <div class="row mt-3 mb-1">
  10   <div class="col-lg-12 form-inline">
  11
  12     <label class="form-label ms-3" for='copy-count-input' i18n>Item Count: </label>
  13     <input class="form-control-sm ms-3 small"
  14       id='copy-count-input' [disabled]="liLocked"
  15       [(ngModel)]="copyCount" type="text" (keyup.enter)="applyCount()"/>
  16
  17     <button class="btn btn-sm btn-outline-dark ms-3"
  18       [disabled]="liLocked" (click)="applyCount()" i18n>Apply</button>
  19
  20     <span class="ms-3" i18n> | </span>
  21
  22     <label class="form-label ms-3" for='distrib-formula-cbox' i18n>Distribution Formulas</label>
  23     <span class="ms-3">
  24       <eg-combobox idlClass="acqdf" [idlQueryAnd]="formulaFilter"
  25         [asyncSupportsEmptyTermClick]="true" [startsWith]="true"
  26         [idlQuerySort]="{acqdf: 'name'}"
  27         #distribFormCbox domId="distrib-formula-cbox">
  28       </eg-combobox>
  29     </span>
  30     <button class="btn btn-sm btn-outline-dark ms-3"
  31       [disabled]="!distribFormCbox.selectedId || liLocked"
  32       (click)="applyFormula(distribFormCbox.selectedId)" i18n>Apply</button>
  33
  34     <button class="btn btn-sm btn-success ms-auto" [disabled]="liLocked" *ngIf="mode !== 'multiAdd'"
  35       (click)="save()" i18n>Save Changes</button>
  36
  37   </div>
  38 </div>
  39
  40 <hr class="m-1 p-1"/>
  41
  42 <div class="col-lg-6 offset-lg-3" *ngIf="saving">
  43   <eg-progress-inline [max]="progressMax" [value]="progressValue">
  44   </eg-progress-inline>
  45 </div>
  46
  47 <ng-container *ngIf="lineitem && !saving">
  48
  49   <div class="card tight-card" *ngIf="lineitem.distribution_formulas().length && mode !== 'multiAdd'">
  50     <div class="card-header" i18n>Distribution formulas applied to this lineitem</div>
  51     <div class="card-body">
  52       <ul class="p-0 m-0">
  53         <li class="list-group-item p-0 m-0 border-0"
  54           *ngFor="let formula of lineitem.distribution_formulas()">
  55           <div class="d-flex">
  56             <button class="btn btn-outline-danger material-icon-button p-0 m-0"
  57               (click)="deleteFormula(formula)" title="Delete Formula" i18n-title>
  58               <span class="material-icons">delete</span>
  59             </button>
  60             <div class="ms-2">{{formula.create_time() | date:'short'}}</div>
  61             <div class="ms-2">{{formula.creator().usrname()}}</div>
  62             <div class="ms-2 flex-1">{{formula.formula().name()}}</div>
  63           </div>
  64         </li>
  65       </ul>
  66     </div>
  67   </div>
  68
  69   <eg-lineitem-batch-copies
  70     [lineitem]="lineitem" [batchAdd]="mode === 'multiAdd'"
  71     (becameDirty)="dirty = true"
  72   ></eg-lineitem-batch-copies>
  73 </ng-container>
  74
  75