diff --git a/webgis/js/components/Finding.js b/webgis/js/components/Finding.js
index c13cb9c..4cf0e83 100644
--- a/webgis/js/components/Finding.js
+++ b/webgis/js/components/Finding.js
@@ -91,17 +91,17 @@ export class Finding {
let citations = '';
if (record.bibliography.length) {
- record.bibliography.forEach(record => {
+ record.bibliography.forEach(biblio => {
citations += `
- ${record.citation.toLowerCase()},
- ${record.pages};
+ id="cit-${biblio.id}">
+ ${biblio.citation.toLowerCase()},
+ ${biblio.pages};
`;
this.biblioElements.push(`
-
-
${record.reference}
+
`
);
diff --git a/webgis/js/ui.js b/webgis/js/ui.js
index f8c3cc1..242d79f 100644
--- a/webgis/js/ui.js
+++ b/webgis/js/ui.js
@@ -182,7 +182,7 @@ UI.openNotConserModal = async function (data, selector) {
sheet.siteData = data;
modal.querySelector('#not-conser-sheet').innerHTML = await sheet.render();
modal.addEventListener('click', event => {
- const biblio = document.querySelector('#biblio');
+ const biblio = modal.querySelector('#biblio');
if (event.target.id.includes('cit')) {
const id = event.target.id.replace('cit-','');
@@ -226,9 +226,9 @@ UI.openFindingModal = async function (data, selector) {
finding.setImages();
modal.querySelector('#finding-sheet').innerHTML = await finding.render();
modal.addEventListener('click', event => {
- const biblio = document.querySelector('#biblio');
- if (event.target.id.includes('cit')) {
+ const biblio = modal.querySelector('#biblio');
+ if (event.target.id.includes('cit')) {
const id = event.target.id.replace('cit-','');
biblio.innerHTML = '
';