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