diff --git a/webgis/js/components/NotConservedSheet.js b/webgis/js/components/NotConserved.js
similarity index 70%
rename from webgis/js/components/NotConservedSheet.js
rename to webgis/js/components/NotConserved.js
index 3bd4e08..f32f966 100644
--- a/webgis/js/components/NotConservedSheet.js
+++ b/webgis/js/components/NotConserved.js
@@ -1,8 +1,8 @@
/**
- * Component to render data for not conserved assets sheet
- * @class NotConservedSheet
+ * Component to render data for not conserved assets
+ * @class NotConserved
*/
-export class NotConservedSheet {
+export class NotConserved {
biblioElements = [];
/**
* @param {object} data
@@ -49,6 +49,37 @@ export class NotConservedSheet {
`;
}
+ 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');
}
/**