koha-tmpl/opac-tmpl/bootstrap/js/overdrive.js

   1 if ( typeof KOHA == "undefined" || !KOHA ) {
   2     var KOHA = {};
   3 }
   4
   5 KOHA.OverDrive = ( function() {
   6     var proxy_base_url = '/cgi-bin/koha/svc/overdrive_proxy';
   7     var library_base_url = 'http://api.overdrive.com/v1/libraries/';
   8     return {
   9         Get: function( url, params, callback ) {
  10             $.ajax( {
  11                 type: 'GET',
  12                 url: url.replace( /https?:\/\/api.overdrive.com\/v1/, proxy_base_url ),
  13                 dataType: 'json',
  14                 data: params,
  15                 error: function( xhr, error ) {
  16                     try {
  17                         callback( JSON.parse( xhr.responseText ));
  18                     } catch ( e ) {
  19                         callback( {error: xhr.responseText || true} );
  20                     }
  21                 },
  22                 success: callback
  23             } );
  24         },
  25         GetCollectionURL: function( library_id, callback ) {
  26             if ( KOHA.OverDrive.collection_url ) {
  27                 callback( KOHA.OverDrive.collection_url );
  28                 return;
  29             }
  30
  31             KOHA.OverDrive.Get(
  32                 library_base_url + library_id,
  33                 {},
  34                 function ( data ) {
  35                     if ( data.error ) {
  36                         callback( data );
  37                         return;
  38                     }
  39
  40                     KOHA.OverDrive.collection_url = data.links.products.href;
  41
  42                     callback( data.links.products.href );
  43                 }
  44             );
  45         },
  46         Search: function( library_id, q, limit, offset, callback ) {
  47             KOHA.OverDrive.GetCollectionURL( library_id, function( data ) {
  48                 if ( data.error ) {
  49                     callback( data );
  50                     return;
  51                 }
  52
  53                 KOHA.OverDrive.Get(
  54                     data,
  55                     {q: q, limit: limit, offset: offset},
  56                     callback
  57                 );
  58             } );
  59         }
  60     };
  61 } )();
  62
  63 KOHA.OverDriveCirculation = new function() {
  64     var svc_url = '/cgi-bin/koha/svc/overdrive';
  65
  66     var error_div = $('<div class="overdrive-error">');
  67     function display_error ( error ) {
  68         error_div.text(error);
  69     }
  70
  71     var login_link = $('<a href="#">')
  72         .click(function(e) {
  73             e.preventDefault();
  74             if( OD_password_required ) { $("#overdrive-login").modal('show'); }
  75             else { login(""); }
  76         })
  77         .text(_("Login to OverDrive account"));
  78
  79     var login_div = $('<div class="overdrive-login">').append(login_link);
  80
  81     var details = null;
  82
  83     function is_logged_in() {
  84         return details ? details.is_logged_in : false;
  85     }
  86
  87     var checkout_popup = null;
  88     $( document ).ready(function() {
  89         checkout_popup = $("#overdrive-checkout");
  90         $("#overdrive-login-form").submit(function(e){
  91             e.preventDefault();
  92             $("#overdrive-login").modal('hide');
  93             var ODpassword = $("input[name='ODpassword']").val();
  94             login( ODpassword );
  95         });
  96     });
  97
  98     $( document ).ready(function() {
  99         var p = window.opener;
 100         if (p) {
 101             try { cb = p.refresh_overdrive_account_details;}
 102             catch(err){ return; } //Catch error if opener is not accessible
 103             if (cb) {
 104                 cb();
 105             } else {
 106                 p.location.reload();
 107             }
 108             window.close();
 109         }
 110     });
 111
 112     function display_account (container, data) {
 113         if (!data.is_logged_in) {
 114             $(container).append(login_div);
 115             return;
 116         }
 117
 118         var overdrive_link = $('<a href="https://www.overdrive.com/account/" target="overdrive-account" class="overdrive-link" style="float:right">')
 119             .text("OverDrive Account Page");
 120         $(container).append(overdrive_link);
 121
 122         var logout_link = $('<a href="#logout" class="overdrive-logout" style="float:left">')
 123             .click(function(e) {
 124                 e.preventDefault();
 125                 $(container).empty().append(error_div);
 126                 logout(function(data) {
 127                     display_account(container, data);
 128                 });
 129             }).text(_("Logout from OverDrive account"));
 130         $(container).append(logout_link);
 131         $(container).append('<br style="clear:both;"/>');
 132
 133         if (data.checkouts) {
 134             var checkouts_div = $('<div class="overdrive-div">').html('<h3>' + _("Checkouts") + '</h3>');
 135             var checkouts_list = $('<ul class="overdrive-list">');
 136             data.checkouts.items.forEach(function(item) {
 137                 item_line(checkouts_list, item);
 138             });
 139             checkouts_div.append(checkouts_list);
 140             $(container).append(checkouts_div);
 141         }
 142
 143         if (data.holds) {
 144             var holds_div = $('<div class="overdrive-div">').html('<h3>' + _("Holds") + '</h3>');
 145             var holds_list = $('<ul class="overdrive-list">');
 146             data.holds.items.forEach(function(item) {
 147                 item_line(holds_list, item);
 148             });
 149             holds_div.append(holds_list);
 150             $(container).append(holds_div);
 151         }
 152     }
 153
 154     function item_line(ul_el, item) {
 155         var line = $('<li class="overdrive-item">');
 156         if (item.images) {
 157             var thumb_url = item.images.thumbnail;
 158             if (thumb_url) {
 159                 $('<img class="overdrive-item-thumbnail">')
 160                     .attr("src", thumb_url)
 161                     .appendTo(line);
 162             }
 163         }
 164         $('<div class="overdrive-item-title">')
 165             .text(item.title)
 166             .appendTo(line);
 167         $('<div class="overdrive-item-subtitle">')
 168             .html(item.subtitle)
 169             .appendTo(line);
 170         $('<div class="overdrive-item-author">')
 171             .text(item.author)
 172             .appendTo(line);
 173         var actions = $('<span class="actions">');
 174         display_actions(actions, item.id);
 175         $('<div id="action_'+item.id+'" class="actions-menu">')
 176             .append(actions)
 177             .appendTo(line);
 178
 179         $(ul_el).append(line);
 180     }
 181
 182     function svc_ajax ( method, params, success_callback ) {
 183         return $.ajax({
 184             method: method,
 185             dataType: "json",
 186             url: svc_url,
 187             data: params,
 188             success: function (data) {
 189                 if (data.error) {
 190                     display_error(data.error);
 191                 }
 192                 success_callback(data);
 193             },
 194             error: function(jqXHR, textStatus, errorThrown) {
 195                 display_error(errorThrown);
 196             }
 197         });
 198     }
 199
 200     function load_account_details ( callback ) {
 201         svc_ajax('get', { action: "account" }, function(data) {
 202             details = data;
 203             callback(data);
 204         });
 205     }
 206
 207     function login(p) {
 208         svc_ajax('get', { action: "login", password: p }, function(data) {
 209             details = null;
 210             if( data.login_success ){
 211                 $(login_div).detach();
 212                 if( $("#overdrive-results-page").length > 0 ){
 213                     location.reload();
 214                 } else {
 215                 KOHA.OverDriveCirculation.display_account_details( $("#opac-user-overdrive") );
 216                 }
 217             }
 218         });
 219     }
 220
 221     function logout (callback) {
 222         svc_ajax('post', { action: "logout" }, function(data) {
 223             details = null;
 224             callback(data);
 225         });
 226     }
 227
 228     function item_action (params, el, copies_available) {
 229         var id = params.id;
 230         svc_ajax('post', params, function(data) {
 231             if (data.checkouts) {
 232                 details.checkouts = data.checkouts;
 233             }
 234             if (data.holds) {
 235                 details.holds = data.holds;
 236             }
 237             display_actions(el, id, copies_available);
 238         });
 239     }
 240
 241     function item_is_checked_out (id) {
 242         if ( !(details && details.checkouts) ) {
 243             return null;
 244         }
 245         var id_uc = id.toUpperCase();
 246         var items = details.checkouts.items;
 247         for (var i = 0; i < items.length; i++) {
 248             if ( items[i].id.toUpperCase() == id_uc ) {
 249                 return items[i];
 250             }
 251         }
 252         return null;
 253     }
 254
 255     function item_is_on_hold (id) {
 256         if ( !(details && details.holds) ) {
 257             return false;
 258         }
 259         var id_uc = id.toUpperCase();
 260         var items = details.holds.items;
 261         for (var i = 0; i < items.length; i++) {
 262             if ( items[i].id.toUpperCase() == id_uc ) {
 263                 return items[i];
 264             }
 265         }
 266         return null;
 267     }
 268
 269     function display_actions(el, id, copies_available) {
 270         $(el).empty();
 271         if (is_logged_in()) {
 272
 273             var item = item_is_checked_out(id);
 274             if (item) {
 275                 var expires = new Date(item.expires);
 276                 $('<span class="overdrive-item-status">')
 277                     .text(_("Checked out until") + " " + expires.toLocaleString())
 278                     .appendTo(el);
 279                 $(el).append(" ");
 280
 281                 if (item.format) {
 282                     var download = $('<a href="#">').appendTo(el);
 283                     decorate_button(download, _("Download") + " " + item.format);
 284                     svc_ajax('get', {action: "download-url", id: id, format: item.format}, function(data) {
 285                         download.attr("href", data.action);
 286                     });
 287                     $(el).append(" ");
 288                 }
 289
 290                 if (item.formats) {
 291                     var lockable_formats = [];
 292                     for (var f in item.formats) {
 293                         if (f == item.format) continue;
 294
 295                         if (item.formats[f]) {
 296                             var access = $('<a target="_blank">').appendTo(el);
 297                             decorate_button(access, _("Access online") + " " + f);
 298                             svc_ajax('get', {action: "download-url", id: id, format: f}, function(data) {
 299                                 access.attr("href", data.action);
 300                             });
 301                             $(el).append(" ");
 302                         }
 303                         else {
 304                             lockable_formats.push(f);
 305                         }
 306                     }
 307                     if (lockable_formats.length > 0 && checkout_popup) {
 308                         $(el).append( ajax_button(_("Download as"), function() {
 309                             checkout_format(el, id, lockable_formats, copies_available);
 310                         }) ).append(" ");
 311                     }
 312                 }
 313
 314                 if (item.format) return item;
 315
 316                 $(el).append( ajax_button(_("Check in"), function() {
 317                     if( confirm(_("Are you sure you want to return this item?")) ) {
 318                         item_action({action: "return", id: id}, el, copies_available + 1);
 319                     }
 320                 }) );
 321
 322                 return item;
 323             }
 324
 325             item = item_is_on_hold(id);
 326             if (item) {
 327                 $('<span class="overdrive-status">')
 328                     .text(_("On hold"))
 329                     .appendTo(el);
 330                 $(el).append(" ");
 331             }
 332
 333             if(copies_available && checkout_popup) {
 334                 $(el).append( ajax_button(_("Check out"), function() {
 335                     if( confirm(_("Are you sure you want to checkout this item?")) ) {
 336                         svc_ajax('post', {action: "checkout", id: id}, function(data) {
 337                             if (data.checkouts) {
 338                                 details.checkouts = data.checkouts;
 339                             }
 340                             if (data.holds) {
 341                                 details.holds = data.holds;
 342                             }
 343                             item = display_actions(el, id, copies_available - 1);
 344                             if (item && item.formats && !item.format) {
 345                                 var has_available_formats = false;
 346                                 var lockable_formats = [];
 347                                 for (var f in item.formats) {
 348                                     if (item.formats[f]) {
 349                                         has_available_formats = true;
 350                                         break;
 351                                     }
 352                                     lockable_formats.push(f);
 353                                 }
 354
 355                                 if (!has_available_formats) {
 356                                     checkout_format(el, id, lockable_formats, copies_available - 1);
 357                                 }
 358                             }
 359                         });
 360                     }
 361                 }) );
 362             }
 363             else if (!item) {
 364                 $(el).append( ajax_button(_("Place hold"), function() {
 365                     item_action({action: "place-hold", id: id}, el, copies_available);
 366                 }) );
 367             }
 368
 369             if (item) {
 370                 $(el).append( ajax_button(_("Cancel"), function() {
 371                     if( confirm(_("Are you sure you want to cancel this hold?")) ) {
 372                         item_action({action: "remove-hold", id: id}, el, copies_available);
 373                     }
 374                 }) );
 375             }
 376             return item;
 377         }
 378     }
 379
 380     function ajax_button(label, on_click) {
 381         var button = $('<a href="#">')
 382             .click(function(e) {
 383                 e.preventDefault();
 384                 on_click();
 385             });
 386         decorate_button(button, label);
 387         return button;
 388     }
 389
 390     function decorate_button(button, label) {
 391         $(button)
 392             .addClass("btn btn-primary btn-mini")
 393             .css("color","white")
 394             .text(label);
 395     }
 396
 397     function checkout_format(el, id, formats, copies_available) {
 398         if (formats.length == 0) {
 399             alert(_("Item cannot be checked out - no available formats"));
 400             return false;
 401         }
 402
 403         var checkout_format_list = checkout_popup.find("ul.overdrive-format-list").empty();
 404         formats.forEach(function (item) {
 405             var li = $('<li>').appendTo(checkout_format_list);
 406             $('<input name="checkout-format" type="radio">')
 407                 .val(item)
 408                 .appendTo(li);
 409             li.append(item);
 410         });
 411         checkout_popup.modal("show");
 412         checkout_popup.find(".overdrive-checkout-submit").click(function(e) {
 413             e.preventDefault();
 414             var format = checkout_format_list.find("input[type='radio'][name='checkout-format']:checked").val();
 415             item_action({action: "checkout-format", id: id, format: format}, el, copies_available);
 416             $(this).unbind( e );
 417             checkout_popup.modal("hide");
 418         });
 419     }
 420
 421     this.with_account_details = function( el, callback ) {
 422         $(el).append(error_div);
 423         load_account_details(function(data) {
 424             if (!data.is_logged_in) {
 425                 $(el).append(login_div);
 426             }
 427             callback(data);
 428         });
 429     }
 430
 431     this.display_account_details = function( el ) {
 432         window.refresh_overdrive_account_details = function () {
 433             KOHA.OverDriveCirculation.display_account_details( el );
 434         }
 435         $(el).empty().append(error_div);
 436         load_account_details(function(data) {
 437             display_account(el, data);
 438         });
 439     };
 440
 441     this.display_error = function( el, error ) {
 442         $(el).empty().append(error_div);
 443         display_error(error);
 444     };
 445
 446     this.is_logged_in = is_logged_in;
 447
 448     this.add_actions = function(el, id, copies_available) {
 449         var actions = $('<span class="actions">');
 450         display_actions(actions, id, copies_available);
 451         $('<div id="action_'+id+'" class="actions-menu">')
 452             .append(actions)
 453             .appendTo(el);
 454     };
 455 }