From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Fri, 2 Jul 2021 18:16:20 +0000 (-0400)
Subject: Syndetics Unbound Upgrade
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=06752341e36928a92b3b608b4f8b9ec86f78df06;p=evergreen%2Fpines.git

Syndetics Unbound Upgrade

This removes the PINES customization we made for Syndetics Classic
to display in modal form, and adds the Syndetics Unbound code
instead.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
---

diff --git a/Open-ILS/src/templates-bootstrap/opac/parts/record/addedcontent.tt2 b/Open-ILS/src/templates-bootstrap/opac/parts/record/addedcontent.tt2
index 8b1c0863da..9494fea5a5 100755
--- a/Open-ILS/src/templates-bootstrap/opac/parts/record/addedcontent.tt2
+++ b/Open-ILS/src/templates-bootstrap/opac/parts/record/addedcontent.tt2
@@ -1,107 +1,5 @@
-<!-- PINES CUSTOMIZATION: Use complete Syndetic content in modal pop-up instead of screenscraped from page -->
-[% IF attrs.isbn_clean || attrs.upc || attrs.issn %]
-    <style>
-        /* The Syndetics Modal Stylesheet */
-        .smodal {
-            display: none; /* Hidden by default */
-            position: fixed; /* Stay in place */
-            z-index: 1; /* Sit on top */
-            padding-top: 30px; /* Location of the box */
-            left: 0;
-            top: 0;
-            width: 100%; /* Full width */
-            height: 100%; /* Full height */
-            overflow: auto; /* Enable scroll if needed */
-            background-color: rgb(0,0,0); /* Fallback color */
-            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-        }
-
-        /* Modal Content */
-        .smodal-content {
-            background-color: #fefefe;
-            margin: auto;
-            padding: 0px;
-            border: 1px solid #888;
-            width: 80%;
-        }
-        
-        /* Iframe Content */
-        .smodal-iframe {
-            margin: auto;
-            padding:0px;
-            border: 0px;
-            width: 100%;
-            height: 600px;
-        }
-        
-        /* Launch Button */
-        .smodal-button {
-            margin: 20px;
-        }
-        
-        /* The Close Button */
-        .close {
-            color: #aaaaaa;
-            float: right;
-            font-size: 28px;
-            font-weight: bold;
-        }
-
-        .close:hover,
-        .close:focus {
-            color: #000;
-            text-decoration: none;
-            cursor: pointer;
-        }
-        
-        /* Responsive design for phones */
-        @media only screen and (max-width: 1200px) {
-
-            #sBtn {
-                display:none;
-            }
-        }
-    </style>
-
-
     <div class='rdetail_extras_div'>
-        <button class="smodal-button" id="sBtn">See Summary, Reviews, and More from Syndetics</button>
-        <div id="sModal" class="smodal">
-          <div class="smodal-content">
-            <span class="close">&times;</span>
-            <iframe class="smodal-iframe" src="https://secure.syndetics.com/index.aspx?isbn=[%- attrs.isbn_clean -%]/index.html&client=evertest&type=rn12&close=no&popup=no&upc=[%- attrs.upc -%]&issn=[%- attrs.issn -%]">
-                <p>[% l("This browser does not support this type of content.") %]</p>    
-            </iframe>
-          </div>
-        </div>
+        <script src="https://unbound.syndetics.com/syndeticsunbound/connector/initiator.php?a_id=1562" type="text/javascript"></script>
 
+        <div id="syndetics_unbound"></div>
     </div>
-
-    <script>
-        // Get the Syndetics modal
-        var modal = document.getElementById('sModal');
-
-        // Get the button that opens the modal
-        var btn = document.getElementById("sBtn");
-
-        // Get the <span> element that closes the modal
-        var span = document.getElementsByClassName("close")[0];
-
-        // When the user clicks the button, open the modal 
-        btn.onclick = function() {
-            modal.style.display = "block";
-        }
-
-        // When the user clicks on <span> (x), close the modal
-        span.onclick = function() {
-            modal.style.display = "none";
-        }
-
-        // When the user clicks anywhere outside of the modal, close it
-        window.onclick = function(event) {
-            if (event.target == modal) {
-                modal.style.display = "none";
-            }
-        }
-    </script>
-[% END %]
\ No newline at end of file