Open-ILS/src/eg2/src/app/staff/share/holdings/mark-damaged-dialog.component.html

   1 <eg-string #successMsg text="Successfully Marked Item Damaged" i18n-text></eg-string>
   2 <eg-string #errorMsg text="Failed To Mark Item Damaged" i18n-text></eg-string>
   3
   4 <ng-template #dialogContent>
   5   <div class="modal-header bg-info">
   6     <h4 class="modal-title">
   7       <span i18n>Mark Item Damaged</span>
   8     </h4>
   9     <button type="button" class="close"
  10       i18n-aria-label aria-label="Close" (click)="dismiss('cross_click')">
  11       <span aria-hidden="true">&times;</span>
  12     </button>
  13   </div>
  14   <div class="modal-body">
  15     <div class="row">
  16         <div class="col-lg-1">Barcode:</div>
  17         <div class="col-lg-11 font-weight-bold">{{copy.barcode()}}</div>
  18     </div>
  19     <div class="row">
  20       <div class="col-lg-1">Title:</div>
  21       <div class="col-lg-11">{{bibSummary.display.title}}</div>
  22     </div>
  23     <div class="row">
  24         <div class="col-lg-1">Author:</div>
  25         <div class="col-lg-11">{{bibSummary.display.author}}</div>
  26     </div>
  27     <div class="card mt-3" *ngIf="chargeResponse">
  28       <div class="card-header" i18n>
  29         Item was previously checked out
  30       </div>
  31       <div class="card-body">
  32         <ul class="list-group list-group-flush">
  33           <li class="list-group-item" i18n>
  34             Item was last checked out by patron
  35             <a href="/eg/staff/circ/patron/{{chargeResponse.circ.usr().id()}}/checkout">
  36               {{chargeResponse.circ.usr().family_name()}},
  37               {{chargeResponse.circ.usr().first_given_name()}}
  38               ({{chargeResponse.circ.usr().usrname()}})
  39             </a>.
  40           </li>
  41           <li class="list-group-item" i18n>
  42             Item was due
  43             {{chargeResponse.circ.due_date() | formatValue:'timestamp'}}
  44             and returned
  45             {{chargeResponse.circ.checkin_time() | date:'MM/dd/yy H:mm a'}}.
  46           </li>
  47           <li class="list-group-item">
  48             <span i18n>
  49               Calucated fine amount is
  50               <span class="font-weight-bold text-danger">
  51                 {{chargeResponse.charge | currency}}
  52               </span>
  53             </span>
  54           </li>
  55           <ng-container *ngIf="amountChangeRequested">
  56             <li class="list-group-item">
  57               <div class="row">
  58                 <div class="col-lg-3" i8n>Billing Type</div>
  59                 <div class="col-lg-6">
  60                   <eg-combobox
  61                     placeholder="Billing Type..." i18n-placeholder
  62                     (onChange)="newBtype = $event.id"
  63                     [entries]="billingTypes"></eg-combobox>
  64                 </div>
  65               </div>
  66             </li>
  67             <li class="list-group-item">
  68               <div class="row">
  69                 <div class="col-lg-3" i8n>Charge Amount</div>
  70                 <div class="col-lg-6">
  71                   <input class="form-control" type="number" step="0.01" min="0"
  72                   [(ngModel)]="newCharge"/>
  73                 </div>
  74               </div>
  75             </li>
  76             <li class="list-group-item">
  77               <div class="row">
  78                 <div class="col-lg-3" i8n>Note</div>
  79                 <div class="col-lg-6">
  80                   <textarea class="form-control" rows="3"
  81                     [(ngModel)]="newNote"></textarea>
  82                 </div>
  83               </div>
  84             </li>
  85           </ng-container><!-- amount change requested -->
  86         </ul>
  87       </div>
  88     </div>
  89   </div>
  90   <div class="modal-footer">
  91     <ng-container *ngIf="!chargeResponse">
  92       <button type="button" class="btn btn-warning"
  93         (click)="dismiss('canceled')" i18n>Cancel</button>
  94       <button type="button" class="btn btn-success"
  95         (click)="markDamaged()" i18n>Mark Damaged</button>
  96     </ng-container>
  97     <ng-container *ngIf="chargeResponse">
  98       <button type="button" class="btn btn-warning"
  99         (click)="dismiss('canceled')" i18n>Cancel</button>
 100       <button class="btn btn-info mr-2"
 101         (click)="amountChangeRequested = true" i18n>Change Amount</button>
 102       <button class="btn btn-secondary mr-2"
 103         (click)="markDamaged({apply_fines:'noapply'})" i18n>No Charge</button>
 104       <button class="btn btn-success mr-2"
 105         (click)="markDamaged({apply_fines:'apply'})" i18n>OK</button>
 106     </ng-container>
 107   </div>
 108 </ng-template>