LP1816475: Booking module refresh
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / catalog / record / holdings.component.html
1
2 <!-- org unit selector -->
3
4 <div class="row mt-3">
5   <div class="col-lg-4">
6     <div class="input-group">
7       <div class="input-group-prepend">
8         <div class="input-group-text" i18n>Holdings Maintenance</div>
9       </div>
10       <eg-org-select [initialOrg]="contextOrg" 
11         (onChange)="contextOrgChanged($event)">
12       </eg-org-select>
13     </div>
14   </div>
15 </div>
16
17 <!-- Location / Barcode cell template -->
18
19 <ng-template #locationTemplate let-row="row" let-userContext="userContext">
20   <!-- pl-* is doubled for added impact -->
21   <div class="pl-{{row.locationDepth}}">
22     <span class="pl-{{row.locationDepth}}">
23       <a class="label-with-material-icon" (click)="userContext.toggleExpandRow(row)">
24         <!--  leave the icons in place for all node types, but make them
25               invisible when they are not needed. -->
26         <span *ngIf="row.treeNode.expanded"
27           [ngClass]="{invisible: row.copy || row.treeNode.children.length == 0}"
28           class="material-icons p-0 m-0">arrow_drop_down</span>
29         <span *ngIf="!row.treeNode.expanded"
30           [ngClass]="{invisible: row.copy || row.treeNode.children.length == 0}"
31           class="material-icons p-0 m-0">arrow_right</span>
32         <span>{{row.locationLabel}}</span>
33       </a>
34     </span>
35   </div>
36 </ng-template>
37
38 <!-- Holdable true/false display -->
39
40 <ng-template #holdableTemplate let-row="row" let-userContext="userContext">
41   <ng-container *ngIf="row.copy">
42     <eg-bool [value]="userContext.copyIsHoldable(row.copy)">
43     </eg-bool>
44   </ng-container>
45 </ng-template>
46
47 <eg-mark-damaged-dialog #markDamagedDialog></eg-mark-damaged-dialog>
48 <eg-mark-missing-dialog #markMissingDialog></eg-mark-missing-dialog>
49 <eg-copy-alerts-dialog #copyAlertsDialog></eg-copy-alerts-dialog>
50 <eg-replace-barcode-dialog #replaceBarcode></eg-replace-barcode-dialog>
51 <eg-delete-holding-dialog #deleteHolding></eg-delete-holding-dialog>
52 <eg-bucket-dialog #bucketDialog></eg-bucket-dialog>
53 <eg-conjoined-items-dialog #conjoinedDialog></eg-conjoined-items-dialog>
54 <eg-make-bookable-dialog #makeBookableDialog></eg-make-bookable-dialog>
55
56 <!-- holdings grid -->
57 <div class='eg-copies w-100 mt-3'>
58   <eg-grid #holdingsGrid [dataSource]="gridDataSource"
59     (onRowActivate)="onRowActivate($event)" [disablePaging]="true"
60     [rowClassCallback]="rowClassCallback"
61     [sortable]="false" persistKey="cat.holdings">
62
63     <!-- checkboxes / filters -->
64
65     <eg-grid-toolbar-checkbox i18n-label label="Show Call Numbers"
66       #callNumsCheckbox (onChange)="toggleShowCallNums($event)">
67     </eg-grid-toolbar-checkbox> 
68     <eg-grid-toolbar-checkbox i18n-label label="Show Copies" 
69       #copiesCheckbox (onChange)="toggleShowCopies($event)">
70     </eg-grid-toolbar-checkbox> 
71     <eg-grid-toolbar-checkbox i18n-label label="Show Empty Call Numbers"
72       #emptyCallNumsCheckbox (onChange)="toggleShowEmptyCallNums($event)">
73     </eg-grid-toolbar-checkbox> 
74     <eg-grid-toolbar-checkbox i18n-label label="Show Empty Libs"            
75       #emptyLibsCheckbox (onChange)="toggleShowEmptyLibs($event)">
76     </eg-grid-toolbar-checkbox> 
77
78     <!-- row actions -->
79
80     <!-- row actions : Ungrouped -->
81
82     <eg-grid-toolbar-action
83       i18n-label label="Print Labels" (onClick)="openItemPrintLabels($event)">
84     </eg-grid-toolbar-action>
85
86     <eg-grid-toolbar-action
87       i18n-label label="Request Items" (onClick)="requestItems($event)">
88     </eg-grid-toolbar-action>
89
90     <eg-grid-toolbar-action
91       i18n-label label="Link as Conjoined to Marked Bib Record"
92       (onClick)="openConjoinedDialog($event)">
93     </eg-grid-toolbar-action>
94
95     <!-- row actions : Add -->
96
97     <eg-grid-toolbar-action
98       i18n-group group="Add" i18n-label label="Add Call Numbers"
99       (onClick)="openHoldingEdit($event, true, false)">
100     </eg-grid-toolbar-action>
101
102     <eg-grid-toolbar-action
103       i18n-group group="Add" i18n-label label="Add Items"
104       (onClick)="openHoldingEdit($event, false, true)">
105     </eg-grid-toolbar-action>
106
107     <eg-grid-toolbar-action
108       i18n-group group="Add" i18n-label label="Add Call Numbers and Items"
109       (onClick)="openHoldingEdit($event, true, true)">
110     </eg-grid-toolbar-action>
111
112     <eg-grid-toolbar-action
113       i18n-group group="Add" i18n-label label="Add Item Alerts"
114       (onClick)="openItemNotes($event, 'create')">
115     </eg-grid-toolbar-action>
116
117     <eg-grid-toolbar-action
118       i18n-group group="Add" i18n-label label="Add Items To Bucket"
119       (onClick)="openBucketDialog($event)">
120     </eg-grid-toolbar-action>
121
122     <!-- row actions: Booking -->
123
124     <eg-grid-toolbar-action
125       i18n-group group="Booking" i18n-label label="Book Item Now"
126       (onClick)="bookItems($event)">
127     </eg-grid-toolbar-action>
128
129     <eg-grid-toolbar-action
130       i18n-group group="Booking" i18n-label label="Make Items Bookable"
131       (onClick)="makeBookable($event)">
132     </eg-grid-toolbar-action>
133
134     <eg-grid-toolbar-action
135       i18n-group group="Booking" i18n-label label="Manage Reservations"
136       (onClick)="manageReservations($event)">
137     </eg-grid-toolbar-action>
138     
139     <!-- row actions: Edit -->
140
141     <eg-grid-toolbar-action
142       i18n-group group="Edit" i18n-label label="Edit Call Numbers"
143       (onClick)="openHoldingEdit($event, true, false)">
144     </eg-grid-toolbar-action>
145
146     <eg-grid-toolbar-action
147       i18n-group group="Edit" i18n-label label="Edit Call Numbers And Items"
148       (onClick)="openHoldingEdit($event, true, true)">
149     </eg-grid-toolbar-action>
150
151     <eg-grid-toolbar-action
152       i18n-group group="Edit" i18n-label label="Edit Items"
153       (onClick)="openHoldingEdit($event, false, true)">
154     </eg-grid-toolbar-action>
155     
156     <eg-grid-toolbar-action
157       i18n-group group="Edit" i18n-label label="Edit Item Alerts"
158       (onClick)="openItemNotes($event, 'manage')">
159     </eg-grid-toolbar-action>
160
161     <eg-grid-toolbar-action
162       i18n-group group="Edit" i18n-label label="Replace Barcodes"
163       (onClick)="openReplaceBarcodeDialog($event)">
164     </eg-grid-toolbar-action>
165
166     <!-- row actions: Delete -->
167
168     <eg-grid-toolbar-action
169       i18n-group group="Delete" i18n-label label="Delete Empty Call Numbers"
170       (onClick)="deleteHoldings($event, 'callNums')">
171     </eg-grid-toolbar-action>
172
173     <eg-grid-toolbar-action
174      i18n-group group="Delete" i18n-label label="Delete Items"
175      (onClick)="deleteHoldings($event, 'copies')">
176     </eg-grid-toolbar-action>
177
178     <eg-grid-toolbar-action
179       i18n-group group="Delete" i18n-label label="Delete Call Numbers and Items"
180       (onClick)="deleteHoldings($event, 'both')">
181     </eg-grid-toolbar-action>
182     
183     <!-- row actions : Show -->
184
185     <eg-grid-toolbar-action
186       i18n-group group="Show" i18n-label label="Show Item Status (list)"
187       (onClick)="openItemStatusList($event)"></eg-grid-toolbar-action>
188
189     <eg-grid-toolbar-action
190       i18n-group group="Show" i18n-label label="Show Item Status (detail)"
191       (onClick)="openItemStatus($event)"></eg-grid-toolbar-action>
192
193     <eg-grid-toolbar-action
194       i18n-group group="Show" i18n-label label="Show Item Holds"
195       (onClick)="openItemHolds($event)"></eg-grid-toolbar-action>
196
197     <eg-grid-toolbar-action
198       i18n-group group="Show" i18n-label label="Show Triggered Events"
199       (onClick)="openItemTriggeredEvents($event)"></eg-grid-toolbar-action>
200
201     <!-- row actions : Mark -->
202
203     <eg-grid-toolbar-action
204       group="Mark" i18n-group i18n-label label="Mark Item Damaged"
205       (onClick)="showMarkDamagedDialog($event)"></eg-grid-toolbar-action>
206
207     <eg-grid-toolbar-action
208       i18n-group group="Mark" i18n-label label="Mark Item Missing"
209       (onClick)="showMarkMissingDialog($event)">
210     </eg-grid-toolbar-action>
211
212     <eg-grid-toolbar-action
213       i18n-group group="Mark" 
214       i18n-label label="Mark Library/Call Number as Transfer Destination"
215       (onClick)="markLibCnForTransfer($event)">
216     </eg-grid-toolbar-action>
217       
218
219     <!-- fields -->
220     <!-- NOTE column names were added to match the names from the AngJS grid
221         so grid settings would propagate -->
222
223     <eg-grid-column path="index" [hidden]="true" [index]="true">
224     </eg-grid-column>
225     <eg-grid-column name="id" path="copy.id" [hidden]="true" label="Item ID" i18n-label>
226     </eg-grid-column>
227     <eg-grid-column path="callNum.id" [hidden]="true" label="Call Number ID" i18n-label>
228     </eg-grid-column>
229     <eg-grid-column name="owner_label" [flex]="4"
230       [cellTemplate]="locationTemplate" [cellContext]="gridTemplateContext" 
231       label="Location/Barcode" [disableTooltip]="true" i18n-label>
232     </eg-grid-column>
233     <eg-grid-column path="callNumCount" datatype="number" label="Call Numbers" i18n-label>
234     </eg-grid-column>
235     <eg-grid-column path="copyCount" datatype="number" label="Copies" i18n-label>
236     </eg-grid-column>
237     <eg-grid-column path="callNum._label" name="call_number.label" 
238       label="Call Number" i18n-label>
239     </eg-grid-column>
240     <eg-grid-column path="copy.barcode" name="barcode" label="Barcode" i18n-label>
241     </eg-grid-column>
242     <eg-grid-column i18n-label label="Circ Library" path="copy.circ_lib" 
243       name="circ_lib.name" datatype="org_unit"></eg-grid-column>
244     <eg-grid-column i18n-label label="Owning Library" path="callNum.owning_lib" 
245       datatype="org_unit"></eg-grid-column>
246     <eg-grid-column i18n-label label="Due Date" path="circ.due_date" 
247       datatype="timestamp"></eg-grid-column>
248     <eg-grid-column i18n-label label="Shelving Location" 
249       path="copy.location.name" name="location.name">
250     </eg-grid-column>
251     <eg-grid-column i18n-label label="Circulation Modifier" 
252       path="copy.circ_modifier" name="circ_modifier">
253     </eg-grid-column>
254     <eg-grid-column i18n-label label="Item Number" path="copy.copy_number" 
255       name="copy_number" [hidden]="true">
256     </eg-grid-column>
257
258     <eg-grid-column i18n-label label="Status" 
259       path="copy.status.name" name="status_name">
260     </eg-grid-column>
261     <eg-grid-column i18n-label label="Call Number Prefix" 
262       path="callNum.prefix.label" name="call_number.prefix.label" [hidden]="true">
263     </eg-grid-column>
264     <eg-grid-column i18n-label label="Call Number Suffix" 
265       path="callNum.suffix.label" name="call_number.suffix.label" [hidden]="true">
266     </eg-grid-column>
267     <eg-grid-column i18n-label label="Active/Create Date" 
268       path="copy.active_date" datatype="timestamp">
269     </eg-grid-column>
270     <eg-grid-column i18n-label label="Age Hold Protection" 
271       path="copy.age_protect.name" name="age_protect.name"></eg-grid-column>
272     <eg-grid-column i18n-label label="Item Price" 
273       path="copy.price" name="price" [hidden]="true"></eg-grid-column>
274
275     <eg-grid-column i18n-label label="Circulate" path="copy.circulate" 
276       name="circulate" datatype="bool" [hidden]="true"></eg-grid-column>
277     <eg-grid-column i18n-label label="Deposit" path="copy.deposit" 
278       name="deposit" datatype="bool" [hidden]="true"></eg-grid-column>
279     <eg-grid-column i18n-label label="Deposit Amount" path="copy.deposit_amount" 
280       name="deposit_amount" datatype="money" [hidden]="true"></eg-grid-column>
281     <eg-grid-column i18n-label label="Holdable?" name="holdable" 
282       [cellTemplate]="holdableTemplate" [cellContext]="gridTemplateContext">
283     </eg-grid-column>
284     <eg-grid-column i18n-label label="Reference?" path="copy.ref" 
285       name="ref" datatype="bool" [hidden]="true"></eg-grid-column>
286     <eg-grid-column i18n-label label="Last Inventory Date" 
287       path="copy.latest_inventory.inventory_date" 
288       name="latest_inventory.inventory_date" datatype="timestamp" [hidden]="true">
289     </eg-grid-column>
290     <eg-grid-column i18n-label label="Last Inventory Workstation" 
291       path="copy.latest_inventory.inventory_workstation.name" 
292       name="latest_inventory.inventory_workstation.name" [hidden]="true">
293     </eg-grid-column>
294   </eg-grid>
295 </div>
296