Bug 20563: (QA follow-up) Get requested_partners from api
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / ill / ill-requests.tt
blob85bb7cb2ea906022c84d299cfc540ac575a6adb8
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Branches %]
4 [% USE Koha %]
5 [% USE KohaDates %]
6 [% SET footerjs = 1 %]
7 [% USE AuthorisedValues %]
8 [% USE ColumnsSettings %]
10 [% INCLUDE 'doc-head-open.inc' %]
11 <title>Koha &rsaquo; ILL requests</title>
12 [% INCLUDE 'doc-head-close.inc' %]
13 </head>
15 <body id="illrequests" class="ill">
16 [% INCLUDE 'header.inc' %]
17 [% INCLUDE 'cat-search.inc' %]
19 <div id="breadcrumbs">
20     <a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo;
21     <a href="/cgi-bin/koha/ill/ill-requests.pl">ILL requests</a>
22     [% IF query_type == 'create' %]
23          &rsaquo; New request
24     [% ELSIF query_type == 'status' %]
25          &rsaquo; Status
26     [% END %]
27 </div>
29 <div id="doc3" class="yui-t2">
30     <div id="bd">
31         [% IF query_type == 'illlist' %]
32         <div id="illfilter_yui_column" class="yui-b">
33             <form method="get" id="illfilter_form">
34                 <fieldset class="brief">
35                     <h3>Filters</h3>
36                     <ol>
37                         <li>
38                             <label for="illfilter_status">Status:</label>
39                             <select name="illfilter_status" id="illfilter_status">
40                                 <option value=""></option>
41                             </select>
42                         </li>
43                         <li>
44                             <label for="illfilter_dateplaced_start">Date placed between:</label>
45                             <input type="text" name="illfilter_dateplaced_start" id="illfilter_dateplaced_start" class="datepicker" />
46                         </li>
47                         <li>
48                             <label for="illfilter_dateplaced_end">and:</label>
49                             <input type="text" name="illfilter_dateplaced_end" id="illfilter_dateplaced_end" class="datepicker" />
50                         </li>
51                         <li>
52                             <label for="illfilter_datemodified_start">Updated between:</label>
53                             <input type="text" name="illfilter_datemodified_start" id="illfilter_datemodified_start" class="datepicker" />
54                         </li>
55                         <li>
56                             <label for="illfilter_datemodified_end">and:</label>
57                             <input type="text" name="illfilter_datemodified_end" id="illfilter_datemodified_end" class="datepicker" />
58                         </li>
59                         <li>
60                             <label for="illfilter_branchname">Library:</label>
61                             <select name="illfilter_branchname" id="illfilter_branchname">
62                                 <option value=""></option>
63                             </select>
64                         </li>
65                         <li>
66                             <label for="illfilter_patron">Patron:</label>
67                             <input type="text" name="illfilter_patron" id="illfilter_patron" />
68                         </li>
69                     </ol>
70                     <fieldset class="action">
71                         <input type="submit" value="Search" />
72                         <input type="button" value="Clear" id="clear_search" />
73                     </fieldset>
74                 </fieldset>
75             </form>
76         </div>
77         [% END %]
78         <div id="yui-main">
79             <div id="interlibraryloans" class="yui-b">
80         [% IF !backends_available || !has_branch %]
81             <div class="dialog message">ILL module configuration problem. Take a look at the <a href="/cgi-bin/koha/about.pl#sysinfo">about page</a></div>
82         [% ELSE %]
83                 [% INCLUDE 'ill-toolbar.inc' %]
85                 [% IF whole.error %]
86                     <h1>Error performing operation</h1>
87                     <!-- Dispatch on Status -->
88                     <p>We encountered an error:</p>
89                     <p>
90                       <pre>[% whole.message | html %] ([% whole.status | html %])</pre>
91                     </p>
92                 [% END %]
94                 [% IF query_type == 'create' %]
95                     <h1>New ILL request</h1>
96                     [% PROCESS $whole.template %]
98                 [% ELSIF query_type == 'confirm' %]
99                     <h1>Confirm ILL request</h1>
100                     [% PROCESS $whole.template %]
102                 [% ELSIF query_type == 'cancel' and !whole.error %]
103                     <h1>Cancel a confirmed request</h1>
104                     [% PROCESS $whole.template %]
106                 [% ELSIF query_type == 'generic_confirm' %]
107                     <h1>Place request with partner libraries</h1>
108                   [% IF error %]
109                     [% IF error == 'no_target_email' %]
110                         <div class="alert">
111                             No target email addresses found. Either select at least
112                             one partner or check your ILL partner library records.
113                         </div>
114                     [% ELSIF error == 'no_library_email' %]
115                         <div class="alert">
116                             Your library has no usable email address. Please set it.
117                         </div>
118                     [% ELSIF error == 'unkown_error' %]
119                         <div class="alert">
120                             Unknown error processing your request. Contact your administrator.
121                         </div>
122                     [% END %]
123                   [% END %]
124                     <!-- Start of GENERIC_EMAIL case -->
125                     [% IF whole.value.partners %]
126                        [% ill_url = "/cgi-bin/koha/ill/ill-requests.pl?method=illview&illrequest_id=" _ request.illrequest_id %]
127                         <form method="POST" action="/cgi-bin/koha/ill/ill-requests.pl">
128                             <fieldset class="rows">
129                                 <legend>Interlibrary loan request details</legend>
130                                 <ol>
131                                     <li>
132                                         <label for="partner_filter">Filter partner libraries:</label>
133                                         <input type="text" id="partner_filter" />
134                                     </li>
135                                     <li>
136                                         <label for="partners" class="required">Select partner libraries:</label>
137                                         <select size="5" multiple="true" id="partners" name="partners" required="required">
138                                             [% FOREACH partner IN whole.value.partners %]
139                                                 <option value=[% partner.email | html %]>
140                                                     [% partner.branchcode _ " - " _ partner.surname %]
141                                                 </option>
142                                             [% END %]
143                                         </select>
145                                     </li>
146                                     <li>
147                                         <label for="subject" class="required">Subject line:</label>
148                                         <input type="text" name="subject" id="subject" type="text" value="[% whole.value.draft.subject | html %]" required="required" />
149                                     </li>
150                                     <li>
151                                         <label for="body" class="required">Email text:</label>
152                                         <textarea name="body" id="body" rows="20" cols="80" required="required">[% whole.value.draft.body | html %]</textarea>
153                                     </li>
154                                 </ol>
155                                 <input type="hidden" value="generic_confirm" name="method">
156                                 <input type="hidden" value="draft" name="stage">
157                                 <input type="hidden" value="[% request.illrequest_id | html %]" name="illrequest_id">
158                             </fieldset>
159                             <fieldset class="action">
160                                 <input type="submit" class="btn btn-default" value="Send email"/>
161                                 <span><a href="[% ill_url | url %]" title="Return to request details">Cancel</a></span>
162                             </fieldset>
163                         </form>
164                     [% ELSE %]
165                         <fieldset class="rows">
166                             <legend>Interlibrary loan request details</legend>
167                             <p>No partners have been defined yet. Please create appropriate patron records (by default ILLLIBS category).</p>
168                             <p>Be sure to provide email addresses for these patrons.</p>
169                             <p><span><a href="[% ill_url | url %]" title="Return to request details">Cancel</a></span></p>
170                         </fieldset>
171                     [% END %]
172                 <!-- generic_confirm ends here -->
174                 [% ELSIF query_type == 'edit_action' %]
175                     <form method="POST" action="/cgi-bin/koha/ill/ill-requests.pl">
176                         <fieldset class="rows">
177                             <legend>Request details</legend>
178                             <ol>
179                                 [% type = request.get_type %]
180                                 <li class="borrowernumber">
181                                     <label for="borrowernumber">Patron ID:</label>
182                                     [% request.borrowernumber | html %]
183                                 </li>
184                                 <li class="biblio_id">
185                                     <label for="biblio_id" class="biblio_id">Bibliographic record ID:</label>
186                                     <input name="biblio_id" id="biblio_id" type="text" value="[% request.biblio_id | html %]">
187                                 </li>
188                                 <li class="branchcode">
189                                     <label for="library" class="branchcode">Library:</label>
190                                     <select name="branchcode" id="library">
191                                         [% PROCESS options_for_libraries libraries => Branches.all( selected => request.branchcode ) %]
192                                     </select>
193                                 </li>
194                                 <li class="status">
195                                     <label class="status">Status:</label>
196                                     [% stat = request.status %]
197                                     [% current_alias = request.status_alias %]
198                                     <select id="status_alias" name="status_alias">
199                                         [% IF !current_alias %]
200                                         <option value="" selected>
201                                         [% ELSE %]
202                                         <option value="">
203                                         [% END %]
204                                             [% request.capabilities.$stat.name | html %]
205                                         </option>
206                                         [% FOREACH alias IN AuthorisedValues.Get('ILLSTATUS') %]
207                                             [% IF alias.authorised_value == current_alias %]
208                                             <option value="[% alias.authorised_value | html %]" selected>
209                                             [% ELSE %]
210                                             <option value="[% alias.authorised_value | html %]">
211                                             [% END %]
212                                                 [% alias.lib | html %]
213                                             </option>
214                                         [% END %]
215                                     </select>
216                                 </li>
217                                 <li class="updated">
218                                     <label class="updated">Last updated:</label>
219                                     [% request.updated | $KohaDates  with_hours => 1 %]
220                                 </li>
221                                 <li class="medium">
222                                     <label class="medium">Request type:</label>
223                                     [% IF type %][% type | html %][% ELSE %]<span>N/A</span>[% END %]
224                                 </li>
225                                 <li class="cost">
226                                     <label class="cost">Cost:</label>
227                                     [% IF request.cost %][% request.cost | html %][% ELSE %]<span>N/A</span>[% END %]
228                                 </li>
229                                 <li class="price_paid">
230                                     <label class="price_paid">Price paid:</label>
231                                     <input name="price_paid" id="price_paid" type="text" value="[% request.price_paid | html %]">
232                                 </li>
233                                 <li class="req_id">
234                                     <label class="req_id">Request number:</label>
235                                     [% request.id_prefix _ request.illrequest_id | html %]
236                                 </li>
237                                 <li class="notesstaff">
238                                     <label for="notesstaff" class="notesstaff">Staff notes:</label>
239                                     <textarea name="notesstaff" id="notesstaff" rows="5">[% request.notesstaff | html %]</textarea>
240                                 </li>
241                                 <li class="notesopac">
242                                     <label for="notesopac" class="notesopac">Opac notes:</label>
243                                     <textarea name="notesopac" id="notesopac" rows="5">[% request.notesopac | html %]</textarea>
244                                 </li>
245                             </ol>
246                         </fieldset>
247                         <fieldset class="action">
248                             <input type="hidden" value="edit_action" name="method">
249                             <input type="hidden" value="form" name="stage">
250                             <input type="hidden" value="[% request.illrequest_id | html %]" name="illrequest_id">
251                             <input type="hidden" value="[% request.borrowernumber | html %]" name="borrowernumber">
252                             <input type="submit" value="Submit">
253                             <a class="cancel" href="/cgi-bin/koha/ill/ill-requests.pl?method=illview&amp;illrequest_id=[% request.id | html %]">Cancel</a>
254                         </fieldset>
255                     </form>
257                 [% ELSIF query_type == 'delete_confirm' %]
259                     <div class="dialog alert">
260                         <h3>Are you sure you wish to delete this request?</h3>
261                         <form action="/cgi-bin/koha/ill/ill-requests.pl" method="post">
262                             <input type="hidden" name="method" value="delete" />
263                             <input type="hidden" name="confirmed" value="1" />
264                             <input type="hidden" name="illrequest_id" value="[% request.id | html %]" />
265                             <button type="submit" class="btn btn-default btn-sm approve"><i class="fa fa-fw fa-check"></i> Yes, delete</button>
266                         </form>
267                         <a class="btn btn-default btn-sm deny" href="/cgi-bin/koha/ill/ill-requests.pl?method=illview&amp;illrequest_id=[% request.id | html %]"><i class="fa fa-fw fa-remove"></i>No, do not delete</a>
268                     </div>
270                 [% ELSIF query_type == 'illview' %]
271                     [% req_status = request.status %]
273                     [% IF error %]
274                       [% IF error == 'migrate_target' %]
275                           <div class="alert">
276                               The backend you tried to migrate to does not yet support migrations, please try again with an alternative target.
277                           </div>
278                       [% END %]
279                     [% END %]
281                     <h1>Manage ILL request</h1>
282                     <div id="request-toolbar" class="btn-toolbar">
283                         <a title="Edit request" id="ill-toolbar-btn-edit-action" class="btn btn-sm btn-default" href="/cgi-bin/koha/ill/ill-requests.pl?method=edit_action&amp;illrequest_id=[% request.illrequest_id | html %]">
284                         <span class="fa fa-pencil"></span>
285                         Edit request
286                         </a>
287                         [% FOREACH action IN request.available_actions %]
288                             [% IF action.method == 'migrate' %]
289                                 [% IF backends.size > 2 %]
290                                     <div class="dropdown btn-group">
291                                         <button class="btn btn-sm btn-default dropdown-toggle" type="button" id="ill-migrate-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
292                                             <i class="fa [% action.ui_method_icon | html %]"></i> [% action.ui_method_name | html %] <span class="caret"></span>
293                                         </button>
294                                         <ul class="dropdown-menu" aria-labelledby="ill-migrate-dropdown">
295                                             [% FOREACH backend IN backends %]
296                                                 [% IF backend != request.backend %]
297                                                     <li><a href="/cgi-bin/koha/ill/ill-requests.pl?method=[% action.method | uri %]&amp;illrequest_id=[% request.illrequest_id | uri %]&amp;backend=[% backend | uri %]">[% backend | html %]</a></li>
298                                                 [% END %]
299                                             [% END %]
300                                         </ul>
301                                     </div>
302                                 [% ELSIF backends.size == 2 %]
303                                     [% FOREACH backend IN backends %]
304                                         [% IF backend != request.backend %]
305                                             <a title="[% action.ui_method_name | html %]" id="ill-toolbar-btn-[% action.id | lower | html %]" class="btn btn-sm btn-default" href="/cgi-bin/koha/ill/ill-requests.pl?method=[% action.method | uri %]&amp;illrequest_id=[% request.illrequest_id | uri %]&amp;backend=[% backend | uri %]">
306                                             <span class="fa [% action.ui_method_icon | html %]"></span>
307                                             [% action.ui_method_name | html %]
308                                             </a>
309                                         [% END %]
310                                     [% END %]
311                                 [% END %]
312                             [% ELSIF action.method != 0 %]
313                                 <a title="[% action.ui_method_name | html %]" id="ill-toolbar-btn-[% action.id | lower | html %]" class="btn btn-sm btn-default" href="/cgi-bin/koha/ill/ill-requests.pl?method=[% action.method | uri %]&amp;illrequest_id=[% request.illrequest_id | uri %]">
314                                 <span class="fa [% action.ui_method_icon | html %]"></span>
315                                 [% action.ui_method_name | html %]
316                                 </a>
317                             [% END %]
318                         [% END %]
319                         <a title="Display supplier metadata" id="ill-request-display-metadata" class="btn btn-sm btn-default pull-right" href="#">
320                             <span class="fa fa-eye"></span>
321                             Display supplier metadata
322                         </a>
323                         <a title="ILL request log" id="ill-request-display-log" class="btn btn-sm btn-default pull-right" href="#">
324                             <span class="fa fa-calendar"></span>
325                             ILL request log
326                         </a>
327                     </div>
328                     <div class="ill-view-panel panel panel-default">
329                         <div class="panel-heading">
330                             <h3>Request details</h3>
331                         </div>
332                         <div class="panel-body">
333                             <h4>Details from library</h4>
334                             <div class="rows">
335                                 <ol>
336                                     <li class="orderid">
337                                         <span class="label orderid">Order ID:</span>
338                                         [% IF request.orderid %][% request.orderid | html %][% ELSE %]<span>N/A</span>[% END %]
339                                     </li>
340                                     <li class="borrowernumber">
341                                         <span class="label borrowernumber">Patron:</span>
342                                         [% borrowerlink = "/cgi-bin/koha/members/moremember.pl" _ "?borrowernumber=" _ request.patron.borrowernumber %]
343                                         <a href="[% borrowerlink | url %]" title="View borrower details">
344                                         [% request.patron.firstname _ " " _ request.patron.surname _ " [" _ request.patron.cardnumber _ "]" | html %]
345                                         </a>
346                                     </li>
348                                     <li class="biblio_id">
349                                         <span class="label biblio_id">Bibliographic record ID:</span>
350                                         [% IF request.biblio_id %]
351                                             <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% request.biblio_id | uri %]">[% request.biblio_id | html %]</a>
352                                         [% ELSE %]
353                                             <span>N/A</span>
354                                         [% END %]
355                                     </li>
356                                     <li class="branchcode">
357                                         <span class="label branchcode">Library:</span>
358                                         [% Branches.GetName(request.branchcode) | html %]
359                                     </li>
360                                     <li class="status">
361                                         <span class="label status">Status:</span>
362                                         [% IF request.statusalias %]
363                                             [% request.statusalias.lib | html %]
364                                         [% ELSE %]
365                                             [% request.capabilities.$req_status.name | html%]
366                                             [% IF request.requested_partners.length > 0 %]
367                                                 ([% request.requested_partners | html %])
368                                             [% END %]
369                                         [% END %]
370                                     </li>
371                                     <li class="updated">
372                                         <span class="label updated">Last updated:</span>
373                                         [% request.updated | $KohaDates  with_hours => 1 %]
374                                     </li>
375                                     <li class="medium">
376                                         <span class="label medium">Request type:</span>
377                                         [% type = request.get_type %]
378                                         [% IF type %][% type | html %][% ELSE %]<span>N/A</span>[% END %]
379                                     </li>
380                                     <li class="cost">
381                                         <span class="label cost">Cost:</span>
382                                         [% IF request.cost %][% request.cost | html %][% ELSE %]<span>N/A</span>[% END %]
383                                     </li>
384                                     <li class="price_paid">
385                                         <span class="label price_paid">Price paid:</span>
386                                         [% IF request.price_paid %][% request.price_paid | html %][% ELSE %]<span>N/A</span>[% END %]
387                                     </li>
388                                     <li class="req_id">
389                                         <span class="label req_id">Request number:</span>
390                                         [% request.id_prefix _ request.illrequest_id | html %]
391                                     </li>
392                                     <li class="notesstaff">
393                                         <span class="label notes_staff">Staff notes:</span>
394                                         <p>[% request.notesstaff | html %]</p>
395                                     </li>
396                                     <li class="notesopac">
397                                         <span class="label notes_opac">Notes:</span>
398                                         <p>[% request.notesopac | html %]</p>
399                                     </li>
400                                 </ol>
401                             </div>
402                             <div class="rows">
403                                 <h4>Details from supplier ([% request.backend | html %])</h4>
404                                 <ol>
405                                     [% FOREACH meta IN request.metadata %]
406                                         <li class="requestmeta-[% meta.key.replace('\s','_') | html %]">
407                                             <span class="label">[% meta.key | html %]:</span>
408                                             [% meta.value | html %]
409                                         </li>
410                                     [% END %]
411                                 </ol>
412                             </div>
413                         </div>
414                     </div>
416                     <div id="dataPreview" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="dataPreviewLabel" aria-hidden="true">
417                         <div class="modal-dialog">
418                             <div class="modal-content">
419                                 <div class="modal-header">
420                                     <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
421                                     <h3 id="dataPreviewLabel"> Supplier metadata</h3>
422                                 </div>
423                                 <div class="modal-body">
424                                     <div id="requestattributes">
425                                         [% FOREACH attr IN request.illrequestattributes %]
426                                         <div class="requestattr-[% attr.type | html %]">
427                                             <span class="label">[% attr.type | html %]:</span>
428                                             [% attr.value | html %]
429                                         </div>
430                                             [% END %]
431                                     </div>
432                                 </div>
433                                 <div class="modal-footer">
434                                     <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
435                                 </div>
436                             </div>
437                         </div>
438                     </div>
440                     <div id="requestLog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="dataPreviewLabel" aria-hidden="true">
441                         <div class="modal-dialog">
442                             <div class="modal-content">
443                                 <div class="modal-header">
444                                     <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
445                                     <h3 id="requestLogLabel"> Request log</h3>
446                                 </div>
447                                 <div class="modal-body">
448                                 [% IF request.logs.size > 0 %]
449                                     [% FOREACH log IN request.logs %]
450                                         [% tpl = log.template %]
451                                         [% INCLUDE $tpl log=log %]
452                                     [% END %]
453                                 [% ELSE %]
454                                     There are no recorded logs for this request
455                                 [% END %]
456                                 </div>
457                                 <div class="modal-footer">
458                                     <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
459                                 </div>
460                             </div>
461                         </div>
462                     </div>
464                     <div class="ill-view-panel panel panel-default">
465                         <div class="panel-heading">
466                             <h3>[% request.illcomments.count | html %] comments</h3>
467                         </div>
468                         <div class="panel-body">
469                             [% IF request.illcomments.count && request.illcomments.count > 0 %]
470                                 [% FOREACH comment IN request.illcomments %]
471                                     <div class="rows comment_[% comment.patron.categorycode | html %]">
472                                     <h5>Comment by:
473                                     <a href="[% borrowerlink | url %]" title="View borrower details">
474                                     [% comment.patron.firstname _ " " _ comment.patron.surname _ " [" _ comment.patron.cardnumber _ "]" | html %]</a>
475                                     [% comment.timestamp | $KohaDates with_hours => 1 %]</h5>
476                                     <p>[% comment.comment | html %]</p>
477                                     </div>
478                                 [% END %]
479                             [% END %]
480                                 <div class="rows">
481                                     <h3><a id="toggle_addcomment" href="#">Add comment</a></h3>
482                                     <div id="addcomment" class="content_hidden">
483                                         <form class="validated" method="post" action="/cgi-bin/koha/ill/ill-requests.pl">
484                                             <input type="hidden" value="save_comment" name="method">
485                                             <input type="hidden" value="[% csrf_token | html %]" name="csrf_token">
486                                             <input type="hidden" value="[% request.illrequest_id | html %]" name="illrequest_id">
487                                             <fieldset class="rows">
488                                                 <ol>
489                                                     <li>
490                                                         <label class="required" for="comment">Comment: </label>
491                                                         <textarea class="required" required="required" cols="80" rows="10" id="comment" name="comment"></textarea>
492                                                         <span class="required">Required</span>
493                                                     </li>
494                                                 </ol>
495                                             </fieldset>
496                                             <fieldset class="action">
497                                                 <input type="submit" value="Submit">
498                                             </fieldset>
499                                         </form>
500                                     </div>
501                                 </div>
502                         </div>
503                     </div>
505                 [% ELSIF query_type == 'illlist' %]
506                     <!-- illlist -->
507                     <h1>View ILL requests</h1>
508                     <div id="results">
509                         <h3>Details for all requests</h3>
511                         <table id="ill-requests">
512                             <thead>
513                                 <tr id="illview-header">
514                                     <th scope="col">Request ID</th>
515                                     <th scope="col">Author</th>
516                                     <th scope="col">Title</th>
517                                     <th scope="col">Article title</th>
518                                     <th scope="col">Issue</th>
519                                     <th scope="col">Volume</th>
520                                     <th scope="col">Year</th>
521                                     <th scope="col">Pages</th>
522                                     <th scope="col">Type</th>
523                                     <th scope="col">Order ID</th>
524                                     <th scope="col">Patron</th>
525                                     <th scope="col">Bibliographic record</th>
526                                     <th scope="col">Branch</th>
527                                     <th scope="col">Status</th>
528                                     <th scope="col" class="placed">&nbsp;</th>
529                                     <th scope="col" class="placed_formatted">Placed on</th>
530                                     <th scope="col" class="updated">&nbsp;</th>
531                                     <th scope="col" class="updated_formatted">Updated on</th>
532                                     <th scope="col">Replied</th>
533                                     <th scope="col" class="completed">&nbsp;</th>
534                                     <th scope="col" class="completed_formatted">Completed on</th>
535                                     <th scope="col">Access URL</th>
536                                     <th scope="col">Cost</th>
537                                     <th scope="col">Comments</th>
538                                     <th scope="col">OPAC notes</th>
539                                     <th scope="col">Staff notes</th>
540                                     <th scope="col">Backend</th>
541                                     <th scope="col" class="actions"></th>
542                                 </tr>
543                             </thead>
544                             <tbody id="illview-body">
545                             </tbody>
546                         </table>
547                     </div>
548                 [% ELSE %]
549                 <!-- Custom Backend Action -->
550                 [% PROCESS $whole.template %]
552                 [% END %]
553         [% END %]
554             </div>
555         </div>
556     </div>
558 [% TRY %]
559 [% PROCESS backend_jsinclude %]
560 [% CATCH %]
561 [% END %]
563 [% MACRO jsinclude BLOCK %]
564     [% INCLUDE 'datatables.inc' %]
565     [% INCLUDE 'columns_settings.inc' %]
566     [% INCLUDE 'calendar.inc' %]
567     [% Asset.js("lib/jquery/plugins/jquery.checkboxes.min.js") | $raw %]
568     <script>
569         $(document).ready(function() {
571             // Illview Datatable setup
573             var columns_settings = [% ColumnsSettings.GetColumns( 'illrequests', 'ill-requests', 'ill-requests', 'json' ) %];
575             var table;
577             // Filters that are active
578             var activeFilters = {};
580             // Fields we need to expand (flatten)
581             var expand = [
582                 'metadata',
583                 'patron',
584                 'library'
585             ];
587             // Expanded fields
588             // This is auto populated
589             var expanded = {};
591             // Filterable columns
592             var filterable = {
593                 status: {
594                     prep: function(tableData, oData) {
595                         var uniques = {};
596                         tableData.forEach(function(row) {
597                             var resolvedName;
598                             if (row.status_alias) {
599                                 resolvedName = row.status_alias.lib;
600                             } else {
601                                 resolvedName = getStatusName(
602                                     oData[0].capabilities[row.status].name
603                                 );
604                             }
605                             uniques[resolvedName] = 1
606                         });
607                         Object.keys(uniques).sort().forEach(function(unique) {
608                             $('#illfilter_status').append(
609                                 '<option value="' + unique  +
610                                 '">' + unique +  '</option>'
611                             );
612                         });
613                     },
614                     listener: function() {
615                         var me = 'status';
616                         $('#illfilter_status').change(function() {
617                             var sel = $('#illfilter_status option:selected').val();
618                             if (sel && sel.length > 0) {
619                                 activeFilters[me] = function() {
620                                     table.api().column(13).search(sel);
621                                 }
622                             } else {
623                                 if (activeFilters.hasOwnProperty(me)) {
624                                     delete activeFilters[me];
625                                 }
626                             }
627                         });
628                     },
629                     clear: function() {
630                         $('#illfilter_status').val('');
631                     }
632                 },
633                 pickupBranch: {
634                     prep: function(tableData, oData) {
635                         var uniques = {};
636                         tableData.forEach(function(row) {
637                             uniques[row.library_branchname] = 1
638                         });
639                         Object.keys(uniques).sort().forEach(function(unique) {
640                             $('#illfilter_branchname').append(
641                                 '<option value="' + unique  +
642                                 '">' + unique +  '</option>'
643                             );
644                         });
645                     },
646                     listener: function() {
647                         var me = 'pickupBranch';
648                         $('#illfilter_branchname').change(function() {
649                             var sel = $('#illfilter_branchname option:selected').val();
650                             if (sel && sel.length > 0) {
651                                 activeFilters[me] = function() {
652                                     table.api().column(12).search(sel);
653                                 }
654                             } else {
655                                 if (activeFilters.hasOwnProperty(me)) {
656                                     delete activeFilters[me];
657                                 }
658                             }
659                         });
660                     },
661                     clear: function() {
662                         $('#illfilter_branchname').val('');
663                     }
664                 },
665                 patron: {
666                     listener: function() {
667                         var me = 'patron';
668                         $('#illfilter_patron').change(function() {
669                             var val = $('#illfilter_patron').val();
670                             if (val && val.length > 0) {
671                                 activeFilters[me] = function() {
672                                     table.api().column(10).search(val);
673                                 }
674                             } else {
675                                 if (activeFilters.hasOwnProperty(me)) {
676                                     delete activeFilters[me];
677                                 }
678                             }
679                         });
680                     },
681                     clear: function() {
682                         $('#illfilter_patron').val('');
683                     }
684                 },
685                 dateModified: {
686                     clear: function() {
687                         $('#illfilter_datemodified_start, #illfilter_datemodified_end').val('');
688                     }
689                 },
690                 datePlaced: {
691                     clear: function() {
692                         $('#illfilter_dateplaced_start, #illfilter_dateplaced_end').val('');
693                     }
694                 }
695             };
697             // Expand any fields we're expanding
698             var expandExpand = function(row) {
699                 expand.forEach(function(thisExpand) {
700                     if (row.hasOwnProperty(thisExpand)) {
701                         if (!expanded.hasOwnProperty(thisExpand)) {
702                             expanded[thisExpand] = [];
703                         }
704                         var expandObj = row[thisExpand];
705                         Object.keys(expandObj).forEach(
706                             function(thisExpandCol) {
707                                 var expColName = thisExpand + '_' + thisExpandCol.replace(/\s/g,'_');
708                                 // Keep a list of fields that have been expanded
709                                 // so we can create toggle links for them
710                                 if (expanded[thisExpand].indexOf(expColName) == -1) {
711                                     expanded[thisExpand].push(expColName);
712                                 }
713                                 expandObj[expColName] =
714                                     expandObj[thisExpandCol];
715                                 delete expandObj[thisExpandCol];
716                             }
717                         );
718                         $.extend(true, row, expandObj);
719                         delete row[thisExpand];
720                     }
721                 });
722             };
724             // Strip the expand prefix if it exists, we do this for display
725             var stripPrefix = function(value) {
726                 expand.forEach(function(thisExpand) {
727                     var regex = new RegExp(thisExpand + '_', 'g');
728                     value = value.replace(regex, '');
729                 });
730                 return value;
731             };
733             // Our 'render' function for borrowerlink
734             var createPatronLink = function(data, type, row) {
735                 var patronLink = '<a title="' + _("View borrower details") + '" ' +
736                     'href="/cgi-bin/koha/members/moremember.pl?' +
737                     'borrowernumber='+row.borrowernumber+'">';
738                 if ( row.patron_firstname ) {
739                     patronLink = patronLink + row.patron_firstname + ' ';
740                 }
741                 patronLink = patronLink + row.patron_surname +
742                     ' (' + row.patron_cardnumber + ')' + '</a>';
743                 return patronLink;
744             };
746             // Our 'render' function for biblio_id
747             var createBiblioLink = function(data, type, row) {
748                 return (row.biblio_id) ?
749                     '<a title="' + _("View biblio details") + '" ' +
750                     'href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=' +
751                     row.biblio_id + '">' +
752                     row.biblio_id +
753                     '</a>' : '';
754             };
756             // Our 'render' function for title
757             var createTitle = function(data, type, row) {
758                 return (
759                     row.hasOwnProperty('metadata_container_title') &&
760                     row.metadata_container_title
761                 ) ? row.metadata_container_title : row.metadata_title;
762             };
764             // Render function for request ID
765             var createRequestId = function(data, type, row) {
766                 return row.id_prefix + row.illrequest_id;
767             };
769             // Render function for type
770             var createType = function(data, type, row) {
771                 if (!row.hasOwnProperty('metadata_Type') || !row.metadata_Type) {
772                     if (row.hasOwnProperty('medium') && row.medium) {
773                         row.metadata_Type = row.medium;
774                     } else {
775                         row.metadata_Type = null;
776                     }
777                 }
778                 return row.metadata_Type;
779             };
781             // Render function for request status
782             var createStatus = function(data, type, row, meta) {
783                 if (row.status_alias) {
784                     return row.status_alias.lib
785                         ? row.status_alias.lib
786                         : row.status_alias.authorised_value;
787                 } else {
788                     var origData = meta.settings.oInit.originalData;
789                     if (origData.length > 0) {
790                         var status_name = meta.settings.oInit.originalData[0].capabilities[
791                             row.status
792                         ].name;
793                         return getStatusName(status_name, row);
794                     } else {
795                         return '';
796                     }
797                 }
798             };
800             var getStatusName = function(origName, row) {
801                 switch( origName ) {
802                     case "New request":
803                         return _("New request");
804                     case "Requested":
805                         return _("Requested");
806                     case "Requested from partners":
807                         var statStr = _("Requested from partners");
808                         if (
809                             row.hasOwnProperty('requested_partners') &&
810                             row.requested_partners &&
811                             row.requested_partners.length > 0
812                         ) {
813                             statStr += ' (' + row.requested_partners + ')';
814                         }
815                         return statStr;
816                     case "Request reverted":
817                         return _("Request reverted");
818                     case "Queued request":
819                         return _("Queued request");
820                     case "Cancellation requested":
821                         return _("Cancellation requested");
822                     case "Completed":
823                         return _("Completed");
824                     case "Delete request":
825                         return _("Delete request");
826                     default:
827                         return origName;
828                 }
829             };
831             // Render function for creating a row's action link
832             var createActionLink = function(data, type, row) {
833                 return '<a class="btn btn-default btn-sm" ' +
834                     'href="/cgi-bin/koha/ill/ill-requests.pl?' +
835                     'method=illview&amp;illrequest_id=' +
836                     row.illrequest_id +
837                     '">' + _("Manage request") + '</a>';
838             };
840             // Columns that require special treatment
841             var specialCols = {
842                 action: {
843                     func: createActionLink,
844                     skipSanitize: true
845                 },
846                 illrequest_id: {
847                     func: createRequestId
848                 },
849                 status: {
850                     func: createStatus
851                 },
852                 biblio_id: {
853                     name: _("Bibliograpic record ID"),
854                     func: createBiblioLink,
855                     skipSanitize: true
856                 },
857                 metadata_title: {
858                     func: createTitle
859                 },
860                 metadata_Type: {
861                     func: createType
862                 },
863                 updated: {
864                     name: _("Updated on"),
865                 },
866                 patron: {
867                     skipSanitize: true,
868                     func: createPatronLink
869                 }
870             };
872             // Display the modal containing request supplier metadata
873             $('#ill-request-display-log').on('click', function(e) {
874                 e.preventDefault();
875                 $('#requestLog').modal({show:true});
876             });
878             // Toggle request attributes in Illview
879             $('#toggle_requestattributes').on('click', function(e) {
880                 e.preventDefault();
881                 $('#requestattributes').toggleClass('content_hidden');
882             });
884             // Toggle new comment form in Illview
885             $('#toggle_addcomment').on('click', function(e) {
886                 e.preventDefault();
887                 $('#addcomment').toggleClass('content_hidden');
888             });
890             // Filter partner list
891             $('#partner_filter').keyup(function() {
892                 var needle = $('#partner_filter').val();
893                 $('#partners > option').each(function() {
894                     var regex = new RegExp(needle, 'i');
895                     if (
896                         needle.length == 0 ||
897                         $(this).is(':selected') ||
898                         $(this).text().match(regex)
899                     ) {
900                         $(this).show();
901                     } else {
902                         $(this).hide();
903                     }
904                 });
905             });
907             // Display the modal containing request supplier metadata
908             $('#ill-request-display-metadata').on('click', function(e) {
909                 e.preventDefault();
910                 $('#dataPreview').modal({show:true});
911             });
913             // Allow us to chain Datatable render helpers together, so we
914             // can use our custom functions and render.text(), which
915             // provides us with data sanitization
916             $.fn.dataTable.render.multi = function(renderArray) {
917                 return function(d, type, row, meta) {
918                     for(var r = 0; r < renderArray.length; r++) {
919                         var toCall = renderArray[r].hasOwnProperty('display') ?
920                             renderArray[r].display :
921                             renderArray[r];
922                         d = toCall(d, type, row, meta);
923                     }
924                     return d;
925                 }
926             }
928             // Get our data from the API and process it prior to passing
929             // it to datatables
930             var ajax = $.ajax(
931                 '/api/v1/illrequests?embed=metadata,patron,capabilities,library,status_alias,comments,requested_partners'
932                 ).done(function() {
933                     var data = JSON.parse(ajax.responseText);
934                     // Make a copy, we'll be removing columns next and need
935                     // to be able to refer to data that has been removed
936                     var dataCopy = $.extend(true, [], data);
937                     // Expand columns that need it and create an array
938                     // of all column names
939                     $.each(dataCopy, function(k, row) {
940                         expandExpand(row);
941                     });
943                     // Assemble an array of column definitions for passing
944                     // to datatables
945                     var colData = [];
946                     columns_settings.forEach(function(thisCol) {
947                         var colName = thisCol.columnname;
948                         // Create the base column object
949                         var colObj = $.extend({}, thisCol);
950                         colObj.name = colName;
951                         colObj.className = colName;
952                         colObj.defaultContent = '';
954                         // We may need to process the data going in this
955                         // column, so do it if necessary
956                         if (
957                             specialCols.hasOwnProperty(colName) &&
958                             specialCols[colName].hasOwnProperty('func')
959                         ) {
960                             var renderArray = [
961                                 specialCols[colName].func
962                             ];
963                             if (!specialCols[colName].skipSanitize) {
964                                 renderArray.push(
965                                     $.fn.dataTable.render.text()
966                                 );
967                             }
969                             colObj.render = $.fn.dataTable.render.multi(
970                                 renderArray
971                             );
972                         } else {
973                             colObj.data = colName;
974                             colObj.render = $.fn.dataTable.render.text()
975                         }
976                         // Make sure properties that aren't present in the API
977                         // response are populated with null to avoid Datatables
978                         // choking on their absence
979                         dataCopy.forEach(function(thisData) {
980                             if (!thisData.hasOwnProperty(colName)) {
981                                 thisData[colName] = null;
982                             }
983                         });
984                         colData.push(colObj);
985                     });
987                     // Initialise the datatable
988                     table = KohaTable("ill-requests", {
989                         'aoColumnDefs': [
990                             { // Last column shouldn't be sortable or searchable
991                                 'aTargets': [ 'actions' ],
992                                 'bSortable': false,
993                                 'bSearchable': false
994                             },
995                             { // When sorting 'placed', we want to use the
996                               // unformatted column
997                               'aTargets': [ 'placed_formatted'],
998                               'iDataSort': 14
999                             },
1000                             { // When sorting 'updated', we want to use the
1001                               // unformatted column
1002                               'aTargets': [ 'updated_formatted'],
1003                               'iDataSort': 16
1004                             },
1005                             { // When sorting 'completed', we want to use the
1006                               // unformatted column
1007                               'aTargets': [ 'completed_formatted'],
1008                               'iDataSort': 19
1009                             }
1010                         ],
1011                         'aaSorting': [[ 16, 'desc' ]], // Default sort, updated descending
1012                         'processing': true, // Display a message when manipulating
1013                         'sPaginationType': "full_numbers", // Pagination display
1014                         'deferRender': true, // Improve performance on big datasets
1015                         'data': dataCopy,
1016                         'columns': colData,
1017                         'originalData': data, // Enable render functions to access
1018                                               // our original data
1019                         'initComplete': function() {
1021                             // Prepare any filter elements that need it
1022                             for (var el in filterable) {
1023                                 if (filterable.hasOwnProperty(el)) {
1024                                     if (filterable[el].hasOwnProperty('prep')) {
1025                                         filterable[el].prep(dataCopy, data);
1026                                     }
1027                                     if (filterable[el].hasOwnProperty('listener')) {
1028                                         filterable[el].listener();
1029                                     }
1030                                 }
1031                             }
1033                         }
1034                     }, columns_settings);
1036                     // Custom date range filtering
1037                     $.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {
1038                         var placedStart = $('#illfilter_dateplaced_start').datepicker('getDate');
1039                         var placedEnd = $('#illfilter_dateplaced_end').datepicker('getDate');
1040                         var modifiedStart = $('#illfilter_datemodified_start').datepicker('getDate');
1041                         var modifiedEnd = $('#illfilter_datemodified_end').datepicker('getDate');
1042                         var rowPlaced = data[14] ? new Date(data[14]) : null;
1043                         var rowModified = data[16] ? new Date(data[16]) : null;
1044                         var placedPassed = true;
1045                         var modifiedPassed = true;
1046                         if (placedStart && rowPlaced && rowPlaced < placedStart) {
1047                             placedPassed = false
1048                         };
1049                         if (placedEnd && rowPlaced && rowPlaced > placedEnd) {
1050                             placedPassed = false;
1051                         }
1052                         if (modifiedStart && rowModified && rowModified < modifiedStart) {
1053                             modifiedPassed = false
1054                         };
1055                         if (modifiedEnd && rowModified && rowModified > modifiedEnd) {
1056                             modifiedPassed = false;
1057                         }
1059                         return placedPassed && modifiedPassed;
1061                     });
1063                 }
1064             );
1066             var clearSearch = function() {
1067                 table.api().search('').columns().search('');
1068                 activeFilters = {};
1069                 for (var filter in filterable) {
1070                     if (
1071                         filterable.hasOwnProperty(filter) &&
1072                         filterable[filter].hasOwnProperty('clear')
1073                     ) {
1074                         filterable[filter].clear();
1075                     }
1076                 }
1077                 table.api().draw();
1078             };
1080             // Apply any search filters, or clear any previous
1081             // ones
1082             $('#illfilter_form').submit(function(event) {
1083                 event.preventDefault();
1084                 table.api().search('').columns().search('');
1085                 for (var active in activeFilters) {
1086                     if (activeFilters.hasOwnProperty(active)) {
1087                         activeFilters[active]();
1088                     }
1089                 }
1090                 table.api().draw();
1091             });
1093             // Clear all filters
1094             $('#clear_search').click(function() {
1095                 clearSearch();
1096             });
1098         });
1099     </script>
1100 [% END %]
1102 [% INCLUDE 'intranet-bottom.inc' %]