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

   1 <!-- Flex values are set to align with lineitem copies UI
   2     and the batch copy editor component -->
   3
   4 <div class="div d-flex batch-copy-row" *ngIf="copy">
   5   <div class="flex-1 p-1">
   6     <eg-org-select #owningLibSelect placeholder="Owning Branch..."
   7       i18n-placeholder [readOnly]="fieldIsDisabled('owning_lib')"
   8       [applyOrgId]="copy.owning_lib()"
   9       (onChange)="valueChange('owning_lib', $event)">
  10     </eg-org-select>
  11   </div>
  12   <div class="flex-1 p-1">
  13     <eg-item-location-select  [readOnly]="fieldIsDisabled('location')"
  14       #locationSelector [ngModel]="copy.location()"
  15       (valueChange)="valueChange('location', $event)"
  16       permFilter="CREATE_PICKLIST">
  17     </eg-item-location-select>
  18   </div>
  19   <div class="flex-1 p-1">
  20     <ng-container *ngIf="fieldIsDisabled('collection_code')">
  21       <span>{{copy.collection_code()}}</span>
  22     </ng-container>
  23     <ng-container *ngIf="!fieldIsDisabled('collection_code')">
  24       <input type="text" class="form-control"
  25         placeholder="Collection Code..." i18n-placeholder
  26         (ngModelChange)="valueChange('collection_code', $event)"
  27         [ngModel]="copy.collection_code()"/>
  28     </ng-container>
  29   </div>
  30   <div class="flex-1 p-1">
  31     <eg-combobox idlClass="acqf" placeholder="Fund..." i18n-placeholder
  32       [readOnly]="fieldIsDisabled('fund')"
  33       #fundSelector [entries]="fundEntries"
  34       [selectedId]="copy.fund()" (onChange)="valueChange('fund', $event)"
  35       [idlQueryAnd]="{active: 't'}">
  36     </eg-combobox>
  37   </div>
  38   <div class="flex-1 p-1">
  39     <eg-combobox idlClass="ccm" placeholder="Circ Modifier..." i18n-placeholder
  40       [readOnly]="fieldIsDisabled('circ_modifier')"
  41       #circModSelector [entries]="circModEntries"
  42       [selectedId]="copy.circ_modifier()"
  43       (onChange)="valueChange('circ_modifier', $event)">
  44     </eg-combobox>
  45   </div>
  46   <div class="flex-1 p-1">
  47     <ng-container *ngIf="fieldIsDisabled('cn_label')">
  48       <span>{{copy.cn_label()}}</span>
  49     </ng-container>
  50     <ng-container *ngIf="!fieldIsDisabled('cn_label')">
  51       <input type="text" class="form-control"
  52         placeholder="Call Number..." i18n-placeholder
  53         [ngModel]="copy.cn_label()"
  54         (ngModelChange)="valueChange('cn_label', $event)">
  55     </ng-container>
  56   </div>
  57   <div class="flex-1 p-1">
  58     <ng-container *ngIf="batchMode">
  59       <button class="btn btn-outline-dark"
  60         (click)="batchApplyRequested.emit(copy)" i18n>Batch Update</button>
  61     </ng-container>
  62     <ng-container *ngIf="!batchMode">
  63       <ng-container *ngIf="fieldIsDisabled('barcode')">
  64         <span>{{copy.barcode()}}</span>
  65       </ng-container>
  66       <ng-container *ngIf="!fieldIsDisabled('barcode')">
  67         <input type="text" class="form-control"
  68           [disabled]="fieldIsDisabled('barcode')" [ngModel]="copy.barcode()"
  69           placeholder="Barcode..." i18n-placeholder
  70           (ngModelChange)="valueChange('barcode', $event)">
  71       </ng-container>
  72     </ng-container>
  73   </div>
  74   <ng-container *ngIf="!embedded">
  75     <div class="flex-2 p-1 pr-2 pl-2">
  76       <ng-container *ngIf="!batchMode">
  77         <ng-container *ngIf="disposition() == 'pre-order'">
  78           <button *ngIf="!copy.isdeleted()"
  79             class="btn btn-outline-danger material-icon-button"
  80             (click)="deleteRequested.emit(copy)" title="Delete Item" i18n-title>
  81             <span class="material-icons">delete</span>
  82           </button>
  83           <button  *ngIf="copy.isdeleted()"
  84             class="btn btn-outline-info material-icon-button"
  85             (click)="copy.isdeleted(false)" title="Un-Delete Item" i18n-title>
  86             <span class="material-icons">restore_page</span>
  87           </button>
  88         </ng-container>
  89         <ng-container *ngIf="disposition() == 'on-order'">
  90           <a href="javascript:;" (click)="receiveRequested.emit(copy)" i18n>Mark Received</a>
  91         </ng-container>
  92         <ng-container *ngIf="disposition() == 'received'">
  93           <a href="javascript:;" (click)="unReceiveRequested.emit(copy)" i18n>Un-Receive</a>
  94         </ng-container>
  95         <ng-container *ngIf="disposition() == 'on-order'">
  96           <a href="javascript:;" class="ml-2" (click)="cancelRequested.emit(copy)" i18n>Cancel</a>
  97         </ng-container>
  98         <ng-container *ngIf="disposition() == 'delayed'">
  99           <a href="javascript:;" (click)="cancelRequested.emit(copy)" i18n>Cancel</a>
 100         </ng-container>
 101         <ng-container *ngIf="disposition() == 'delayed'">
 102           <span class="font-italic ml-2" title="{{copy.cancel_reason().description()}}">
 103             {{copy.cancel_reason().label()}}
 104           </span>
 105         </ng-container>
 106         <ng-container *ngIf="disposition() == 'canceled'">
 107           <span class="font-italic" title="{{copy.cancel_reason().description()}}">
 108             {{copy.cancel_reason().label()}}
 109           </span>
 110         </ng-container>
 111
 112       </ng-container>
 113     </div>
 114   </ng-container>
 115 </div>
 116