/** * Component to render data for not conserved assets sheet * @class NotConservedSheet */ export class NotConservedSheet { biblioElements = []; /** * @param {object} data */ set siteData(data) { this._data = data; } async render() { return ` <div class="container px-4 pt-4"> <p class="p-2"> <span class="icon has-text-link"> <i class="fa fa-tag"></i> </span> <strong>Denominazione:</strong> ${this._data.denomination} </p> <p class="p-2"> <span class="icon has-text-link"> <i class="fa fa-hourglass"></i> </span> <strong>Periodo:</strong> ${this._data.period} </p> <p class="p-2"> <span class="icon has-text-link"> <i class="fa fa-map"></i> </span> <strong>Località generica:</strong> ${this._data.genericLocation} </p> <p class="mt-4 pl-2 pr-5"> <strong class="pb-3">Descrizione</strong></br> ${this._data.shortDescription} </p> <p class="mt-4 pl-2 pr-5"> <span class="icon has-text-link"> <i class="fa fa-book"></i> </span> <strong>Bibliografia:</strong> ${await this.biblio(this._data.id)} </p> <div class="notification is-light mx-3 mt-4 mb-0 p-2 is-hidden" data-biblio-target="biblio"></div> <p class="p-2 mb-4"> <strong>Autore scheda:</strong> ${this._data.author} </p> </div>`; } async biblio(recordId) { let record = await this.fetchData(`${window.API_URL}/not_conserved/${recordId}`); let citations = ''; if (record.bibliography.length) { record.bibliography.forEach(record => { citations += ` <span class="is-clickable is-capitalized has-text-link" data-action="click->biblio#open" id="cit-${record.id}"> ${record.citation.toLowerCase()}, </span> ${record.pages}; `; this.biblioElements.push(` <div class="p-2 mt-2" id="ref-${record.id}"> <p>${record.reference}</p> </div> ` ); }); } return citations.trim().slice(0, -1); } getReference(id) { return this.biblioElements.find(ref => { let regex = new RegExp('ref-'+id+'"'); return ref.match(regex); }); } async fetchData(url) { return await fetch(url).then(res => res.json()); } }