|
Lines 10-130
Link Here
|
| 10 |
<script type="text/javascript"> |
10 |
<script type="text/javascript"> |
| 11 |
//<![CDATA[ |
11 |
//<![CDATA[ |
| 12 |
$(document).ready(function() { |
12 |
$(document).ready(function() { |
| 13 |
var myTable = $("#ill-requests").DataTable($.extend(true, {}, dataTablesDefaults, { |
13 |
|
| 14 |
"aoColumnDefs": [ // Last column shouldn't be sortable or searchable |
14 |
// Illview Datatable setup |
| 15 |
{ "aTargets": [ -1 ], "bSortable": false, "bSearchable": false }, |
15 |
|
| 16 |
], |
16 |
// Fields we don't want to display |
| 17 |
"aaSorting": [[ 8, "desc" ]], // Default sort, updated descending |
17 |
var ignore = [ |
| 18 |
"processing": true, // Display a message when manipulating |
18 |
'accessurl', |
| 19 |
"language": { |
19 |
'backend', |
| 20 |
"loadingRecords": "Please wait - loading requests...", |
20 |
'completed', |
| 21 |
"zeroRecords": "No requests were found" |
21 |
'branch', |
| 22 |
}, |
22 |
'capabilities', |
| 23 |
"iDisplayLength": 10, // 10 results per page |
23 |
'cost', |
| 24 |
"sPaginationType": "full_numbers", // Pagination display |
24 |
'medium', |
| 25 |
"sAjaxDataProp": "", // Data is in the root object of the response |
25 |
'notesopac', |
| 26 |
"deferRender": true, // Improve performance on big datasets |
26 |
'notesstaff', |
| 27 |
"ajax": { |
27 |
'placed', |
| 28 |
url: "/api/v1/illrequests?embed=metadata,patron,capabilities,branch", |
28 |
'replied' |
| 29 |
cache: true |
29 |
]; |
| 30 |
}, |
30 |
|
| 31 |
"columns": [ |
31 |
// Fields we need to expand (flatten) |
| 32 |
{ |
32 |
var expand = [ |
| 33 |
data: 'orderid', |
33 |
'metadata', |
| 34 |
className: 'orderid' |
34 |
'patron' |
| 35 |
}, |
35 |
]; |
| 36 |
{ |
36 |
|
| 37 |
render: function(data, type, row) { |
37 |
// Expanded fields |
| 38 |
return ( |
38 |
// This is auto populated |
| 39 |
row.metadata.hasOwnProperty('Author') && |
39 |
var expanded = {}; |
| 40 |
row.metadata.Author.length > 0 |
40 |
|
| 41 |
) ? row.metadata.Author : 'N/A'; |
41 |
// The core fields that should be displayed first |
| 42 |
}, |
42 |
var core = [ |
| 43 |
className: 'title' |
43 |
'metadata_Author', |
| 44 |
}, |
44 |
'metadata_Title', |
| 45 |
{ |
45 |
'borrowernumber', |
| 46 |
render: function(data, type, row) { |
46 |
'biblio_id', |
| 47 |
return ( |
47 |
'branchcode', |
| 48 |
row.metadata.hasOwnProperty('Title') && |
48 |
'status', |
| 49 |
row.metadata.Title.length > 0 |
49 |
'updated', |
| 50 |
) ? row.metadata.Title : 'N/A'; |
50 |
'illrequest_id', |
| 51 |
}, |
51 |
'action' |
| 52 |
className: 'title' |
52 |
]; |
| 53 |
}, |
53 |
|
| 54 |
{ |
54 |
// Extra fields that we need to tack on to the end |
| 55 |
render: function(data, type, row) { |
55 |
var extra = [ 'action' ]; |
| 56 |
return '<a title="View borrower details" ' + |
56 |
|
| 57 |
'href="/cgi-bin/koha/members/moremember.pl?' + |
57 |
// Remove any fields we're ignoring |
| 58 |
'borrowernumber='+row.borrowernumber+'">' + |
58 |
var removeIgnore = function(dataObj) { |
| 59 |
row.patron.firstname + ' ' + row.patron.surname + |
59 |
dataObj.forEach(function(thisRow) { |
| 60 |
'</a>'; |
60 |
ignore.forEach(function(thisIgnore) { |
| 61 |
}, |
61 |
if (thisRow.hasOwnProperty(thisIgnore)) { |
| 62 |
className: 'borrower_name' |
62 |
delete thisRow[thisIgnore]; |
| 63 |
}, |
63 |
} |
| 64 |
{ |
64 |
}); |
| 65 |
data: 'borrowernumber', |
65 |
}); |
| 66 |
className: 'borrowernumber' |
66 |
}; |
| 67 |
}, |
67 |
|
| 68 |
{ |
68 |
// Expand any fields we're expanding |
| 69 |
data: 'biblio_id', |
69 |
var expandExpand = function(row) { |
| 70 |
className: 'biblio_id' |
70 |
expand.forEach(function(thisExpand) { |
| 71 |
}, |
71 |
if (row.hasOwnProperty(thisExpand)) { |
| 72 |
{ |
72 |
if (!expanded.hasOwnProperty(thisExpand)) { |
| 73 |
data: 'branch.branchname', |
73 |
expanded[thisExpand] = []; |
| 74 |
className: 'branch_name' |
|
|
| 75 |
}, |
| 76 |
{ |
| 77 |
render: function(data, type, row) { |
| 78 |
return row.capabilities[row.status].name; |
| 79 |
}, |
| 80 |
className: 'status' |
| 81 |
}, |
| 82 |
{ |
| 83 |
data: 'updated', |
| 84 |
className: 'updated' |
| 85 |
}, |
| 86 |
{ |
| 87 |
data: 'medium', |
| 88 |
className: 'medium' |
| 89 |
}, |
| 90 |
{ |
| 91 |
data: 'cost', |
| 92 |
className: 'cost' |
| 93 |
}, |
| 94 |
{ |
| 95 |
render: function(data, type, row) { |
| 96 |
return row.id_prefix + row.illrequest_id; |
| 97 |
}, |
| 98 |
className: 'request_id' |
| 99 |
}, |
| 100 |
{ |
| 101 |
data: null, |
| 102 |
render: function(data, type, row) { |
| 103 |
return '<a class="btn btn-default btn-sm" ' + |
| 104 |
'href="/cgi-bin/koha/ill/ill-requests.pl?' + |
| 105 |
'method=illview&illrequest_id=' + |
| 106 |
row.illrequest_id + |
| 107 |
'">Manage request</a>' + |
| 108 |
'</div>' |
| 109 |
} |
74 |
} |
|
|
75 |
var expandObj = row[thisExpand]; |
| 76 |
Object.keys(expandObj).forEach( |
| 77 |
function(thisExpandCol) { |
| 78 |
var expColName = thisExpand + '_' + thisExpandCol; |
| 79 |
// Keep a list of fields that have been expanded |
| 80 |
// so we can create toggle links for them |
| 81 |
if (expanded[thisExpand].indexOf(expColName) == -1) { |
| 82 |
expanded[thisExpand].push(expColName); |
| 83 |
} |
| 84 |
expandObj[expColName] = |
| 85 |
expandObj[thisExpandCol]; |
| 86 |
delete expandObj[thisExpandCol]; |
| 87 |
} |
| 88 |
); |
| 89 |
$.extend(true, row, expandObj); |
| 90 |
delete row[thisExpand]; |
| 110 |
} |
91 |
} |
| 111 |
] |
92 |
}); |
| 112 |
})); |
93 |
}; |
| 113 |
var filters = $('#ill-requests').data(); |
94 |
|
| 114 |
if (typeof filters !== 'undefined') { |
95 |
// Build a de-duped list of all column names |
| 115 |
var filterNames = Object.keys(filters).filter( |
96 |
var allCols = {}; |
| 116 |
function(thisData) { |
97 |
core.map(function(thisCore) { |
| 117 |
return thisData.match(/^filter/); |
98 |
allCols[thisCore] = 1; |
|
|
99 |
}); |
| 100 |
var unionColumns = function(row) { |
| 101 |
Object.keys(row).forEach(function(col) { |
| 102 |
if (ignore.indexOf(col) == -1) { |
| 103 |
allCols[col] = 1; |
| 118 |
} |
104 |
} |
| 119 |
); |
|
|
| 120 |
filterNames.forEach(function(thisFilter) { |
| 121 |
var filterClass = "." + toColumnName(thisFilter); |
| 122 |
var regex = '^'+filters[thisFilter]+'$'; |
| 123 |
myTable.columns(filterClass).search(regex, true, false); |
| 124 |
}); |
105 |
}); |
| 125 |
myTable.draw(); |
106 |
}; |
|
|
107 |
|
| 108 |
// Some rows may not have fields that other rows have, |
| 109 |
// so make sure all rows have the same fields |
| 110 |
var fillMissing = function(row) { |
| 111 |
Object.keys(allCols).forEach(function(thisCol) { |
| 112 |
row[thisCol] = (!row.hasOwnProperty(thisCol)) ? |
| 113 |
null : |
| 114 |
row[thisCol]; |
| 115 |
}); |
| 126 |
} |
116 |
} |
| 127 |
|
117 |
|
|
|
118 |
// Strip the expand prefix if it exists, we do this for display |
| 119 |
var stripPrefix = function(value) { |
| 120 |
expand.forEach(function(thisExpand) { |
| 121 |
var regex = new RegExp(thisExpand + '_', 'g'); |
| 122 |
value = value.replace(regex, ''); |
| 123 |
}); |
| 124 |
return value; |
| 125 |
}; |
| 126 |
|
| 127 |
// Our 'render' function for borrowerlink |
| 128 |
var createBorrowerLink = function(data, type, row) { |
| 129 |
return '<a title="View borrower details" ' + |
| 130 |
'href="/cgi-bin/koha/members/moremember.pl?' + |
| 131 |
'borrowernumber='+row.patron_borrowernumber+'">' + |
| 132 |
row.patron_firstname + ' ' + row.patron_surname + |
| 133 |
'</a>'; |
| 134 |
}; |
| 135 |
|
| 136 |
// Render function for request ID |
| 137 |
var createRequestId = function(data, type, row) { |
| 138 |
return row.id_prefix + row.illrequest_id; |
| 139 |
}; |
| 140 |
|
| 141 |
// Render function for request status |
| 142 |
var createStatus = function(data, type, row, meta) { |
| 143 |
var origData = meta.settings.oInit.originalData; |
| 144 |
if (origData.length > 0) { |
| 145 |
return meta.settings.oInit.originalData[0].capabilities[ |
| 146 |
row.status |
| 147 |
].name; |
| 148 |
} else { |
| 149 |
return ''; |
| 150 |
} |
| 151 |
}; |
| 152 |
|
| 153 |
// Render function for creating a row's action link |
| 154 |
var createActionLink = function(data, type, row) { |
| 155 |
return '<a class="btn btn-default btn-sm" ' + |
| 156 |
'href="/cgi-bin/koha/ill/ill-requests.pl?' + |
| 157 |
'method=illview&illrequest_id=' + |
| 158 |
row.illrequest_id + |
| 159 |
'">Manage request</a>' + |
| 160 |
'</div>' |
| 161 |
}; |
| 162 |
|
| 163 |
// Columns that require special treatment |
| 164 |
var specialCols = { |
| 165 |
action: { |
| 166 |
name: '', |
| 167 |
func: createActionLink |
| 168 |
}, |
| 169 |
borrowernumber: { |
| 170 |
name: 'Borrower', |
| 171 |
func: createBorrowerLink |
| 172 |
}, |
| 173 |
illrequest_id: { |
| 174 |
name: 'Request number', |
| 175 |
func: createRequestId |
| 176 |
}, |
| 177 |
status: { |
| 178 |
name: 'Status', |
| 179 |
func: createStatus |
| 180 |
}, |
| 181 |
biblio_id: { |
| 182 |
name: 'Biblio number' |
| 183 |
}, |
| 184 |
branchcode: { |
| 185 |
name: 'Branch code' |
| 186 |
} |
| 187 |
}; |
| 188 |
|
| 189 |
// Helper for handling prefilter column names |
| 128 |
function toColumnName(myVal) { |
190 |
function toColumnName(myVal) { |
| 129 |
return myVal |
191 |
return myVal |
| 130 |
.replace(/^filter/, '') |
192 |
.replace(/^filter/, '') |
|
Lines 132-141
Link Here
|
| 132 |
.replace(/^_/,'').toLowerCase(); |
194 |
.replace(/^_/,'').toLowerCase(); |
| 133 |
}; |
195 |
}; |
| 134 |
|
196 |
|
|
|
197 |
// Toggle request attributes in Illview |
| 135 |
$('#toggle_requestattributes').click(function() { |
198 |
$('#toggle_requestattributes').click(function() { |
| 136 |
$('#requestattributes').toggleClass('content_hidden'); |
199 |
$('#requestattributes').toggleClass('content_hidden'); |
| 137 |
}); |
200 |
}); |
| 138 |
|
201 |
|
|
|
202 |
// Filter partner list |
| 139 |
$('#partner_filter').keyup(function() { |
203 |
$('#partner_filter').keyup(function() { |
| 140 |
var needle = $('#partner_filter').val(); |
204 |
var needle = $('#partner_filter').val(); |
| 141 |
$('#partners > option').each(function() { |
205 |
$('#partners > option').each(function() { |
|
Lines 152-157
Link Here
|
| 152 |
}); |
216 |
}); |
| 153 |
}); |
217 |
}); |
| 154 |
|
218 |
|
|
|
219 |
// Get our data from the API and process it prior to passing |
| 220 |
// it to datatables |
| 221 |
var ajax = $.ajax( |
| 222 |
'/api/v1/illrequests?embed=metadata,patron,capabilities,branch' |
| 223 |
).done(function() { |
| 224 |
var data = JSON.parse(ajax.responseText); |
| 225 |
// Make a copy, we'll be removing columns next and need |
| 226 |
// to be able to refer to data that has been removed |
| 227 |
var dataCopy = $.extend(true, [], data); |
| 228 |
// Remove all columns we're not interested in |
| 229 |
removeIgnore(dataCopy); |
| 230 |
// Expand columns that need it and create an array |
| 231 |
// of all column names |
| 232 |
$.each(dataCopy, function(k, row) { |
| 233 |
expandExpand(row); |
| 234 |
unionColumns(row); |
| 235 |
}); |
| 236 |
// Append any extra columns we need to tag on |
| 237 |
if (extra.length > 0) { |
| 238 |
extra.forEach(function(thisExtra) { |
| 239 |
allCols[thisExtra] = 1; |
| 240 |
}); |
| 241 |
}; |
| 242 |
// Different requests will have different columns, |
| 243 |
// make sure they all have the same |
| 244 |
$.each(dataCopy, function(k, row) { |
| 245 |
fillMissing(row); |
| 246 |
}); |
| 247 |
|
| 248 |
// Assemble an array of column definitions for passing |
| 249 |
// to datatables |
| 250 |
var colData = []; |
| 251 |
Object.keys(allCols).forEach(function(thisCol) { |
| 252 |
// We may have defined a pretty name for this column |
| 253 |
var colName = ( |
| 254 |
specialCols.hasOwnProperty(thisCol) && |
| 255 |
specialCols[thisCol].hasOwnProperty('name') |
| 256 |
) ? |
| 257 |
specialCols[thisCol].name : |
| 258 |
thisCol; |
| 259 |
// Create the table header for this column |
| 260 |
var str = '<th>' + stripPrefix(colName) + '</th>'; |
| 261 |
$(str).appendTo('#illview-header'); |
| 262 |
// Create the base column object |
| 263 |
var colObj = { |
| 264 |
name: thisCol, |
| 265 |
className: thisCol |
| 266 |
}; |
| 267 |
// We may need to process the data going in this |
| 268 |
// column, so do it if necessary |
| 269 |
if ( |
| 270 |
specialCols.hasOwnProperty(thisCol) && |
| 271 |
specialCols[thisCol].hasOwnProperty('func') |
| 272 |
) { |
| 273 |
colObj.render = specialCols[thisCol].func; |
| 274 |
} else { |
| 275 |
colObj.data = thisCol |
| 276 |
} |
| 277 |
colData.push(colObj); |
| 278 |
}); |
| 279 |
|
| 280 |
// Create the toggle links for all metadata fields |
| 281 |
var links = []; |
| 282 |
expanded.metadata.forEach(function(thisExpanded) { |
| 283 |
if (core.indexOf(thisExpanded) == -1) { |
| 284 |
links.push( |
| 285 |
'<a href="#" class="toggle-vis" data-column="' + |
| 286 |
thisExpanded + '">' + stripPrefix(thisExpanded) + |
| 287 |
'</a>' |
| 288 |
); |
| 289 |
} |
| 290 |
}); |
| 291 |
$('#column-toggle').append(links.join(' | ')); |
| 292 |
|
| 293 |
// Initialise the datatable |
| 294 |
var myTable = $('#ill-requests').DataTable($.extend(true, {}, dataTablesDefaults, { |
| 295 |
aoColumnDefs: [ // Last column shouldn't be sortable or searchable |
| 296 |
{ |
| 297 |
aTargets: [ 'action' ], |
| 298 |
bSortable: false, |
| 299 |
bSearchable: false |
| 300 |
}, |
| 301 |
], |
| 302 |
aaSorting: [[ 6, 'desc' ]], // Default sort, updated descending |
| 303 |
processing: true, // Display a message when manipulating |
| 304 |
language: { |
| 305 |
loadingRecords: "Please wait - loading requests...", |
| 306 |
zeroRecords: "No requests were found" |
| 307 |
}, |
| 308 |
iDisplayLength: 10, // 10 results per page |
| 309 |
sPaginationType: "full_numbers", // Pagination display |
| 310 |
deferRender: true, // Improve performance on big datasets |
| 311 |
data: dataCopy, |
| 312 |
columns: colData, |
| 313 |
originalData: data // Enable render functions to access |
| 314 |
// our original data |
| 315 |
})); |
| 316 |
|
| 317 |
// Reset columns to default |
| 318 |
var resetColumns = function() { |
| 319 |
Object.keys(allCols).forEach(function(thisCol) { |
| 320 |
myTable.column(thisCol + ':name').visible(core.indexOf(thisCol) != -1); |
| 321 |
}); |
| 322 |
myTable.columns.adjust().draw(false); |
| 323 |
}; |
| 324 |
|
| 325 |
// Handle the click event on a toggle link |
| 326 |
$('a.toggle-vis').on('click', function(e) { |
| 327 |
e.preventDefault(); |
| 328 |
var column = myTable.column( |
| 329 |
$(this).data('column') + ':name' |
| 330 |
); |
| 331 |
column.visible(!column.visible()); |
| 332 |
}); |
| 333 |
|
| 334 |
// Reset column toggling |
| 335 |
$('#reset-toggle').click(function() { |
| 336 |
resetColumns(); |
| 337 |
}); |
| 338 |
|
| 339 |
// Handle a prefilter request and do the prefiltering |
| 340 |
var filters = $('#ill-requests').data(); |
| 341 |
if (typeof filters !== 'undefined') { |
| 342 |
var filterNames = Object.keys(filters).filter( |
| 343 |
function(thisData) { |
| 344 |
return thisData.match(/^filter/); |
| 345 |
} |
| 346 |
); |
| 347 |
filterNames.forEach(function(thisFilter) { |
| 348 |
var filterName = toColumnName(thisFilter) + ':name'; |
| 349 |
var regex = '^'+filters[thisFilter]+'$'; |
| 350 |
console.log(regex); |
| 351 |
myTable.columns(filterName).search(regex, true, false); |
| 352 |
}); |
| 353 |
myTable.draw(); |
| 354 |
} |
| 355 |
|
| 356 |
// Initialise column hiding |
| 357 |
resetColumns(); |
| 358 |
|
| 359 |
} |
| 360 |
); |
| 361 |
|
| 155 |
}); |
362 |
}); |
| 156 |
//]]> |
363 |
//]]> |
| 157 |
</script> |
364 |
</script> |
|
Lines 442-470
Link Here
|
| 442 |
<h1>View ILL requests</h1> |
649 |
<h1>View ILL requests</h1> |
| 443 |
<div id="results"> |
650 |
<div id="results"> |
| 444 |
<h3>Details for all requests</h3> |
651 |
<h3>Details for all requests</h3> |
|
|
652 |
|
| 653 |
<div id="column-toggle"> |
| 654 |
Toggle additional columns: |
| 655 |
</div> |
| 656 |
<div id="reset-toggle"><a href="#">Reset toggled columns</a></div> |
| 657 |
|
| 445 |
<table |
658 |
<table |
| 446 |
[% FOREACH filter IN prefilters %] |
659 |
[% FOREACH filter IN prefilters %] |
| 447 |
data-filter-[% filter.name %]="[% filter.value %]" |
660 |
data-filter-[% filter.name %]="[% filter.value %]" |
| 448 |
[% END %] |
661 |
[% END %] |
| 449 |
id="ill-requests"> |
662 |
id="ill-requests"> |
| 450 |
<thead> |
663 |
<thead> |
| 451 |
<tr> |
664 |
<tr id="illview-header"></tr> |
| 452 |
<th id="orderid">Order ID:</th> |
|
|
| 453 |
<th id="author">Author:</th> |
| 454 |
<th id="title">Title:</th> |
| 455 |
<th id="borrower_name">Borrower:</th> |
| 456 |
<th id="borrowernumber">Borrower number:</th> |
| 457 |
<th id="biblio_id">Biblio number:</th> |
| 458 |
<th id="branchcode">Branch:</th> |
| 459 |
<th id="status">Status:</th> |
| 460 |
<th id="updated">Last updated:</th> |
| 461 |
<th id="medium">Request type:</th> |
| 462 |
<th id="cost">Cost:</th> |
| 463 |
<th id="req_id">Request number:</th> |
| 464 |
<th id="link">Manage request:</th> |
| 465 |
</tr> |
| 466 |
</thead> |
665 |
</thead> |
| 467 |
<tbody> |
666 |
<tbody id="illview-body"> |
| 468 |
</tbody> |
667 |
</tbody> |
| 469 |
</table> |
668 |
</table> |
| 470 |
</div> |
669 |
</div> |
| 471 |
- |
|
|