put JS in who-else into separate file #191
98
website/who-else.js
Normal file
98
website/who-else.js
Normal file
|
@ -0,0 +1,98 @@
|
|||
(async function(){
|
||||
// load the data
|
||||
const local = await d3.dsv( ',', '/data/library_services_information.csv', (d) => {
|
||||
return {
|
||||
name: d.long_name,
|
||||
ils: d.ILS,
|
||||
state: d.state.toUpperCase(),
|
||||
url: d.website
|
||||
}
|
||||
});
|
||||
const nsla = await d3.dsv(',', '/data/nsla_library_locations.csv', (d) => {
|
||||
return {
|
||||
name: d.town,
|
||||
ils: d.ils,
|
||||
url: d.url
|
||||
}
|
||||
});
|
||||
const academic = await d3.dsv(',', '/data/academic_library_locations.csv', (d) => {
|
||||
return {
|
||||
name: d.town,
|
||||
ils: d.ils,
|
||||
discovery: d.discovery,
|
||||
url: d.url
|
||||
}
|
||||
});
|
||||
|
||||
const data = [...local, ...nsla, ...academic]
|
||||
|
||||
const ils_systems = []
|
||||
const disc_systems = []
|
||||
for (let d of data) {
|
||||
ils_systems.push(d.ils)
|
||||
disc_systems.push(d.discovery)
|
||||
}
|
||||
const values = new Set(ils_systems.sort())
|
||||
const ils = document.getElementById('ils')
|
||||
for (let val of values) {
|
||||
const option = document.createElement('option')
|
||||
option.innerText = val
|
||||
ils.appendChild(option)
|
||||
}
|
||||
|
||||
const discoveries = new Set(disc_systems.sort())
|
||||
const discovery = document.getElementById('discovery')
|
||||
for (let val of discoveries) {
|
||||
if (val) {
|
||||
const option = document.createElement('option')
|
||||
option.innerText = val
|
||||
discovery.appendChild(option)
|
||||
}
|
||||
}
|
||||
|
||||
// watch for a query
|
||||
const form = document.getElementById('form')
|
||||
|
||||
form.addEventListener('submit', (event) => {
|
||||
event.preventDefault()
|
||||
let listing = document.getElementById('libraries')
|
||||
// clear
|
||||
while (listing.firstChild) {
|
||||
listing.removeChild(listing.firstChild);
|
||||
}
|
||||
|
||||
let ils = event.target.ils.value == "---" ? null : event.target.ils.value
|
||||
let discovery = event.target.discovery.value == "---" ? null : event.target.discovery.value
|
||||
|
||||
var libraries = []
|
||||
if (ils && !discovery) {
|
||||
libraries = data.filter( (lib) => lib.ils == ils).sort( (a,b) => {
|
||||
return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
|
||||
})
|
||||
} else if (discovery && !ils) {
|
||||
libraries = data.filter( (lib) => lib.discovery == discovery).sort( (a,b) => {
|
||||
return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
|
||||
})
|
||||
} else {
|
||||
let ils_libs = data.filter( (lib) => lib.ils == ils)
|
||||
libraries = ils_libs.filter( (lib) => lib.discovery == discovery).sort( (a,b) => {
|
||||
return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
|
||||
})
|
||||
}
|
||||
|
||||
// account for no disovery listed or neither
|
||||
for (let lib of libraries) {
|
||||
const li = document.createElement('li')
|
||||
if (lib.url) {
|
||||
li.innerHTML = `<a target="_blank" href="${lib.url}" rel="noopener noreferrer">${lib.name}</a>`
|
||||
} else {
|
||||
li.innerText = lib.name
|
||||
}
|
||||
if (lib.state) {
|
||||
li.innerHTML += ` (${lib.state})`
|
||||
}
|
||||
|
||||
listing.appendChild(li)
|
||||
}
|
||||
})
|
||||
})()
|
|
@ -34,104 +34,7 @@
|
|||
<p>Search by ILS, Discovery Platform, or both together.</p>
|
||||
|
||||
<script src="/d3.js"></script>
|
||||
<script type="module">
|
||||
// load the data
|
||||
const local = await d3.dsv( ',', '/data/library_services_information.csv', (d) => {
|
||||
return {
|
||||
name: d.long_name,
|
||||
ils: d.ILS,
|
||||
state: d.state.toUpperCase(),
|
||||
url: d.website
|
||||
}
|
||||
});
|
||||
const nsla = await d3.dsv(',', '/data/nsla_library_locations.csv', (d) => {
|
||||
return {
|
||||
name: d.town,
|
||||
ils: d.ils,
|
||||
url: d.url
|
||||
}
|
||||
});
|
||||
const academic = await d3.dsv(',', '/data/academic_library_locations.csv', (d) => {
|
||||
return {
|
||||
name: d.town,
|
||||
ils: d.ils,
|
||||
discovery: d.discovery,
|
||||
url: d.url
|
||||
}
|
||||
});
|
||||
|
||||
const data = [...local, ...nsla, ...academic]
|
||||
|
||||
const ils_systems = []
|
||||
const disc_systems = []
|
||||
for (let d of data) {
|
||||
ils_systems.push(d.ils)
|
||||
disc_systems.push(d.discovery)
|
||||
}
|
||||
const values = new Set(ils_systems.sort())
|
||||
const ils = document.getElementById('ils')
|
||||
for (let val of values) {
|
||||
const option = document.createElement('option')
|
||||
option.innerText = val
|
||||
ils.appendChild(option)
|
||||
}
|
||||
|
||||
const discoveries = new Set(disc_systems.sort())
|
||||
const discovery = document.getElementById('discovery')
|
||||
for (let val of discoveries) {
|
||||
if (val) {
|
||||
const option = document.createElement('option')
|
||||
option.innerText = val
|
||||
discovery.appendChild(option)
|
||||
}
|
||||
}
|
||||
|
||||
// watch for a query
|
||||
const form = document.getElementById('form')
|
||||
|
||||
form.addEventListener('submit', (event) => {
|
||||
event.preventDefault()
|
||||
let listing = document.getElementById('libraries')
|
||||
// clear
|
||||
while (listing.firstChild) {
|
||||
listing.removeChild(listing.firstChild);
|
||||
}
|
||||
|
||||
let ils = event.target.ils.value == "---" ? null : event.target.ils.value
|
||||
let discovery = event.target.discovery.value == "---" ? null : event.target.discovery.value
|
||||
|
||||
var libraries = []
|
||||
if (ils && !discovery) {
|
||||
libraries = data.filter( (lib) => lib.ils == ils).sort( (a,b) => {
|
||||
return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
|
||||
})
|
||||
} else if (discovery && !ils) {
|
||||
libraries = data.filter( (lib) => lib.discovery == discovery).sort( (a,b) => {
|
||||
return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
|
||||
})
|
||||
} else {
|
||||
let ils_libs = data.filter( (lib) => lib.ils == ils)
|
||||
libraries = ils_libs.filter( (lib) => lib.discovery == discovery).sort( (a,b) => {
|
||||
return (a.name < b.name) ? -1 : (a.name > b.name) ? 1 : 0;
|
||||
})
|
||||
}
|
||||
|
||||
// account for no disovery listed or neither
|
||||
for (let lib of libraries) {
|
||||
const li = document.createElement('li')
|
||||
if (lib.url) {
|
||||
li.innerHTML = `<a target="_blank" href="${lib.url}" rel="noopener noreferrer">${lib.name}</a>`
|
||||
} else {
|
||||
li.innerText = lib.name
|
||||
}
|
||||
if (lib.state) {
|
||||
li.innerHTML += ` (${lib.state})`
|
||||
}
|
||||
|
||||
listing.appendChild(li)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<script src="/who-else.js"></script>
|
||||
|
||||
<form id="form">
|
||||
<label for="ils">Integrated Library System (ILS/LMS)</label>
|
||||
|
|
Loading…
Reference in a new issue