Open-ILS/src/eg2/src/app/staff/cat/item/missing-pieces.component.html

   1 <eg-staff-banner i18n-bannerText bannerText="Mark Item Missing Pieces">
   2 </eg-staff-banner>
   3
   4 <eg-patron-penalty-dialog #penaltyDialog></eg-patron-penalty-dialog>
   5
   6 <div class="row">
   7   <div class="col-lg-4 form-inline">
   8     <div class="input-group">
   9       <span class="input-group-text" id='barcode-label' i18n>Barcode</span>
  10       <input type="text" class="form-control" id="item-barcode-input"
  11         (keydown)="noSuchItem=false; true;"
  12         (keyup.enter)="getItemByBarcode()" [(ngModel)]="itemBarcode"
  13         aria-describedby="barcode-label"/>
  14       <button type="button" class="btn btn-outline-dark"
  15         (click)="getItemByBarcode()" i18n>Submit</button>
  16     </div>
  17   </div>
  18 </div>
  19
  20 <div class="mt-3 mb-3 p-2" *ngIf="item">
  21   <div class="row">
  22     <div class="col-lg-2" i18n>Title: </div>
  23     <div class="col-lg-10">{{display('title')}}</div>
  24   </div>
  25   <div class="row">
  26     <div class="col-lg-2" i18n>Author: </div>
  27     <div class="col-lg-10">{{display('author')}}</div>
  28   </div>
  29   <div class="row">
  30     <div class="col-lg-2" i18n>Call Number: </div>
  31     <div class="col-lg-10">{{item.call_number().label()}}</div>
  32   </div>
  33   <div class="row mt-2">
  34     <div class="col-lg-12">
  35       <button type="button" class="btn btn-success" (click)="processItem()" i18n>
  36         Mark Item as Missing Pieces?
  37       </button>
  38       <button type="button" class="btn ms-2" (click)="reset()"
  39         [ngClass]="{'btn-destroy': itemProcessed,
  40                     'btn-normal': !itemProcessed }">
  41         <ng-container *ngIf="!itemProcessed" i18n>Cancel</ng-container>
  42         <ng-container *ngIf="itemProcessed" i18n>Reset Form</ng-container>
  43       </button>
  44     </div>
  45   </div>
  46 </div>
  47
  48 <div class="row m-1" *ngIf="noSuchItem">
  49   <div class="col-lg-6 offset-lg-3">
  50     <div class="alert alert-warning" i18n>
  51      No item with barcode "{{itemBarcode}}".
  52     </div>
  53   </div>
  54 </div>
  55
  56 <div class="row m-1" *ngIf="circNotFound">
  57   <div class="col-lg-6 offset-lg-3">
  58     <div class="alert alert-warning" i18n>
  59      No circulation found for item with barcode {{itemBarcode}}.
  60      Item not modified.
  61     </div>
  62   </div>
  63 </div>
  64
  65 <div class="row m-1" *ngIf="processing">
  66   <div class="col-lg-6 offset-lg-3">
  67     <eg-progress-inline></eg-progress-inline>
  68   </div>
  69 </div>
  70
  71 <div *ngIf="letter">
  72   <div class="row">
  73     <div class="col-lg-3">
  74       <button type="button" class="btn btn-outline-dark" (click)="printLetter()" i18n>
  75         Print Letter
  76       </button>
  77     </div>
  78   </div>
  79   <div class="row m-1">
  80     <div class="col-lg-8">
  81       <textarea [(ngModel)]="letter"
  82         rows="{{letterRowCount()}}" class="form-control">
  83       </textarea>
  84     </div>
  85   </div>
  86 </div>