From e17b38aa35c2d604fd0a88aab21c4a12a539a9d8 Mon Sep 17 00:00:00 2001
From: Dan Scott <dscott@laurentian.ca>
Date: Mon, 22 May 2017 23:26:28 -0400
Subject: [PATCH] Generate Wikidata cards for multiple performers and ensembles

Uses real-time Wikipedia description lookups, in English-only, to
provide the first sentence of the Wikipedia description of the
performer, as well as a link to the related Wikipedia page via the WP
icon.

Wikicards are built up from properties using a generic function; see the
Twitter, Facebook, and Musicbrainz properties for examples.

Signed-off-by: Dan Scott <dscott@laurentian.ca>
---
 Open-ILS/src/templates/opac/parts/js.tt2           |   5 +-
 .../web/js/ui/default/opac/wikidata_music_card.js  | 288 ++++++++++++++++++
 test_wikidata.html                                 | 331 +++++++++++++++++++++
 3 files changed, 623 insertions(+), 1 deletion(-)
 create mode 100644 Open-ILS/web/js/ui/default/opac/wikidata_music_card.js
 create mode 100644 test_wikidata.html

diff --git a/Open-ILS/src/templates/opac/parts/js.tt2 b/Open-ILS/src/templates/opac/parts/js.tt2
index 74a9bd49cf..679a488b0f 100644
--- a/Open-ILS/src/templates/opac/parts/js.tt2
+++ b/Open-ILS/src/templates/opac/parts/js.tt2
@@ -150,10 +150,13 @@ var aou_hash = {
 <script type="text/javascript">if ($('client_tz_id')) { $('client_tz_id').value = OpenSRF.tz }</script>
 [%- END; # want_dojo -%]
 
+[%- IF ctx.page == 'record' %]
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/wikidata_music_card.js"></script>
+[% END -%]
+
 [%- IF ctx.max_cart_size; %]
 <script type="text/javascript">var max_cart_size = [% ctx.max_cart_size %];</script>
 [%- END; %]
 
-
 <link rel="stylesheet" href="[% ctx.media_prefix %]/js/ui/default/common/build/js/glide/css/glide.core.min.css[% ctx.cache_key %]">
 <link rel="stylesheet" href="[% ctx.media_prefix %]/js/ui/default/common/build/js/glide/css/glide.theme.min.css[% ctx.cache_key %]">
diff --git a/Open-ILS/web/js/ui/default/opac/wikidata_music_card.js b/Open-ILS/web/js/ui/default/opac/wikidata_music_card.js
new file mode 100644
index 0000000000..2e4bb13afc
--- /dev/null
+++ b/Open-ILS/web/js/ui/default/opac/wikidata_music_card.js
@@ -0,0 +1,288 @@
+;(function () {
+  /**
+   * Display an infocard with data pulled from Wikidata
+   *
+   * Copyright 2017,2018 Dan Scott (dan@coffeecode.net), Laurentian University
+   *
+   * This program is free software: you can redistribute it and/or modify
+   * it under the terms of the GNU General Public License as published by the
+   * Free Software Foundation, either version 2 of the License, or (at your
+   * option) any later version.
+   *
+   * Based on the primary contributor's name, search Wikidata via SPARQL for
+   * musicians or bands using an exact string match of the label or alias,
+   * and retrieve the data of interest.
+   *
+   * Current limitations:
+   * * Only activated for musical recordings, to avoid ambiguous results
+   * * Hard-coded for English
+   *
+   * To use this in your catalogue, you will need to modify a few of the CSS
+   * queries to find the contributors, their names, and identify appropriate
+   * locations for inserting the clickable note icon and the infocard.
+   */
+
+  /* Path for the schema.org type declaration */
+  var type_path = 'div[typeof~="MusicAlbum"]';
+
+  /* List of elements describing contributors */
+  var contributors_path = 'span[resource^="#schemacontrib"]';
+
+  /* Path to find the name within each contributor element */
+  var contributor_name = 'span[property="name"]';
+
+  /* Within each contributor element, where we can append a Wikidata clickable icon */
+  var name_path = 'span[property="description"]';
+
+  /* Path for appending the requested infocards */
+  var infocard_location = '#rdetail_title+div';
+
+  var icon_node;
+  var note;
+  var img;
+  var wd;
+
+  /* Ensure this is a musical recording, based on http://schema.org/MusicAlbum */
+  if (document.querySelector(type_path)) {
+    var contributor_nodes = document.querySelectorAll(contributors_path);
+    for (var node of contributor_nodes) {
+      /* Insert clickable icon here */
+      icon_node = node.querySelector(name_path);
+      if (icon_node) {
+        img = document.createElement('img');
+        img.src = 'https://www.wikidata.org/static/favicon/wikidata.ico';
+        img.alt = 'Show data from Wikidata';
+        img.class = 'wikidata';
+        img.style.width = '1em';
+        img.style.paddingLeft = '0.5em';
+        img.style.verticalAlign = 'middle';
+        img.addEventListener('click', perform, { once: true });
+        node.insertBefore(img, icon_node.nextSibling);
+      }
+    }
+  }
+
+  function getContribName(node) {
+    var raw_name = node.querySelector(contributor_name).textContent.trim();
+    var lastchar = raw_name[raw_name.length - 1];
+    var entity_name = '';
+    if (lastchar === '.' || lastchar === ',') {
+      raw_name = raw_name.slice(0, -1);
+    }
+    /* Change "Silver, Liberty" to "Liberty Silver" for the lookup */
+    var inverse = raw_name.split(',');
+    for (x in inverse.reverse()) {
+      entity_name += inverse[x].trim() + " ";
+    }
+    return entity_name.trim();
+  }
+
+  function perform(e) {
+    var entity_name = getContribName(this.parentNode);
+    findPerformer(icon_node, entity_name);
+    e.preventDefault();
+    e.stopPropagation();
+  }
+
+  function findPerformer(icon_node, entity_name) {
+    var url = 'https://query.wikidata.org/sparql';
+    var query = 'SELECT DISTINCT ?item ?itemLabel ?itemDescription ?image ' +
+        '(GROUP_CONCAT(DISTINCT ?instrumentLabel;separator="; ") AS ?instruments) ' +
+        '?birthPlace ?birthPlaceLabel ' +
+        '?website ?musicbrainz ?songKick ?twitter ?facebook ?wplink ' +
+        'WHERE { ' +
+        '?item rdfs:label|skos:altLabel|wdt:P1449 "' + entity_name + '"@en . ' +
+        '{ ?item wdt:P31/wdt:P279* wd:Q215380 . } ' + // instance of = any subclass of band
+        'UNION ' +
+        '{ ?item wdt:P106/wdt:P279* wd:Q639669 . } ' + // occupation = any subclass of musician
+        'UNION ' +
+        '{ ?item wdt:P31/wdt:P279* wd:Q2088357 . } ' + // instance of = any subclass of musical ensemble
+        'OPTIONAL { ?item wdt:P3478 ?songKick } . ' +
+        'OPTIONAL { ?item wdt:P19 ?birthPlace } . ' +
+        'OPTIONAL { ?item wdt:P1303 ?instrument } . ' +
+        'OPTIONAL { ?item wdt:P856 ?website } . ' +
+        'OPTIONAL { ?item wdt:P434 ?musicbrainz } . ' +
+        'OPTIONAL { ?item wdt:P2002 ?twitter } . ' +
+        'OPTIONAL { ?item wdt:P2013 ?facebook } . ' +
+        'OPTIONAL { ?item wdt:P18 ?image } . ' +
+        'OPTIONAL { ' +
+          '?wplink schema:about ?item . ' +
+          '?wplink schema:inLanguage "en" . ' +
+          '?wplink schema:isPartOf <https://en.wikipedia.org/> . ' +
+        '} ' +
+        'SERVICE wikibase:label { ' +
+        '  bd:serviceParam wikibase:language "en". ' +
+        '  ?instrument rdfs:label ?instrumentLabel. ' +
+        '  ?item rdfs:label ?itemLabel. ' +
+        '  ?item schema:description ?itemDescription. ' +
+        '  ?birthPlace rdfs:label ?birthPlaceLabel ' +
+        '} ' +
+    '} ' +
+    'GROUP BY ?item ?itemLabel ?itemDescription ?image ?birthPlace ?birthPlaceLabel ?website ?musicbrainz ?songKick ?twitter ?facebook ?wplink'
+    'LIMIT 10';
+    var q = '?query=' + encodeURIComponent(query);
+
+    var req = new window.XMLHttpRequest();
+    req.open('GET', url + q);
+    req.setRequestHeader('Accept', 'application/sparql-results+json');
+    if (req.responseType && (req.responseType = 'json')) {
+      req.onload = function (evt) {
+        var r = req.response.results.bindings[0];
+        if (r !== undefined) {
+          generateCard(icon_node, r);
+          // console.log(r);
+        }
+      }
+    } else {
+      // IE 10/11
+      req.onload = function (evt) {
+        var r = JSON.parse(req.responseText).results.bindings[0];
+        if (r !== undefined) {
+          generateCard(icon_node, r);
+          // console.log(r);
+        }
+      }
+    }
+    req.send();
+  }
+
+  function addWikipedia(musician, r) {
+    var wpapi = 'https://en.wikipedia.org/w/api.php?origin=*&format=json&action=query&prop=extracts&explaintext=true&exintro=true&titles=';
+    var wplink = r.wplink.value;
+    // Strip the WP title from the link
+    wptitle = wplink.substring(wplink.lastIndexOf('/') + 1);
+
+    var req = new window.XMLHttpRequest();
+    req.open('GET', wpapi + wptitle);
+    req.onload = function (evt) {
+      var r = JSON.parse(req.response);
+      var k = Object.getOwnPropertyNames(r.query.pages)[0];
+      var description = r.query.pages[k].extract;
+
+      // Just the first line will do
+      var linefeed = description.indexOf('\n');
+      var period = description.indexOf('. ');
+      if (linefeed > 0) {
+        description = description.substring(0, linefeed);
+      } else if (period > 0) {
+        description = description.substring(0, period + 1);
+      }
+      var wdd = document.createElement('div');
+      wdd.style['margin-top'] = '1em';
+      var wpa = document.createElement('a');
+      wpa.href = wplink;
+
+      // Link to Wikipedia via their icon
+      var img = document.createElement('img');
+      img.src = 'https://en.wikipedia.org/static/favicon/wikipedia.ico';
+      img.alt = 'View on Wikipedia';
+      img.class = 'wikidata';
+      img.style.width = '1em';
+      img.style.paddingLeft = '0.5em';
+
+      wpa.appendChild(img);
+      wdd.innerText = description;
+      wdd.appendChild(wpa);
+      musician.appendChild(wdd);
+    }
+    req.send();
+  }
+
+  function generateCard(icon_node, r) {
+    var auth_div = document.querySelector(infocard_location);
+    var musician = document.createElement('div');
+    var uri = r.item.value;
+    var wdid = uri.substr(uri.lastIndexOf('/') + 1);
+    musician.id = 'musician_' + wdid;
+    musician.style.padding = '0.5em 1em 1em 1em';
+    musician.style.border = 'thin blue solid';
+    musician.style.overflow = 'hidden';
+
+    addWDValue('itemLabel', null, null, false);
+
+    if (r.hasOwnProperty('image')) {
+      var img = document.createElement('img');
+      img.src = r.image.value.replace('http:', 'https:');
+      img.style.float = 'left';
+      img.style.width = '150px';
+      img.style['margin-right'] = '1em';
+      musician.appendChild(img);
+    }
+
+    if (r.hasOwnProperty('itemDescription')) {
+      var description = r.itemDescription.value;
+      var wdd = document.createElement('div');
+      var wddl = document.createElement('label');
+      wddl.innerText = description;
+      wdd.appendChild(wddl);
+      musician.appendChild(wdd);
+    }
+
+    // Get the description from Wikipedia
+    if (r.hasOwnProperty('wplink')) {
+      addWikipedia(musician, r);
+    }
+
+    function addWDValue(property, propertyLabel, label, isLink, linkFormatter) {
+      var value = '';
+      if (r.hasOwnProperty(property) && r[property].value.trim()) {
+        value = r[property].value;
+        var valueDiv = document.createElement('div');
+        var labelText = value;
+        if (!propertyLabel && !label && !isLink) {
+          var strong = document.createElement('strong');
+          valueDiv.appendChild(strong);
+          strong.innerText = labelText;
+        }
+        if (propertyLabel) {
+          var valueLabel = document.createElement('label');
+          valueLabel.innerText = propertyLabel;
+          valueDiv.appendChild(valueLabel);
+        }
+        if (label) {
+          if (r.hasOwnProperty(label)) {
+          labelText = r[label].value;
+          } else {
+            labelText = label;
+          }
+        }
+        if (isLink) {
+          var valueLink = document.createElement('a');
+          if (linkFormatter) {
+            valueLink.href = linkFormatter(value);
+          } else {
+            valueLink.href = value;
+          }
+          valueLink.innerText = labelText;
+          valueDiv.appendChild(valueLink);
+        } else if (label !== null) {
+          var valueText = document.createElement('span');
+          valueText.innerText = labelText;
+          valueDiv.appendChild(valueText);
+        }
+        musician.appendChild(valueDiv);
+      }
+    }
+
+    addWDValue('instruments', 'Instruments: ', 'instruments', false);
+    addWDValue('birthPlace', 'Birth place: ', 'birthPlaceLabel', true);
+    addWDValue('website', 'Web site: ', null, true);
+    addWDValue('musicbrainz', null, 'Discography (Musicbrainz)', true, function(value) { return 'https://musicbrainz.org/artist/' + value });
+    addWDValue('songKick', null, 'Tour dates (Songkick)', true, function(value) { return 'http://www.songkick.com/artists/' + value });
+    addWDValue('twitter', 'Twitter: ', null, true, function(value) { return 'https://twitter.com/' + value });
+    addWDValue('facebook', 'Facebook: ', null, true, function(value) { return 'https://www.facebook.com/' + value });
+
+    var wd = document.createElement('div');
+    var wdl = document.createElement('label');
+    wdl.innerText = 'Edit on Wikidata: ';
+    var wdv = document.createElement('a');
+    wdv.href = uri;
+    wdv.innerText = wdid;
+    wd.appendChild(wdl);
+    wd.appendChild(wdv);
+    musician.appendChild(wd);
+
+    /* Append the Wikidata infocard to the page */
+    auth_div.appendChild(musician);
+  }
+})()
diff --git a/test_wikidata.html b/test_wikidata.html
new file mode 100644
index 0000000000..3383a22d58
--- /dev/null
+++ b/test_wikidata.html
@@ -0,0 +1,331 @@
+
+
+<!DOCTYPE html>
+<html lang='en-us'>
+    <head prefix="og: http://ogp.me/ns#">
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name = "viewport" content = "initial-scale = 1.0">
+        <title>               The 1985 Juno Awards collection - Laurentian University</title>
+        <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" />
+        <link type="application/opensearchdescription+xml" rel='search' title="Laurentian University OpenSearch" href="/opac/extras/opensearch/1.1/LUSYS/-/osd.xml" />
+        <link rel="canonical" href="https://laurentian.concat.ca/eg/opac/record/349295" />
+<meta property="og:url" content="https://laurentian.concat.ca/eg/opac/record/349295" />
+<meta property="og:type" content="http://schema.org/MusicAlbum" />
+<meta property="og:image" content="https://laurentian.concat.ca/opac/extras/ac/jacket/large/r/349295" />
+<meta property="og:title" content="The 1985 Juno Awards collection" />
+<meta property="og:site_name" content="Laurentian University" />
+        
+    </head>
+    <body class="tundra">
+        <h1 class="sr-only">Catalog</h1>
+        
+        
+<div id="header-wrap">
+<div id="header">
+    <div class="float-left">
+               <div id="topnav_logo"><a href="http://laurentian.ca" title="Laurentian University"><img alt="Laurentian University logo" 
+            src="https://laurentian.concat.ca/images/lul_logo_small.png" /></a></div>
+
+    </div>
+    <div class="float-right">
+        
+        <div id="your-acct-login">
+            <a href="/eg/opac/myopac/main" 
+                class="opac-button opac-button-header" id="home_myopac_link">
+                My Account
+            </a>
+        </div>
+        
+    </div>
+<form id="locale_picker_form" action="/eg/opac/record/349295" method="post">
+    <label for="locale_picker">Language:</label>    <select id="locale_picker" name="set_eg_locale">
+        <option value="en_us" selected="selected">English (US)</option>
+        <option value="fr_ca" >Français (Canada)</option>
+    </select>
+    <input type="submit" value="Change" />
+</form>
+
+    <div class="common-no-pad"></div>
+</div>
+</div>
+<div id="gold-links-holder">
+    <div id="gold-links">
+        <div id="header-links">
+            <a href="http://laurentian.ca/library">Library Home</a>
+            <a href="http://sfx.scholarsportal.info/laurentian/az">Electronic Journals (A-Z)</a>
+            <a href="http://biblio.laurentian.ca/research/guides">Databases</a>
+            <a href="http://biblio.laurentian.ca/research/guides/archives">Archives</a>
+            <a href="http://biblio.laurentian.ca/reserves/">Course Reserves</a>
+            <a href="https://biblio.laurentian.ca/research/contact-us">Contact Us</a>
+        </div>
+    </div>
+</div>
+
+
+    <h2 class="sr-only">Record Details</h2>
+    <h3 class="sr-only">Catalog Search</h3>
+
+    <div id="content-wrapper" class="content-wrapper-record-page">
+        
+        <div id="main-content">
+            
+<div id='canvas_main' class='canvas' vocab="http://schema.org/" typeof='MusicAlbum Product' resource="#schemarecord">
+
+    
+<!-- ****************** rdetail_summary.xml ***************************** -->
+<abbr class="unapi-id" title='tag:laurentian.concat.ca,2017:biblio-record_entry/349295'></abbr>
+
+<hr />
+
+<div id="rdetail_summary_header">
+    <div id='rdetail_title_div'>
+        <h1 id='rdetail_title' property="name">The 1985 Juno Awards collection</h1>
+
+<div class='rdetail_authors_div'> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib1"><a href="/eg/opac/results?query=Adams%20%20Bryan;qtype=author" rel="nofollow"><span resource="#schemacontrib1"><span property="name">Adams, Bryan </span></span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib2"><a href="/eg/opac/results?qtype=author;query=Hart%20%20Corey" rel="nofollow"><span resource="#schemacontrib2"><span property="name">Hart, Corey </span></span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib3"><a href="/eg/opac/results?query=Silver%20%20Liberty;qtype=author" rel="nofollow"><span resource="#schemacontrib3"><span property="name">Silver, Liberty </span></span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib4"><a href="/eg/opac/results?qtype=author;query=McLauchlan%20%20Murray" rel="nofollow"><span resource="#schemacontrib4"><span property="name">McLauchlan, Murray </span></span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/itr" resource="#schemacontrib5"><a href="/eg/opac/results?qtype=author;query=Thompson%20%20Don" rel="nofollow"><span resource="#schemacontrib5"><span property="name">Thompson, Don </span></span></a> (<span property="description">Instrumentalist</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib6"><a href="/eg/opac/results?query=Luba;qtype=author" rel="nofollow"><span resource="#schemacontrib6"><span property="name">Luba </span></span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib7"><a href="/eg/opac/results?query=Janz%20%20Paul;qtype=author" rel="nofollow"><span resource="#schemacontrib7"><span property="name">Janz, Paul </span></span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Person" property="contributor http://id.loc.gov/vocabulary/relators/sng" resource="#schemacontrib8"><a href="/eg/opac/results?qtype=author;query=lang%20%20k%20d%20%20%20Kathryn%20Dawn%20%201961" rel="nofollow"><span resource="#schemacontrib8"><span property="name">lang, k.d. (Kathryn Dawn),</span> <span property="birthDate">1961</span>-</span></a> (<span property="description">Singer</span>). </span> <span class="rdetail-author-div" typeof="Organization" property="contributor http://id.loc.gov/vocabulary/relators/prf" resource="#schemacontrib9"><a href="/eg/opac/results?qtype=author;query=Idle%20Eyes" rel="nofollow"><span resource="#schemacontrib9"><span property="name">Idle Eyes </span></span></a> (<span property="description">Performer</span>). </span> <span class="rdetail-author-div" typeof="Organization" property="contributor http://id.loc.gov/vocabulary/relators/prf" resource="#schemacontrib10"><a href="/eg/opac/results?qtype=author;query=The%20Family%20Brown" rel="nofollow"><span resource="#schemacontrib10"><span property="name">The Family Brown </span></span></a> (<span property="description">Performer</span>). </span> <span class="rdetail-author-div" typeof="Organization" property="contributor http://id.loc.gov/vocabulary/relators/prf" resource="#schemacontrib11"><a href="/eg/opac/results?qtype=author;query=Parachute%20Club" rel="nofollow"><span resource="#schemacontrib11"><span property="name">Parachute Club </span></span></a> (<span property="description">Performer</span>). </span> <span class="rdetail-author-div" typeof="Organization" property="contributor http://id.loc.gov/vocabulary/relators/prf" resource="#schemacontrib12"><a href="/eg/opac/results?qtype=author;query=Oxford%20String%20Quartet" rel="nofollow"><span resource="#schemacontrib12"><span property="name">Oxford String Quartet </span></span></a> (<span property="description">Performer</span>). </span>
+</div>
+
+
+
+    </div>
+    <div id="rdetail_image_div">
+            <a href='https://laurentian.concat.ca/opac/extras/ac/jacket/large/r/349295'><img
+                    alt="Image of item" id='rdetail_image'
+                    src='https://laurentian.concat.ca/opac/extras/ac/jacket/medium/r/349295' />
+            </a>
+        <br />
+    </div>
+    <div id="format_actions">
+
+
+          
+              <img title="Phonograph music recording" 
+                  alt="Phonograph music recording" 
+                  src="https://laurentian.concat.ca/images/format_icons/icon_format/phonomusic.png?ee69f4" /> 
+              Phonograph music recording
+          
+
+        <div id="rdetail_actions_div">            <div class="rdetail_aux_utils toggle_list">
+        
+            
+                <a href="/eg/opac/mylist/add?record=349295" class="no-dec" rel="nofollow" vocab="">
+                    <img src="https://laurentian.concat.ca/images/clipboard.png?ee69f4" alt="" />
+                    Add to my list
+                </a>
+            
+        
+            </div>
+            <div class="rdetail_aux_utils toggle_list">
+                     
+                </div>
+                <div class="rdetail_aux_utils">
+                    <img src="https://laurentian.concat.ca/images/clipboard.png?ee69f4" alt="Print / Email Actions Image" />
+                    <a href="/eg/opac/record/print/349295" class="no-dec" rel="nofollow" vocab="">Print</a> /
+                    <a href="/eg/opac/record/email/349295" class="no-dec" rel="nofollow" vocab="">Email</a>
+                </div>
+            
+                <div class="rdetail_aux_utils share_record">
+                    <a href="/eg/opac/record/349295" class="no-dec">
+                         <img src="https://laurentian.concat.ca/images/link.png?ee69f4" alt="Permalink" />
+                         Permalink
+                    </a>
+                </div>
+            
+        </div>
+    </div>
+</div>
+
+<div id="copy_hold_counts"><span id="rdetail_copy_counts">
+    <h2>Available copies</h2>
+    <ul>
+    <li>
+    1 of 1 copy available at Conifer.
+    <a href="/eg/opac/record/349295?copy_depth=0"
+       title="Show copies at Conifer">(Show)</a>
+    </li>
+    <li>
+    1 of 1 copy available at Laurentian University.
+    </li>
+    </ul>
+</span>
+
+    <span id="rdetail_hold_counts">
+        <h2>Current holds</h2>
+        <p>
+            0 current holds with 1 total copy.
+        </p>
+    </span>
+<div id="metarecord_population">
+</div> <!-- metarecord_population -->
+<table class="table_no_border_space table_no_cell_pad table_no_border" width="100%" id="rdetails_status">
+    <thead>
+        <tr>
+                        <th scope='col'>Location</th>
+            <th scope='col'>Call Number / Copy Notes</th>
+            <th scope='col'>Barcode</th>
+            <th scope='col'>Shelving Location</th>
+            <th scope='col'>Status</th>
+            <th scope='col'>Due Date</th>
+        </tr>
+    </thead>
+    <tbody class="copy_details_table">        <tr class="copy_details_offers_row" property="offers" typeof="Offer"><td><a property="offeredBy" typeof="Library" href="/eg/opac/library/OSUL"><span property="name">J.N. Desmarais Library</span></a>
+                <link property="businessFunction" href="http://purl.org/goodrelations/v1#LeaseOut">
+                <meta property="price" content="0.00">
+            </td>
+            <td><span property="sku">LP 3689</span> </td>
+            <td property="serialNumber">
+                30007006013980                            </td>
+            <td property="availableAtOrFrom">Long-play records (3rd floor)</td>
+            
+            <td><link property="availability" href="http://schema.org/InStock" />Available</td>
+            <td>-</td>
+        </tr>
+
+        
+            
+        
+
+<tr><td>
+</td></tr>
+        <tr>
+        </tr>
+                <tr>
+            <td> 
+            </td>
+        </tr>
+    </tbody>
+</table>
+
+
+</div>
+
+<h2 id='rdetail_record_details'>Record details</h2>
+<ul>
+    <li id='rdetail_phys_desc'>
+        <strong class='rdetail_label'>Physical Description:</strong>
+        <span class='rdetail_value'>1 sound disc : 33 1/3 rpm, stereo</span>
+    </li>
+    <li id='rdetail_publisher'>
+        <strong class='rdetail_label'>Publisher:</strong>
+        <span class='rdetail_value' property="publisher" typeof="Organization">
+            <span property="location">Montréal, Qué. :</span>
+            <span property="name">Radio Canada International,</span>
+        </span>
+            <span property="datePublished">1986.</span>    </li>
+</ul>
+
+
+<h2 class='rdetail_contents'>Content descriptions</h2>
+<table class='rdetail_content'>
+    <tbody><tr>
+    <td class='rdetail_content_type'>Formatted Contents Note: </td>
+    <td class='rdetail_content_value' property='keywords'> Heaven / Adams -- Never surrender / Hart -- Lost somewhere inside your love / Silver -- Railroad man / McLauchlan -- Tokyo Rose / Idle Eyes -- I've never been in love before / Thompson -- Let it go / Luba -- Go to pieces / Janz -- Wouldn't you love us together again / The Family Brown -- At the feet of the moon / Parachute Club -- Pine and stew / lang -- Minuetto from Quartet in B flat major / Mozart.<br/></td>
+</tr>
+    </tbody>
+</table>
+
+
+
+
+<h2 class='rdetail_related_subjects'>Search for related items by subject</h2>
+        <table class='rdetail_subject'>
+            <tbody>
+                <tr>
+                    <td class='rdetail_subject_type'>Subject: </td>
+                    <td class='rdetail_subject_value'><span property="about"><a href="/eg/opac/results?query=Popular%20music;qtype=subject">Popular music</a>  &gt; <a href="/eg/opac/results?query=Popular%20music%20Canada.;qtype=subject">Canada.</a> <br/></span><span property="about"><a href="/eg/opac/results?query=String%20quartets.;qtype=subject">String quartets.</a> <br/></span><span property="about"><a href="/eg/opac/results?qtype=subject;query=Country%20music">Country music</a>  &gt; <a href="/eg/opac/results?query=Country%20music%20Canada.;qtype=subject">Canada.</a> <br/></span></td>
+                </tr>
+            </tbody>
+        </table>
+
+
+
+<div>
+    <div id='rdetail_extras_div' style='width: 100%;'> 
+        
+        <div id="gbp_extra" class="rdetail_extras hide_me">
+            <div class="rdetail_extras_hr"></div>
+            <div id="gbp_extra_links" class="rdetail_extras_link">
+                <a id='gbp_arrow_link' name='google_preview' href='javascript:GBDisplayPreview();' class='rdetail_extras_lbl'>&#9658;</a>
+                <a id='gbp_arrow_down_link' name='google_preview' href='javascript:GBDisplayPreview();' class='rdetail_extras_lbl hide_me'>&#9660;</a>
+                <a name='google_preview_lbl' href='javascript:GBDisplayPreview();' class="rdetail_extras_lbl">Google Preview</a></div>
+        </div>
+        <div id="gbp_extra_container" class='rdetail_extras_div'></div>
+        
+
+        
+        <div class="rdetail_extras">
+            <div class="rdetail_extras_hr"></div>
+            <div class="rdetail_extras_link">
+                
+                <a name='awards' href='/eg/opac/record/349295?expand=awards#awards' class="rdetail_extras_lbl" rel="nofollow" vocab="">&#9658; Awards, Reviews, &amp; Suggested Reads</a>
+            </div>
+        </div>
+        <div class='rdetail_extras_div'>
+            
+        </div>
+        
+        <div class="rdetail_extras">
+            <div class="rdetail_extras_hr"></div>
+            <div class="rdetail_extras_link">
+                
+                <a name='cnbrowse' href='/eg/opac/record/349295?expand=cnbrowse#cnbrowse' class="rdetail_extras_lbl" rel="nofollow" vocab="">&#9658; Shelf Browser</a>
+            </div>
+        </div>
+        <div class='rdetail_extras_div'>
+            
+        </div>
+        
+        <div class="rdetail_extras">
+            <div class="rdetail_extras_hr"></div>
+            <div class="rdetail_extras_link">
+                
+                <a name='marchtml' href='/eg/opac/record/349295?expand=marchtml#marchtml' class="rdetail_extras_lbl" rel="nofollow" vocab="">&#9658; MARC Record</a>
+            </div>
+        </div>
+        <div class='rdetail_extras_div'>
+            
+        </div>
+        
+    </div>
+</div>
+
+
+
+</div>
+
+            <div class="common-full-pad"></div>
+        </div>
+        <br class="clear-both" />
+    </div> 
+        <h2 class="sr-only">Additional Resources</h2>
+        <div id="footer-wrap">
+<div id="footer">
+    
+    <a href="http://laurentian.ca/library">Library Home</a> |
+    
+    <a href="http://sfx.scholarsportal.info/laurentian/az">Electronic Journals (A-Z)</a> |
+    <a href="http://biblio.laurentian.ca/research/guides">Databases</a> |
+    <a href="http://biblio.laurentian.ca/research/guides/archives">Archives</a> |
+    <a href="http://biblio.laurentian.ca/reserves/">Course Reserves</a> &nbsp;|&nbsp;
+    <a href="https://biblio.laurentian.ca/research/contact-us">Contact Us</a>
+    
+    <div id="copyright_text" style="margin-top: 2em;">
+        Copyright &copy; 2006-2017 Georgia Public Library Service, and others
+    </div>
+    <div id="footer_logo">
+        Powered by
+        <a href="http://evergreen-ils.org">
+            <img src="https://laurentian.concat.ca/opac/images/eg_tiny_logo.png"
+                style="border:none; width: 94px; height: 16px;"
+                alt="Evergreen"
+            />
+        </a>
+    </div>
+</div>
+</div>
+
+<script type="text/javascript" src="Open-ILS/web/js/ui/default/opac/wikidata_music_card.js"></script>
+
+    </body>
+</html>
+
-- 
2.11.0