LP1865898 Missing pieces mult-scan work flow improvements
[Evergreen.git] / 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-12 form-inline">
8     <div class="input-group">
9       <div class="input-group-prepend">
10         <span class="input-group-text" id='barcode-label' i18n>Barcode</span>
11       </div>
12       <input type="text" class="form-control" id="item-barcode-input" 
13         (keydown)="noSuchItem=false; true;"
14         (keyup.enter)="getItemByBarcode()" [(ngModel)]="itemBarcode" 
15         aria-describedby="barcode-label"/>
16     </div>
17     <button class="btn btn-outline-dark" 
18       (click)="getItemByBarcode()" i18n>Submit</button>
19   </div>
20 </div>
21
22 <div class="mt-3 mb-3 p-2" *ngIf="item">
23   <div class="row">
24     <div class="col-lg-2" i18n>Title: </div>
25     <div class="col-lg-10">{{display('title')}}</div>
26   </div>
27   <div class="row">
28     <div class="col-lg-2" i18n>Author: </div>
29     <div class="col-lg-10">{{display('author')}}</div>
30   </div>
31   <div class="row">
32     <div class="col-lg-2" i18n>Call Number: </div>
33     <div class="col-lg-10">{{item.call_number().label()}}</div>
34   </div>
35   <div class="row mt-2">
36     <div class="col-lg-12">
37       <button class="btn btn-success" (click)="processItem()" i18n>
38         Mark Item as Missing Pieces?
39       </button>
40       <button class="btn btn-warning ml-2" (click)="reset()">
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 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>