From d76d9217da29a92a8961e5c03053a21e4cd809b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20V=C3=A9ril?= <mveril@irsamc.ups-tlse.fr>
Date: Thu, 10 Oct 2019 09:38:19 +0200
Subject: [PATCH] rename journalpar to journaldiv to reflet element type and
 add journal full name as tooltip

---
 content/papers.html | 96 +++++++++++++++++++++++++--------------------
 1 file changed, 53 insertions(+), 43 deletions(-)

diff --git a/content/papers.html b/content/papers.html
index 8a76f402..3e262402 100644
--- a/content/papers.html
+++ b/content/papers.html
@@ -14,66 +14,76 @@ draft: false
 {{< getDataFilesName >}}
 <script>
   window.onload = async function () {
-    var div=document.getElementById("papers_div")
+    var div = document.getElementById("papers_div")
     const Cite = require("citation-js")
-    const dois =uniq(Object.values(await loadAllData()).flat().map(d => d.DOI.string))
+    const dois = uniq(Object.values(await loadAllData()).flat().map(d => d.DOI.string))
     const publiscite = await Cite.async(dois)
-    const publis=publiscite.format('data', {format: 'object'})
-    for (const publi of publis){
-      const art=$("<article/>").addClass("paper")
-      art.className="paper"
-      $("<a/>",{
-        href:publi.URL,
-        target:"_blank"
+    const publis = publiscite.format('data', { format: 'object' })
+    for (const publi of publis) {
+      const art = $("<article/>").addClass("paper")
+      art.className = "paper"
+      $("<a/>", {
+        href: publi.URL,
+        target: "_blank"
       }).html($("<h1/>").text(publi.title)).appendTo(art)
-      const authors=publi.author
-      const ulauthors=$("<ul/>").addClass("authors-list").appendTo(art)
-      for(const author of authors){
-        const liauth=$("<li/>").addClass("author-item")
-        const spanAuth=$("<span/>").text(String.raw`${author.given} ${author.family}`).appendTo(liauth)
-        if(author.sequence==="first"){
+      const authors = publi.author
+      const ulauthors = $("<ul/>").addClass("authors-list").appendTo(art)
+      for (const author of authors) {
+        const liauth = $("<li/>").addClass("author-item")
+        const spanAuth = $("<span/>").text(String.raw`${author.given} ${author.family}`).appendTo(liauth)
+        if (author.sequence === "first") {
           $(spanAuth).after($("<strong/>").text("*"))
         }
-        var notifycontent=$("<div/>").addClass("author-info")
+        var notifycontent = $("<div/>").addClass("author-info")
         $("<h1/>").text(String.raw`${author.given} ${author.family}`).appendTo(notifycontent)
-        ulaff=$("<ul/>").addClass("affiliation-list").appendTo(notifycontent)
-        for(const a of author.affiliation){
+        ulaff = $("<ul/>").addClass("affiliation-list").appendTo(notifycontent)
+        for (const a of author.affiliation) {
           $("<li/>").text(a.name).appendTo(ulaff)
         }
-        if(author["authenticated-orcid"]){
-          const html=String.raw`<div class="orcid-id"><a href="https://orcid.org" target="_blank"><img alt="ORCID logo" src="https://orcid.org/sites/default/files/images/orcid_16x16.png" width="16" height="16"/></a> <a href="${author.ORCID}" target="_blank">${author.ORCID} </a></div>`
+        if (author["authenticated-orcid"]) {
+          const html = String.raw`<div class="orcid-id"><a href="https://orcid.org" target="_blank"><img alt="ORCID logo" src="https://orcid.org/sites/default/files/images/orcid_16x16.png" width="16" height="16"/></a> <a href="${author.ORCID}" target="_blank">${author.ORCID} </a></div>`
           notifycontent.append(html)
         }
         tippy(spanAuth[0], {
-         content: notifycontent[0],
-         theme: 'light',
-         interactive: true,
+          content: notifycontent[0],
+          theme: 'light',
+          interactive: true,
         });
         ulauthors.append(liauth)
       }
-      journalpar=$("<div/>").appendTo(art)
-      $("<span/>").text((("container-title-short" in publi) ? publi["container-title-short"] : publi["container-title"])).appendTo(journalpar)
-      var datArr=publi.issued["date-parts"][0]
-      var date=new Date(datArr[0],datArr[1]-1,datArr[2])
-      $("<span/>").text(date.getFullYear().toString()).appendTo(journalpar)
-      journalpar.append(" ")
-      $("<span/>").text(publi.volume).appendTo(journalpar)
-      $("<span/>").addClass("issue").text(publi.issue).appendTo(journalpar)
-      journalpar.append(", ")
-      $("<span/>").text(publi.page).appendTo(journalpar)
-      $("<a/>",{
-        href:publi.URL,
-        target:"_blank"  
+      journaldiv = $("<div/>").appendTo(art)
+      if ("container-title-short" in publi) {
+        var title_short=$("<span/>").text(publi["container-title-short"])
+        journaldiv.append(title_short)
+        tippy(title_short[0], {
+          content: publi["container-title"],
+          theme: 'light',
+        });
+      }
+      else {
+        $("<span/>").text(publi["container-title"]).appendTo(journaldiv)
+      }
+      var datArr = publi.issued["date-parts"][0]
+      var date = new Date(datArr[0], datArr[1] - 1, datArr[2])
+      $("<span/>").text(date.getFullYear().toString()).appendTo(journaldiv)
+      journaldiv.append(" ")
+      $("<span/>").text(publi.volume).appendTo(journaldiv)
+      $("<span/>").addClass("issue").text(publi.issue).appendTo(journaldiv)
+      journaldiv.append(", ")
+      $("<span/>").text(publi.page).appendTo(journaldiv)
+      $("<a/>", {
+        href: publi.URL,
+        target: "_blank"
       }).text(String.raw`DOI: ${publi.DOI}`).appendTo(art)
-      $("<p/>").append("Published on ").append($("<time/>",{
-        datetime:JSON.stringify(date)
-      }).text(date.toLocaleDateString("en-us",{
-        day:"numeric",
-        month:"short",
-        year:"numeric"
+      $("<p/>").append("Published on ").append($("<time/>", {
+        datetime: JSON.stringify(date)
+      }).text(date.toLocaleDateString("en-us", {
+        day: "numeric",
+        month: "short",
+        year: "numeric"
       }))).appendTo(art)
       $(art).appendTo("<li/>").appendTo("#papers_ul")
-    }    
+    }
   }
 </script>
 <ul class="papers-list" id="papers_ul">