Don't append photos every time...
This commit is contained in:
parent
8d614d44f8
commit
5ccfffa82d
@ -21,7 +21,6 @@ export class SitePhotos {
|
||||
<div class="icon overlay is-flex is-justify-content-center is-align-items-center">
|
||||
<i class="is-flex fa fa-2x fa-play-circle"></i>
|
||||
</div>
|
||||
<figcaption class="p-2 has-text-centered">${this._siteData.didascalia}</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -11,7 +11,7 @@ export class SiteSurveys {
|
||||
}
|
||||
|
||||
render() {
|
||||
let content = `<div class="has-text-centered has-bottom-border">
|
||||
let content = `<div class="has-text-centered has-bottom-border mb-5 pb-5">
|
||||
<p class="is-size-5 mt-3">Elaborazioni CNR da rilievi</p>`;
|
||||
content += `
|
||||
<div style="max-width: 70%; margin: 0 auto">
|
||||
@ -21,7 +21,6 @@ export class SiteSurveys {
|
||||
<div class="icon overlay is-flex is-justify-content-center is-align-items-center">
|
||||
<i class="is-flex fa fa-2x fa-play-circle"></i>
|
||||
</div>
|
||||
<figcaption class="p-2 has-text-centered">${this._siteData.didascalia}</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -13,7 +13,7 @@ const API_URL = 'https://testaec.electricmandarine.cloud/gisdb/gis';
|
||||
const GIS = {};
|
||||
|
||||
GIS.CENTER_COORDS = [40.5492, 14.2317];
|
||||
GIS.INIT_ZOOM = 15;
|
||||
GIS.INIT_ZOOM = 14;
|
||||
const optionsVincoli = {
|
||||
color: '#222',
|
||||
opacity: 0.8,
|
||||
|
16
js/ui.js
16
js/ui.js
@ -86,20 +86,22 @@ UI.openModal = async function (data, selector) {
|
||||
siteSheet.siteData = data;
|
||||
modal.querySelector('#site-sheet').innerHTML = siteSheet.render();
|
||||
|
||||
let photos = modal.querySelector('#photos');
|
||||
|
||||
if (data.documents.length) {
|
||||
let siteDocs = new SiteDocuments;
|
||||
siteDocs.siteData = data;
|
||||
modal.querySelector('#documents').innerHTML = siteDocs.render();
|
||||
}
|
||||
if (data.surveys.length) {
|
||||
|
||||
if (photos.innerHTML.length === 0) {
|
||||
let siteSurveys = new SiteSurveys;
|
||||
siteSurveys.siteData = data.surveys[0];
|
||||
modal.querySelector('#photos').innerHTML += siteSurveys.render();
|
||||
}
|
||||
if (data.photos.length) {
|
||||
siteSurveys.siteData = data.surveys[0] ?? undefined;
|
||||
photos.innerHTML += data.surveys[0] ? siteSurveys.render() : '';
|
||||
|
||||
let sitePhotos = new SitePhotos;
|
||||
sitePhotos.siteData = data.photos[0];
|
||||
modal.querySelector('#photos').innerHTML += sitePhotos.render();
|
||||
sitePhotos.siteData = data.photos[0] ?? undefined;
|
||||
photos.innerHTML += data.photos[0] ? sitePhotos.render() : '';
|
||||
}
|
||||
|
||||
let dataTabs = modal.querySelectorAll('.data-tabs');
|
||||
|
Loading…
Reference in New Issue
Block a user