]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/staff/cat/item/missing-pieces.component.html
LP1865898 Scan Item as Missing Pieces Angular Port
[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()" i18n>
41         Cancel
42       </button>
43     </div>
44   </div>
45 </div>
46
47 <div class="row m-1" *ngIf="noSuchItem">
48   <div class="col-lg-6 offset-lg-3">
49     <div class="alert alert-warning" i18n>
50      No item with barcode "{{itemBarcode}}".
51     </div>
52   </div>
53 </div>
54
55 <div class="row m-1" *ngIf="circNotFound">
56   <div class="col-lg-6 offset-lg-3">
57     <div class="alert alert-warning" i18n>
58      No circulation found for item with barcode {{itemBarcode}}.
59      Item not modified.
60     </div>
61   </div>
62 </div>
63
64 <div class="row m-1" *ngIf="processing">
65   <div class="col-lg-6 offset-lg-3">
66     <eg-progress-inline></eg-progress-inline>
67   </div>
68 </div>
69
70 <div *ngIf="letter">
71   <div class="row">
72     <div class="col-lg-3">
73       <button class="btn btn-outline-dark" (click)="printLetter()" i18n>
74         Print Letter
75       </button>
76     </div>
77   </div>
78   <div class="row m-1">
79     <div class="col-lg-8">
80       <textarea [(ngModel)]="letter" 
81         rows="{{letterRowCount()}}" class="form-control">
82       </textarea>
83     </div>
84   </div>
85 </div>