Open-ILS/src/templates/opac/parts/ac_google_books.tt2

   1 <script>
   2 ;(function () {
   3   var GBisbns = [];
   4   var GBPBadgelink;
   5   var GBPreviewLink = '';
   6   var GBPreviewShowing = false;
   7   var lang = '[% ctx.locale.substr(0,2) %]';
   8   var head = document.getElementsByTagName('head')[0];
   9
  10 /**
  11  * This function is the call-back function for the JSON scripts which
  12  * executes a Google book search response.
  13  *
  14  * @param {JSON} GBPBookInfo is the JSON object pulled from the Google books service.
  15  */
  16   function GBPreviewCallback (GBPBookInfo) {
  17     if (GBPBookInfo.totalItems < 1) {
  18       return;
  19     }
  20
  21     var accessInfo = GBPBookInfo.items[0].accessInfo;
  22     if (!accessInfo) {
  23       return;
  24     }
  25
  26     if (accessInfo.embeddable) {
  27       GBPreviewLink = GBPBookInfo.items[0].volumeInfo.previewLink;
  28       if (!GBPreviewLink) {
  29         return;
  30       }
  31       if (document.location.protocol === 'https:') {
  32         GBPreviewLink = GBPreviewLink.replace(/^http:/, 'https:');
  33       }
  34       var gbsrc = '//www.google.com/books/jsapi.js';
  35       if (!head.querySelector('script[src="' + gbsrc + '"]')) {
  36         var GBjsapi = document.createElement('script');
  37         GBjsapi.src = gbsrc;
  38         head.appendChild(GBjsapi);
  39       }
  40     /* Add a button below the book cover image to load the preview. */
  41       var GBPBadge = document.createElement('img');
  42       GBPBadge.id = 'gbpbadge';
  43       GBPBadge.src = 'https://www.google.com/intl/' + lang + '/googlebooks/images/gbs_preview_button1.gif';
  44       GBPBadge.title = document.getElementById('rdetail_title').innerHTML;
  45       GBPBadge.style.border = 0;
  46       GBPBadge.style.margin = '0.5em 0 0 0';
  47       GBPBadgelink = document.createElement('a');
  48       GBPBadgelink.id = 'gbpbadge_link';
  49       GBPBadgelink.addEventListener('click', GBDisplayPreview);
  50       GBPBadgelink.appendChild(GBPBadge);
  51       document.getElementById('rdetail_title_div').appendChild(GBPBadgelink);
  52       document.getElementById('gbp_extra').style.display = 'block';
  53     }
  54   }
  55
  56   function GBPViewerLoadCallback () {
  57     var GBPViewer = new google.books.DefaultViewer(document.getElementById('rdetail_preview_div'));
  58     GBPViewer.load(GBPreviewLink);
  59     GBPViewer.resize();
  60     GBPBadgelink = document.getElementById('gbpbadge_link');
  61     GBPBadgelink.removeEventListener('click', GBDisplayPreview);
  62     GBPBadgelink.addEventListener('click', GBShowHidePreview);
  63   }
  64
  65 /**
  66  *  This is called when the user clicks on the 'Preview' link.  We assume
  67  *  a preview is available from Google if this link was made visible.
  68  */
  69   function GBDisplayPreview () {
  70     var GBPreviewPane = document.getElementById('rdetail_preview_div');
  71     if (GBPreviewPane === null || typeof GBPreviewPane.loaded === 'undefined' || GBPreviewPane.loaded === 'false') {
  72       GBPreviewPane = document.createElement('div');
  73       GBPreviewPane.id = 'rdetail_preview_div';
  74       GBPreviewPane.style.height = document.documentElement.clientHeight + 'px';
  75       GBPreviewPane.style.width = document.documentElement.clientWidth + 'px';
  76       GBPreviewPane.style.display = 'block';
  77       var GBClear = document.createElement('div');
  78       GBClear.style.padding = '1em';
  79       document.getElementById('gbp_extra_container').appendChild(GBPreviewPane);
  80       document.getElementById('gbp_extra_container').appendChild(GBClear);
  81       google.books.load({'language': lang});
  82       window.setTimeout(GBPViewerLoadCallback, 750);
  83       var extras = document.getElementById('gbp_extra_links').getElementsByTagName('a');
  84       for (var i = 0; i < extras.length; i++) {
  85         extras[i].addEventListener('click', GBShowHidePreview);
  86       }
  87       GBPreviewPane.loaded = 'true';
  88     }
  89     GBShowHidePreview();
  90     document.location.hash = '#gbp_extra';
  91   }
  92
  93   function GBShowHidePreview () {
  94     if (!GBPreviewShowing) {
  95       document.getElementById('gbp_extra_container').style.display = 'inherit';
  96       document.getElementById('gbp_arrow_link').style.display = 'none';
  97       document.getElementById('gbp_arrow_down_link').style.display = 'inline';
  98       GBPreviewShowing = true;
  99       document.location.hash = '#gbp_extra';
 100     } else { // button can open, but shouldn't close
 101       document.getElementById('gbp_extra_container').style.display = 'none';
 102       document.getElementById('gbp_arrow_link').style.display = 'inline';
 103       document.getElementById('gbp_arrow_down_link').style.display = 'none';
 104       GBPreviewShowing = false;
 105       document.location.hash = 'rdetail_title';
 106     }
 107   }
 108
 109   function GBLoader () {
 110     var spans = document.body.querySelectorAll('li.rdetail_isbns span.rdetail_value');
 111     for (var i = 0; i < spans.length; i++) {
 112       var prop = spans[i].getAttribute('property');
 113       if (!prop) {
 114         continue;
 115       }
 116       var isbn = spans[i].textContent || spans[i].innerText
 117       if (!isbn) {
 118         continue;
 119       }
 120       isbn = isbn.toString().replace(/^\s+/, '');
 121       var idx = isbn.indexOf(' ');
 122       if (idx > -1) {
 123         isbn = isbn.substring(0, idx);
 124       }
 125       isbn = isbn.toString().replace(/-/g, '');
 126       if (!isbn) {
 127         continue;
 128       }
 129       GBisbns.push(isbn);
 130     }
 131
 132     if (GBisbns.length) {
 133       var req = new window.XMLHttpRequest();
 134       var qisbn = encodeURIComponent('isbn:' + GBisbns[0]);
 135       req.open('GET', 'https://www.googleapis.com/books/v1/volumes?q=' + qisbn + '&prettyPrint=false');
 136       if (req.responseType && (req.responseType = 'json')) {
 137         req.onload = function (evt) {
 138           var result = req.response;
 139           if (result) {
 140             GBPreviewCallback(result);
 141           }
 142         }
 143       } else {
 144       // IE 10/11
 145         req.onload = function (evt) {
 146           var result = JSON.parse(req.responseText);
 147           if (result) {
 148             GBPreviewCallback(result);
 149           }
 150         }
 151       }
 152       req.send();
 153     }
 154   };
 155
 156   // Skips IE9
 157   if (window.addEventListener && !window.XDomainRequest) {
 158     window.addEventListener('load', GBLoader, false);
 159   }
 160 })()
 161 </script>