PTEROSOR/QUESTDB_website
10
0
Fork 0
mirror of https://github.com/LCPQ/QUESTDB_website.git synced 2024-12-25 05:43:46 +01:00
Code Releases Activity

Put creation of publication UI in createPubliUI

Browse Source
This commit is contained in:
Mickaël Véril 2020-02-08 14:48:40 +01:00
parent 1e6f71f58f
commit 9ee1565bde
2 changed files with 77 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
content/publications.html
View File

@ -13,6 +13,7 @@ draft: false
<script src="/js/getSets.js"></script>
<script src="/js/websiteFile.js"></script>
<script src="/js/numberUtils.js"></script>
<script src="/js/createPubliUI.js"></script>
{{< getDataFilesName >}}
<script>
window.onload = async function () {
@ -21,75 +22,9 @@ draft: false
const dois = uniq(Object.values(await loadAllData()).flat().map(d => d.DOI.string))
const publiscite = await Cite.async(dois)
const sets = await getSets()
console.log(sets)
const publis = publiscite.format('data', { format: 'object' })
for (const publi of publis) {
const art = $("<article/>").addClass("publi")
art.className = "publi"
console.log(sets.get(publi.DOI))
$("<h1/>").text(sets.get(publi.DOI)).appendTo(art)
$("<a/>", {
href: publi.URL,
target: "_blank"
}).html($("<h2/>").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") {
$(spanAuth).after($("<strong/>").text("*"))
}
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) {
$("<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>`
notifycontent.append(html)
}
tippy(spanAuth[0], {
content: notifycontent[0],
theme: 'light',
interactive: true,
});
ulauthors.append(liauth)
}
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)
if (publi.issue) {
$("<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"
}))).appendTo(art)
art=createPubliUI(publi,sets,true)
$(art).appendTo("<li/>").appendTo("#publis_ul")
}
}

75
static/js/createPubliUI.js Normal file
View File

@ -0,0 +1,75 @@
function createPubliUI(publi,sets=new Map(),toolTips=false) {
const art = $("<article/>").addClass("publi")
art.className = "publi"
if (sets.has(publi.DOI)) {
$("<h1/>").text(sets.get(publi.DOI)).appendTo(art)
}
$("<a/>", {
href: publi.URL,
target: "_blank"
}).html($("<h2/>").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") {
$(spanAuth).after($("<strong/>").text("*"))
}
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) {
$("<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>`
notifycontent.append(html)
}
if (toolTips) {
tippy(spanAuth[0], {
content: notifycontent[0],
theme: 'light',
interactive: true,
});
}
ulauthors.append(liauth)
}
journaldiv = $("<div/>").appendTo(art)
if ("container-title-short" in publi) {
var title_short = $("<span/>").text(publi["container-title-short"])
journaldiv.append(title_short)
if (toolTips) {
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)
if (publi.issue) {
$("<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"
}))).appendTo(art)
return art
}