Open-ILS/src/eg2/src/app/staff/share/holds/detail.component.html

   1 <eg-hold-note-dialog #noteDialog [holdId]="holdId"></eg-hold-note-dialog>
   2 <eg-hold-notify-dialog #notifyDialog [holdId]="holdId"></eg-hold-notify-dialog>
   3
   4 <div class="mb-3" *ngIf="showRecordSummary">
   5   <eg-bib-summary [recordId]="hold.record_id"></eg-bib-summary>
   6 </div>
   7
   8 <div class="row">
   9   <div class="col-lg-2">
  10     <button (click)="showListView()" class="btn btn-info" i18n>List View</button>
  11   </div>
  12   <div class="col-lg-3 font-weight-bold" i18n><h4>Hold #{{holdId}}</h4></div>
  13 </div>
  14
  15 <div class="well-table">
  16   <div class="well-row">
  17     <div class="well-label" i18n>Request Date</div>
  18     <div class="well-value">{{hold.request_time | formatValue:'timestamp'}}</div>
  19     <div class="well-label" i18n>Capture Date</div>
  20     <div class="well-value">{{hold.capture_time | formatValue:'timestamp'}}</div>
  21     <div class="well-label" i18n>Available On</div>
  22     <div class="well-value">{{hold.shelf_time | formatValue:'timestamp'}}</div>
  23   </div>
  24   <div class="well-row">
  25     <div class="well-label" i18n>hold Type</div>
  26     <div class="well-value">
  27       {{hold.hold_type}}
  28       <!-- TODO: add part data to wide holds
  29       <span *ngIf="hold.hold_type == 'P'">&nbsp;-&nbsp;{{hold.part_label}}</span>
  30       -->
  31     </div>
  32     <div class="well-label" i18n>Current Item</div>
  33     <div class="well-value">
  34       <a href="/eg/staff/cat/item/{{hold.cp_id}}">{{hold.cp_barcode}}</a>
  35     </div>
  36     <div class="well-label" i18n>Call Number</div>
  37     <div class="well-value">{{hold.cn_full_label}}</div>
  38   </div>
  39   <div class="well-row">
  40     <div class="well-label" i18n>Pickup Lib</div>
  41     <div class="well-value">{{hold.pl_shortname}}</div>
  42     <div class="well-label" i18n>Status</div>
  43     <div class="well-value">
  44       <ng-container [ngSwitch]="hold.hold_status">
  45         <div *ngSwitchCase="-1" i18n>Unknown Error</div>
  46         <div *ngSwitchCase="1" i18n>Waiting for Item</div>
  47         <div *ngSwitchCase="2" i18n>Waiting for Capture</div>
  48         <div *ngSwitchCase="3" i18n>In Transit</div>
  49         <div *ngSwitchCase="4" i18n>Ready for Pickup</div>
  50         <div *ngSwitchCase="5" i18n>Hold Shelf Delay</div>
  51         <div *ngSwitchCase="6" i18n>Canceled</div>
  52         <div *ngSwitchCase="7" i18n>Suspended</div>
  53         <div *ngSwitchCase="8" i18n>Wrong Shelf</div>
  54         <div *ngSwitchCase="9" i18n>Fulfilled</div>
  55       </ng-container>
  56     </div>
  57     <div class="well-label" i18n>Behind Desk</div>
  58     <div class="well-value">{{hold.behind_desk === '1'}}</div>
  59   </div>
  60   <div class="well-row">
  61     <div class="well-label" i18n>Current Shelf Lib</div>
  62     <div class="well-value">{{getOrgName(hold.current_shelf_lib)}}</div>
  63     <div class="well-label" i18n>Current Shelving Location</div>
  64     <div class="well-value">{{hold.acpl_name}}</div>
  65     <div class="well-label" i18n>Force Item Quality</div>
  66     <div class="well-value">{{hold.mint_condition === '1'}}</div>
  67   </div>
  68   <div class="well-row">
  69     <div class="well-label" i18n>Email Notify</div>
  70     <div class="well-value">{{hold.email_notify === '1'}}</div>
  71     <div class="well-label" i18n>Phone Notify</div>
  72     <div class="well-value">{{hold.phone_notify}}</div>
  73     <div class="well-label" i18n>SMS Notify</div>
  74     <div class="well-value">{{hold.sms_notify}}</div>
  75   </div>
  76   <div class="well-row">
  77     <div class="well-label" i18n>Cancel Cause</div>
  78     <div class="well-value">{{hold.cancel_cause}}</div><!-- TODO: label -->
  79     <div class="well-label" i18n>Cancel Time</div>
  80     <div class="well-value">{{hold.cancel_time | formatValue:'timestamp'}}</div>
  81     <div class="well-label" i18n>Cancel Note</div>
  82     <div class="well-value">{{hold.cancel_note}}</div>
  83   </div>
  84   <div class="well-row">
  85     <div class="well-label" i18n>Patron Name</div>
  86     <div class="well-value">
  87       <a href="/eg/staff/circ/patron/{{hold.usr_id}}/checkout">
  88         {{hold.usr_display_name}}
  89       </a>
  90     </div>
  91     <!-- force consistent width -->
  92     <div class="well-label" i18n>Patron Barcode</div>
  93     <div class="well-value">
  94       <a href="/eg/staff/circ/patron/{{hold.usr_id}}/checkout">
  95         {{hold.ucard_barcode}}
  96       </a>
  97     </div>
  98     <div class="well-label" i18n>Hopeless Date</div>
  99     <div class="well-value">{{hold.hopeless_date | formatValue:'timestamp'}}</div>
 100   </div>
 101 </div>
 102
 103 <div class="row mt-2">
 104   <div class="col-lg-12">
 105     <ul ngbNav #detailNav="ngbNav" class="nav-tabs" [activeId]="detailTab">
 106       <li ngbNavItem="notes">
 107         <a ngbNavLink i18n>Notes</a>
 108         <ng-template ngbNavContent>
 109           <button class="btn btn-outline-dark mt-3" (click)="newNote()" i18n>New Note</button>
 110           <div class="mt-3" *ngFor="let note of notes">
 111             <div class="d-flex">
 112               <div class="font-weight-bold">{{note.title()}}</div>
 113               <div class="flex-1"></div>
 114               <div>
 115                 <span *ngIf="note.slip() === 't'"
 116                   class="ml-2 badge badge-info p-1">Print on Slip</span>
 117                 <span *ngIf="note.pub() === 't'"
 118                   class="ml-2 badge badge-warning p-1">Patron Visible</span>
 119                 <span *ngIf="note.staff() === 't'"
 120                   class="ml-2 badge badge-info p-1">Staff Create</span>
 121               </div>
 122             </div>
 123             <div class="well-table">
 124               <div class="well-row">
 125                 <div class="well-value">{{note.body()}}</div>
 126                 <div class="well-label-no-flex">
 127                   <button class="btn btn-warning"
 128                     (click)="deleteNote(note)" i18n>Delete</button>
 129                 </div>
 130               </div>
 131             </div>
 132           </div>
 133         </ng-template>
 134       </li>
 135       <li ngbNavItem="notifications">
 136         <a ngbNavLink i18n>Staff Notifications</a>
 137         <ng-template ngbNavContent>
 138           <button class="btn btn-outline-dark mt-3"
 139             (click)="newNotify()" i18n>Add Record of Notification</button>
 140           <div class="mt-3" *ngFor="let notify of notifies">
 141             <div class="d-flex">
 142               <div class="font-weight-bold">{{notify.method()}}</div>
 143               <div class="flex-1"></div>
 144               <div>
 145                 <span>{{notify.notify_time() | date:'short'}}</span>
 146                 <span class="ml-2" i18n>
 147                   Created by {{notify.notify_staff().usrname()}}</span>
 148               </div>
 149               <div>
 150               </div>
 151             </div>
 152             <div class="well-table">
 153               <div class="well-row">
 154                 <div class="well-value">{{notify.note()}}</div>
 155               </div>
 156             </div>
 157           </div>
 158         </ng-template>
 159       </li>
 160     </ul>
 161     <div [ngbNavOutlet]="detailNav"></div>
 162   </div>
 163 </div>