koha-tmpl/intranet-tmpl/prog/en/modules/ill/ill-requests.tt

   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 %]
   9
  10 [% INCLUDE 'doc-head-open.inc' %]
  11 <title>Koha &rsaquo; ILL requests</title>
  12 [% INCLUDE 'doc-head-close.inc' %]
  13 </head>
  14
  15 <body id="illrequests" class="ill">
  16 [% INCLUDE 'header.inc' %]
  17 [% INCLUDE 'cat-search.inc' %]
  18
  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>
  28
  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' %]
  84
  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 %]
  93
  94                 [% IF query_type == 'create' %]
  95                     <h1>New ILL request</h1>
  96                     [% PROCESS $whole.template %]
  97
  98                 [% ELSIF query_type == 'confirm' %]
  99                     <h1>Confirm ILL request</h1>
 100                     [% PROCESS $whole.template %]
 101
 102                 [% ELSIF query_type == 'cancel' and !whole.error %]
 103                     <h1>Cancel a confirmed request</h1>
 104                     [% PROCESS $whole.template %]
 105
 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>
 144
 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 -->
 173
 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>
 256
 257                 [% ELSIF query_type == 'delete_confirm' %]
 258
 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>
 269
 270                 [% ELSIF query_type == 'illview' %]
 271                     [% req_status = request.status %]
 272
 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 %]
 280
 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>
 347
 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>
 415
 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>
 439
 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>
 463
 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>
 504
 505                 [% ELSIF query_type == 'illlist' %]
 506                     <!-- illlist -->
 507                     <h1>View ILL requests</h1>
 508                     <div id="results">
 509                         <h3>Details for all requests</h3>
 510
 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 %]
 551
 552                 [% END %]
 553         [% END %]
 554             </div>
 555         </div>
 556     </div>
 557
 558 [% TRY %]
 559 [% PROCESS backend_jsinclude %]
 560 [% CATCH %]
 561 [% END %]
 562
 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() {
 570
 571             // Illview Datatable setup
 572
 573             var columns_settings = [% ColumnsSettings.GetColumns( 'illrequests', 'ill-requests', 'ill-requests', 'json' ) %];
 574
 575             var table;
 576
 577             // Filters that are active
 578             var activeFilters = {};
 579
 580             // Fields we need to expand (flatten)
 581             var expand = [
 582                 'metadata',
 583                 'patron',
 584                 'library'
 585             ];
 586
 587             // Expanded fields
 588             // This is auto populated
 589             var expanded = {};
 590
 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             };
 696
 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             };
 723
 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             };
 732
 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             };
 745
 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             };
 755
 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             };
 763
 764             // Render function for request ID
 765             var createRequestId = function(data, type, row) {
 766                 return row.id_prefix + row.illrequest_id;
 767             };
 768
 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             };
 780
 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             };
 799
 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             };
 830
 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             };
 839
 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             };
 871
 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             });
 877
 878             // Toggle request attributes in Illview
 879             $('#toggle_requestattributes').on('click', function(e) {
 880                 e.preventDefault();
 881                 $('#requestattributes').toggleClass('content_hidden');
 882             });
 883
 884             // Toggle new comment form in Illview
 885             $('#toggle_addcomment').on('click', function(e) {
 886                 e.preventDefault();
 887                 $('#addcomment').toggleClass('content_hidden');
 888             });
 889
 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             });
 906
 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             });
 912
 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             }
 927
 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                     });
 942
 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 = '';
 953
 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                             }
 968
 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                     });
 986
 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() {
1020
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                             }
1032
1033                         }
1034                     }, columns_settings);
1035
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                         }
1058
1059                         return placedPassed && modifiedPassed;
1060
1061                     });
1062
1063                 }
1064             );
1065
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             };
1079
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             });
1092
1093             // Clear all filters
1094             $('#clear_search').click(function() {
1095                 clearSearch();
1096             });
1097
1098         });
1099     </script>
1100 [% END %]
1101
1102 [% INCLUDE 'intranet-bottom.inc' %]