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