Skip to content

Instantly share code, notes, and snippets.

@sneakers-the-rat
Created March 1, 2023 00:15
Show Gist options
  • Save sneakers-the-rat/c7e4fa782edad83d58b602dc46a70ae4 to your computer and use it in GitHub Desktop.
Save sneakers-the-rat/c7e4fa782edad83d58b602dc46a70ae4 to your computer and use it in GitHub Desktop.
check citations on crossref
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="query">
<h2>Query Crossref Why Dont Ya</h2>
<textarea id="query-box" type="text"></textarea>
<div id="query-static" class="hidden"></div>
</div>
</div>
</body>
<script type="text/javascript" src="crossref.js"></script>
</html>
let input = document.getElementById('query-box');
let queryItems = document.getElementById('query-static');
input.addEventListener('change', (evt) => {
let cites = split_cites(evt.target.value);
console.log(cites)
replace_cites(cites);
query_crossref();
})
function split_cites(text){
return text.split('\n\n');
}
function replace_cites(cites){
input.classList.toggle('hidden');
queryItems.classList.toggle('hidden');
cites.forEach((cite) => {
let queryDiv = document.createElement('div');
queryDiv.classList.add('query-item');
queryDiv.innerHTML = cite;
queryItems.appendChild(queryDiv);
})
}
function query_crossref(){
let citeBoxes = document.getElementsByClassName('query-item');
let query_base = 'https://api.crossref.org/works?query='
Array.prototype.forEach.call(citeBoxes, (cite) => {
let cite_enc = encodeURIComponent(cite.innerHTML);
fetch(query_base + cite_enc)
.then((res) => res.json())
.then((res) => {
console.log(res)
if (res.status !== 'ok'){
cite.classList.add('no-results');
}
let filteredItems = res.message.items
.filter(item => item.score > 80);
if (filteredItems.length === 0){
cite.classList.add('no-results')
} else {
cite.classList.add('results');
filteredItems.forEach((item) => {
let itemDiv = document.createElement('div');
itemDiv.classList.add('result-item');
let score = document.createElement('p');
score.textContent = 'score: ' + item.score;
let title = document.createElement('p');
title.textContent = 'title: ' + item.title;
let doi = document.createElement('p');
doi.textContent = 'doi: ' + item.DOI;
itemDiv.appendChild(score);
itemDiv.appendChild(title);
itemDiv.appendChild(doi);
cite.appendChild(itemDiv);
})
}
})
})
}
body {
width: 100%;
height: 100%;
position: absolute;
}
.container {
width: 100%;
height: 100%;
}
.container>div {
width: 100%;
height: 100%;
}
.container div {
padding: 1em;
box-sizing: border-box;
}
#query-box {
height: 100%;
width: 100%;
box-sizing: border-box;
}
.query-item {
border: 1px solid black;
border-radius: 3px;
margin-bottom: 1em;
}
.result-item {
border-left: 1px solid black;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 1em;
}
.hidden {
display:none;
}
.no-results {
border: 1px solid red;
}
.results {
border: 1px solid green;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment