Open detail pane DOI link in browser (fixes #79)

sciencefair-land · Jun 28, 2017 · 6483dc5 · 6483dc5
1 parent 1f5977e
commit 6483dc5
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/client/views/detail.js b/app/client/views/detail.js
@@ -4,6 +4,7 @@ const C = require('../lib/constants')
 
 const isString = require('lodash/isString')
 const intersection = require('lodash/intersection')
+const open = require('opn')
 
 const height = 200
 const padding = 5
@@ -166,6 +167,13 @@ function renderTitle (title) {
 
 function singlepaper (paper, style, state, emit) {
   if (!paper) return null
+
+  const doibtn = html`<a href="#">${paper.id}</a>`
+  doibtn.onclick = e => {
+    e.preventDefault()
+    open(`http://doi.org/${paper.id}`)
+  }
+
   return html`
 
   <div class="${style.wrapper}">
@@ -186,7 +194,7 @@ function singlepaper (paper, style, state, emit) {
           ${renderAbstract(paper.abstract)}
         </div>
         <div class="${style.doi} ${style.row} ${style.datum}">
-          <span>DOI: <a href="http://doi.org/${paper.id}">${paper.id}</a></span>
+          <span>DOI: ${doibtn}</span>
         </div>
       </div>
       <div class="${style.column}">