Add icons to BrowZine DOI links. (#1261)

module/VuFind/src/VuFind/DoiLinker/BrowZine.php

@@ -63,7 +63,8 @@ class BrowZine implements DoiLinkerInterface, TranslatorAwareInterface
     /**
      * Given an array of DOIs, perform a lookup and return an associative array
      * of arrays, keyed by DOI. Each array contains one or more associative arrays
-     * with 'link' and 'label' keys.
+     * with required 'link' (URL to related resource) and 'label' (display text)
+     * keys and an optional 'icon' (URL to icon graphic) key.
      *
      * @param array $doiArray DOIs to look up
      *
@@ -71,6 +72,7 @@ class BrowZine implements DoiLinkerInterface, TranslatorAwareInterface
      */
     public function getLinks(array $doiArray)
     {
+        $baseIconUrl = 'https://assets.thirdiron.com/images/integrations/';
         $response = [];
         foreach ($doiArray as $doi) {
             $data = $this->connector->lookupDoi($doi)['data'] ?? null;
@@ -78,6 +80,7 @@ class BrowZine implements DoiLinkerInterface, TranslatorAwareInterface
                 $response[$doi][] = [
                     'link' => $data['browzineWebLink'],
                     'label' => $this->translate('View Complete Issue'),
+                    'icon' => $baseIconUrl . 'browzine-open-book-icon.svg',
                     'data' => $data,
                 ];
             }
@@ -85,6 +88,7 @@ class BrowZine implements DoiLinkerInterface, TranslatorAwareInterface
                 $response[$doi][] = [
                     'link' => $data['fullTextFile'],
                     'label' => $this->translate('PDF Full Text'),
+                    'icon' => $baseIconUrl . 'browzine-pdf-download-icon.svg',
                     'data' => $data,
                 ];
             }

module/VuFind/src/VuFind/DoiLinker/DoiLinkerInterface.php

@@ -41,7 +41,8 @@ interface DoiLinkerInterface
     /**
      * Given an array of DOIs, perform a lookup and return an associative array
      * of arrays, keyed by DOI. Each array contains one or more associative arrays
-     * with 'link' and 'label' keys.
+     * with required 'link' (URL to related resource) and 'label' (display text)
+     * keys and an optional 'icon' (URL to icon graphic) key.
      *
      * @param array $doiArray DOIs to look up
      *

themes/bootprint3/less/icons.less

 @bp3-icon-path: '../../bootprint3/images/icons';
+.doi-icon { width: 16px; }
 .bp-icon {
   background-position: center center;
   background-repeat: no-repeat;

themes/bootprint3/scss/icons.scss

 $bp3-icon-path: '../../bootprint3/images/icons' !default;
+.doi-icon { width: 16px; }
 .bp-icon {
   background-position: center center;
   background-repeat: no-repeat;

themes/bootstrap3/js/doi.js

@@ -29,7 +29,13 @@ VuFind.register('doi', function Doi() {
             for (var i = 0; i < response.data[currentDoi].length; i++) {
               var newLink = $('<a />');
               newLink.attr('href', response.data[currentDoi][i].link);
-              newLink.text(response.data[currentDoi][i].label);
+              newLink.text(' ' + response.data[currentDoi][i].label);
+              if (typeof response.data[currentDoi][i].icon !== 'undefined') {
+                var icon = $('<img />');
+                icon.attr('src',  response.data[currentDoi][i].icon);
+                icon.attr('class', 'doi-icon');
+                $(doiEl).append(icon);
+              }
               $(doiEl).append(newLink);
               $(doiEl).append("<br />");
             }

themes/bootstrap3/less/components/icons.less

 /**
  * Assign catalog formats to Font Awesome icons
  */
-
+.doi-icon {
+  height: 1em;
+  width: 14px;
+  filter: brightness(50%);
+}
 // Alias
 .fa-printer:before        {content: "\f02f";} // .fa-print
 // Search Icons

themes/bootstrap3/scss/components/icons.scss

 /**
  * Assign catalog formats to Font Awesome icons
  */
-
+.doi-icon {
+  height: 1em;
+  width: 14px;
+  filter: brightness(50%);
+}
 // Alias
 .fa-printer:before        {content: "\f02f";} // .fa-print
 // Search Icons