Add data link demo page

twhiteaker · twhiteaker · commit 4f98a95e8c35 · 2019-04-22T15:20:32.000-05:00
diff --git a/README.md b/README.md
@@ -9,6 +9,7 @@ Live demos:
 
 * [Basic example](https://ble-lter.github.io/Zotero-JavaScript-Search-Client/minimal.html)
 * [Complete example](https://ble-lter.github.io/Zotero-JavaScript-Search-Client/complete.html)
+* [Data link example](https://ble-lter.github.io/Zotero-JavaScript-Search-Client/data_links.html)
 
 ## Motivation
 
diff --git a/data_links.html b/data_links.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+   <title>Zotero Search Demo with Data Links</title>
+   <meta charset="utf-8" />
+   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
+      integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+   <link href="search.css" rel="stylesheet" type="text/css">
+   <script src="cors.js"></script>
+   <script src="pagination.js"></script>
+   <script src="zotero.js"></script>
+</head>
+
+<body>
+   <div class="container">
+      <h1>Zotero Search Demo with Data Links</h1>
+      <p>This <a href="https://github.com/BLE-LTER/Zotero-JavaScript-Search-Client"
+            rel="noopener">Zotero-JavaScript-Search-Client</a> example demonstrates how data links are added to a publication citation when DOIs are found within the <strong>Extra</strong> field in Zotero.
+            The group is just a test group, and the data links aren't related to the publication in this example, but the example does illustrate the functionality. Look for the example to be replaced with a real-world example as users apply this functionality to their own libraries.</p>
+      <form id="zoteroSearchForm" name="zoteroSearchForm">
+         <input class="search-input" name="q" placeholder="Enter search term" type="text">
+         <input type="submit" value="Search">
+      </form>
+
+      <div class="loading" id="loading-div">
+         <i class="fas fa-spinner fa-pulse fa-3x fa-fw"></i>
+         <span class="sr-only">Loading...</span>
+      </div>
+
+      <p>Search results will be written below:</p>
+      <div class="resultCount" id="resultCount"></div>
+      <div id="searchResults"></div>
+      <div class="pagination" id="paginationBot"></div>
+   </div>
+   <script>
+      ZOTERO_CONFIG["zotId"] = "2221709";
+      ZOTERO_CONFIG["includeCols"] = ["Year", "Type"];
+   </script>
+</body>
+
+</html>
diff --git a/zotero.js b/zotero.js
@@ -156,7 +156,7 @@ function parseZoteroResults(resultText) {
          for (var i = 0; i < dois.length; i++) {
             var doi = dois[i];
             if (doi.startsWith("https://doi.org/")) {
-               links.push(' <a href="' + doi + '" target="_blank" rel="noopener">Data Link</a>');
+               links.push(' <a href="' + doi + '" target="_blank" rel="noopener">Data link.</a>');
             }
          }
          return links.join(" ");

Original file line number	Diff line number	Diff line change
`@@ -156,7 +156,7 @@ function parseZoteroResults(resultText) {`
`156`	`156`	`for (var i = 0; i < dois.length; i++) {`
`157`	`157`	`var doi = dois[i];`
`158`	`158`	`if (doi.startsWith("https://doi.org/")) {`
`159`		`- links.push(' <a href="' + doi + '" target="_blank" rel="noopener">Data Link</a>');`
	`159`	`+ links.push(' <a href="' + doi + '" target="_blank" rel="noopener">Data link.</a>');`
`160`	`160`	`}`
`161`	`161`	`}`
`162`	`162`	`return links.join(" ");`