diff --git a/webgis/index.html b/webgis/index.html index fabff7e..1a0d722 100644 --- a/webgis/index.html +++ b/webgis/index.html @@ -524,10 +524,31 @@ - `; } + renderImages() { + let content = `
+

Immagini

`; + content += ` +
+

Cliccare sull'immagine per aprire la gallery

+ +
+
`; + + return content; + } + /** + * @param {HTMLElement} imageContainer + * @param {Function} gallery + */ + async setImages(imageContainer, gallery) { + let record = await this.fetchData(`${window.API_URL}/not_conserved/${this._data.id}`) + + if (record.images.length) { + this.images = record.images; + imageContainer.innerHTML = this.renderImages(); + gallery('not-conserved-gallery', this.images); + } + } + async biblio(recordId) { let record = await this.fetchData(`${window.API_URL}/not_conserved/${recordId}`); diff --git a/webgis/js/ui.js b/webgis/js/ui.js index 1611d27..aed377f 100644 --- a/webgis/js/ui.js +++ b/webgis/js/ui.js @@ -5,7 +5,7 @@ import { SiteSheet } from './components/SiteSheet.js'; import { SiteDocuments } from './components/SiteDocuments.js'; import { SiteSurveys } from './components/SiteSurveys.js'; import { SiteMedia } from './components/SiteMedia.js'; -import { NotConservedSheet } from './components/NotConservedSheet.js'; +import { NotConserved } from './components/NotConserved.js'; import { Finding } from './components/Finding.js'; import { Prehistoric } from './components/Prehistoric.js'; @@ -162,12 +162,13 @@ UI.openSiteModal = function (data, selector) { UI.openNotConserModal = function (data, selector) { const modal = document.querySelector(selector); - let sheet = new NotConservedSheet(); - sheet.siteData = data; + let notConserved = new NotConserved(); + notConserved.siteData = data; // For Stimulus biblio_controller - window.Biblio = sheet; + window.Biblio = notConserved; - sheet.render().then(html => modal.querySelector('#not-conser-sheet').innerHTML = html); + notConserved.render().then(html => modal.querySelector('#not-conserved-sheet').innerHTML = html); + notConserved.setImages(modal.querySelector('#photos'), this.imageGallery); modal.classList.add('is-active'); } /**