bf5ee8492843b1cde05cd1639823f62d5429b2c9
[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-volcopy-dialog #deleteVolcopy></eg-delete-volcopy-dialog>
52 <eg-bucket-dialog #bucketDialog></eg-bucket-dialog>
53 <eg-conjoined-items-dialog #conjoinedDialog></eg-conjoined-items-dialog>
54
55 <!-- holdings grid -->
56 <div class='eg-copies w-100 mt-3'>
57   <eg-grid #holdingsGrid [dataSource]="gridDataSource"
58     (onRowActivate)="onRowActivate($event)" [disablePaging]="true"
59     [rowClassCallback]="rowClassCallback"
60     [sortable]="false" persistKey="cat.holdings">
61
62     <!-- checkboxes / filters -->
63
64     <eg-grid-toolbar-checkbox i18n-label label="Show Volumes" 
65       #volsCheckbox (onChange)="toggleShowVolumes($event)">
66     </eg-grid-toolbar-checkbox> 
67     <eg-grid-toolbar-checkbox i18n-label label="Show Copies" 
68       #copiesCheckbox (onChange)="toggleShowCopies($event)">
69     </eg-grid-toolbar-checkbox> 
70     <eg-grid-toolbar-checkbox i18n-label label="Show Empty Volumes"            
71       #emptyVolsCheckbox (onChange)="toggleShowEmptyVolumes($event)">
72     </eg-grid-toolbar-checkbox> 
73     <eg-grid-toolbar-checkbox i18n-label label="Show Empty Libs"            
74       #emptyLibsCheckbox (onChange)="toggleShowEmptyLibs($event)">
75     </eg-grid-toolbar-checkbox> 
76
77     <!-- row actions -->
78
79     <!-- row actions : Ungrouped -->
80
81     <eg-grid-toolbar-action
82       i18n-label label="Print Labels" (onClick)="openItemPrintLabels($event)">
83     </eg-grid-toolbar-action>
84
85     <eg-grid-toolbar-action
86       i18n-label label="Request Items" (onClick)="requestItems($event)">
87     </eg-grid-toolbar-action>
88
89     <eg-grid-toolbar-action
90       i18n-label label="Link as Conjoined to Marked Bib Record"
91       (onClick)="openConjoinedDialog($event)">
92     </eg-grid-toolbar-action>
93
94     <!-- row actions : Add -->
95
96     <eg-grid-toolbar-action
97       i18n-group group="Add" i18n-label label="Add Call Numbers"
98       (onClick)="openVolCopyEdit($event, true, false)">
99     </eg-grid-toolbar-action>
100
101     <eg-grid-toolbar-action
102       i18n-group group="Add" i18n-label label="Add Items"
103       (onClick)="openVolCopyEdit($event, false, true)">
104     </eg-grid-toolbar-action>
105
106     <eg-grid-toolbar-action
107       i18n-group group="Add" i18n-label label="Add Call Numbers and Items"
108       (onClick)="openVolCopyEdit($event, true, true)">
109     </eg-grid-toolbar-action>
110
111     <eg-grid-toolbar-action
112       i18n-group group="Add" i18n-label label="Add Item Alerts"
113       (onClick)="openItemNotes($event, 'create')">
114     </eg-grid-toolbar-action>
115
116     <eg-grid-toolbar-action
117       i18n-group group="Add" i18n-label label="Add Items To Bucket"
118       (onClick)="openBucketDialog($event)">
119     </eg-grid-toolbar-action>
120
121     <!-- row actions: Booking -->
122
123     <eg-grid-toolbar-action
124       i18n-group group="Booking" i18n-label label="Book Item Now"
125       (onClick)="bookItems($event)">
126     </eg-grid-toolbar-action>
127
128     <eg-grid-toolbar-action
129       i18n-group group="Booking" i18n-label label="Make Items Bookable"
130       (onClick)="makeBookable($event)">
131     </eg-grid-toolbar-action>
132     
133     <!-- row actions: Edit -->
134
135     <eg-grid-toolbar-action
136       i18n-group group="Edit" i18n-label label="Edit Call Numbers"
137       (onClick)="openVolCopyEdit($event, true, false)">
138     </eg-grid-toolbar-action>
139
140     <eg-grid-toolbar-action
141       i18n-group group="Edit" i18n-label label="Edit Call Numbers And Items"
142       (onClick)="openVolCopyEdit($event, true, true)">
143     </eg-grid-toolbar-action>
144
145     <eg-grid-toolbar-action
146       i18n-group group="Edit" i18n-label label="Edit Items"
147       (onClick)="openVolCopyEdit($event, false, true)">
148     </eg-grid-toolbar-action>
149     
150     <eg-grid-toolbar-action
151       i18n-group group="Edit" i18n-label label="Edit Item Alerts"
152       (onClick)="openItemNotes($event, 'manage')">
153     </eg-grid-toolbar-action>
154
155     <eg-grid-toolbar-action
156       i18n-group group="Edit" i18n-label label="Replace Barcodes"
157       (onClick)="openReplaceBarcodeDialog($event)">
158     </eg-grid-toolbar-action>
159
160     <!-- row actions: Delete -->
161
162     <eg-grid-toolbar-action
163       i18n-group group="Delete" i18n-label label="Delete Empty Call Numbers"
164       (onClick)="deleteHoldings($event, 'vols')">
165     </eg-grid-toolbar-action>
166
167     <eg-grid-toolbar-action
168      i18n-group group="Delete" i18n-label label="Delete Items"
169      (onClick)="deleteHoldings($event, 'copies')">
170     </eg-grid-toolbar-action>
171
172     <eg-grid-toolbar-action
173       i18n-group group="Delete" i18n-label label="Delete Call Numbers and Items"
174       (onClick)="deleteHoldings($event, 'both')">
175     </eg-grid-toolbar-action>
176     
177     <!-- row actions : Show -->
178
179     <eg-grid-toolbar-action
180       i18n-group group="Show" i18n-label label="Show Item Status (list)"
181       (onClick)="openItemStatusList($event)"></eg-grid-toolbar-action>
182
183     <eg-grid-toolbar-action
184       i18n-group group="Show" i18n-label label="Show Item Status (detail)"
185       (onClick)="openItemStatus($event)"></eg-grid-toolbar-action>
186
187     <eg-grid-toolbar-action
188       i18n-group group="Show" i18n-label label="Show Item Holds"
189       (onClick)="openItemHolds($event)"></eg-grid-toolbar-action>
190
191     <eg-grid-toolbar-action
192       i18n-group group="Show" i18n-label label="Show Triggered Events"
193       (onClick)="openItemTriggeredEvents($event)"></eg-grid-toolbar-action>
194
195     <!-- row actions : Mark -->
196
197     <eg-grid-toolbar-action
198       group="Mark" i18n-group i18n-label label="Mark Item Damaged"
199       (onClick)="showMarkDamagedDialog($event)"></eg-grid-toolbar-action>
200
201     <eg-grid-toolbar-action
202       i18n-group group="Mark" i18n-label label="Mark Item Missing"
203       (onClick)="showMarkMissingDialog($event)">
204     </eg-grid-toolbar-action>
205
206     <eg-grid-toolbar-action
207       i18n-group group="Mark" 
208       i18n-label label="Mark Library/Call Number as Transfer Destination"
209       (onClick)="markLibCnForTransfer($event)">
210     </eg-grid-toolbar-action>
211       
212
213     <!-- fields -->
214     <!-- NOTE column names were added to match the names from the AngJS grid
215         so grid settings would propagate -->
216
217     <eg-grid-column path="index" [hidden]="true" [index]="true">
218     </eg-grid-column>
219     <eg-grid-column name="id" path="copy.id" [hidden]="true" label="Copy ID" i18n-label>
220     </eg-grid-column>
221     <eg-grid-column path="volume.id" [hidden]="true" label="Volume ID" i18n-label>
222     </eg-grid-column>
223     <eg-grid-column name="owner_label" [flex]="4"
224       [cellTemplate]="locationTemplate" [cellContext]="gridTemplateContext" 
225       label="Location/Barcode" [disableTooltip]="true" i18n-label>
226     </eg-grid-column>
227     <eg-grid-column path="volumeCount" datatype="number" label="Volumes" i18n-label>
228     </eg-grid-column>
229     <eg-grid-column path="copyCount" datatype="number" label="Copies" i18n-label>
230     </eg-grid-column>
231     <eg-grid-column path="volume._label" name="call_number.label" label="Call Number" i18n-label>
232     </eg-grid-column>
233     <eg-grid-column path="copy.barcode" name="barcode" label="Barcode" i18n-label>
234     </eg-grid-column>
235     <eg-grid-column i18n-label label="Circ Library" path="copy.circ_lib" 
236       name="circ_lib.name" datatype="org_unit"></eg-grid-column>
237     <eg-grid-column i18n-label label="Owning Library" path="volume.owning_lib" 
238       datatype="org_unit"></eg-grid-column>
239     <eg-grid-column i18n-label label="Due Date" path="circ.due_date" 
240       datatype="timestamp"></eg-grid-column>
241     <eg-grid-column i18n-label label="Shelving Location" path="copy.location.name" name="location.name">
242     </eg-grid-column>
243     <eg-grid-column i18n-label label="Circulation Modifier" 
244       path="copy.circ_modifier" name="circ_modifier">
245     </eg-grid-column>
246     <eg-grid-column i18n-label label="Copy Number" path="copy.copy_number" name="copy_number" [hidden]="true">
247     </eg-grid-column>
248
249     <eg-grid-column i18n-label label="Status" path="copy.status.name" name="status_name">
250     </eg-grid-column>
251     <eg-grid-column i18n-label label="Call Number Prefix" 
252       path="volume.prefix.label" name="call_number.prefix.label" [hidden]="true">
253     </eg-grid-column>
254     <eg-grid-column i18n-label label="Call Number Suffix" 
255       path="volume.suffix.label" name="call_number.suffix.label" [hidden]="true">
256     </eg-grid-column>
257     <eg-grid-column i18n-label label="Active/Create Date" 
258       path="copy.active_date" datatype="timestamp">
259     </eg-grid-column>
260     <eg-grid-column i18n-label label="Age Hold Protection" 
261       path="copy.age_protect.name" name="age_protect.name"></eg-grid-column>
262     <eg-grid-column i18n-label label="Copy Price" 
263       path="copy.price" name="price" [hidden]="true"></eg-grid-column>
264
265     <eg-grid-column i18n-label label="Circulate" path="copy.circulate" 
266       name="circulate" datatype="bool" [hidden]="true"></eg-grid-column>
267     <eg-grid-column i18n-label label="Deposit" path="copy.deposit" 
268       name="deposit" datatype="bool" [hidden]="true"></eg-grid-column>
269     <eg-grid-column i18n-label label="Deposit Amount" path="copy.deposit_amount" 
270       name="deposit_amount" datatype="money" [hidden]="true"></eg-grid-column>
271     <eg-grid-column i18n-label label="Holdable?" name="holdable" 
272       [cellTemplate]="holdableTemplate" [cellContext]="gridTemplateContext">
273     </eg-grid-column>
274     <eg-grid-column i18n-label label="Reference?" path="copy.ref" 
275       name="ref" datatype="bool" [hidden]="true"></eg-grid-column>
276     <eg-grid-column i18n-label label="Last Inventory Date" 
277       path="copy.latest_inventory.inventory_date" 
278       name="latest_inventory.inventory_date" datatype="timestamp" [hidden]="true">
279     </eg-grid-column>
280     <eg-grid-column i18n-label label="Last Inventory Workstation" 
281       path="copy.latest_inventory.inventory_workstation.name" 
282       name="latest_inventory.inventory_workstation.name" [hidden]="true">
283     </eg-grid-column>
284   </eg-grid>
285 </div>
286