nicolo/caprigis
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Don't append photos every time...

Browse Source
This commit is contained in:
Nicolò P 2024-10-22 15:37:36 +02:00
parent 8d614d44f8
commit 5ccfffa82d
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
js/components/SitePhotos.js
View File

@ -21,7 +21,6 @@ export class SitePhotos {
<div class="icon overlay is-flex is-justify-content-center is-align-items-center"> <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> <i class="is-flex fa fa-2x fa-play-circle"></i>
</div> </div>
<figcaption class="p-2 has-text-centered">${this._siteData.didascalia}</figcaption>
</figure> </figure>
</div> </div>
</div> </div>

3
js/components/SiteSurveys.js
View File

@ -11,7 +11,7 @@ export class SiteSurveys {
} }
render() { 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>`; <p class="is-size-5 mt-3">Elaborazioni CNR da rilievi</p>`;
content += ` content += `
<div style="max-width: 70%; margin: 0 auto"> <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"> <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> <i class="is-flex fa fa-2x fa-play-circle"></i>
</div> </div>
<figcaption class="p-2 has-text-centered">${this._siteData.didascalia}</figcaption>
</figure> </figure>
</div> </div>
</div> </div>

2
js/gis.js
View File

@ -13,7 +13,7 @@ const API_URL = 'https://testaec.electricmandarine.cloud/gisdb/gis';
const GIS = {}; const GIS = {};
GIS.CENTER_COORDS = [40.5492, 14.2317]; GIS.CENTER_COORDS = [40.5492, 14.2317];
GIS.INIT_ZOOM = 15; GIS.INIT_ZOOM = 14;
const optionsVincoli = { const optionsVincoli = {
color: '#222', color: '#222',
opacity: 0.8, opacity: 0.8,

16
js/ui.js
View File

@ -86,20 +86,22 @@ UI.openModal = async function (data, selector) {
siteSheet.siteData = data; siteSheet.siteData = data;
modal.querySelector('#site-sheet').innerHTML = siteSheet.render(); modal.querySelector('#site-sheet').innerHTML = siteSheet.render();
let photos = modal.querySelector('#photos');
if (data.documents.length) { if (data.documents.length) {
let siteDocs = new SiteDocuments; let siteDocs = new SiteDocuments;
siteDocs.siteData = data; siteDocs.siteData = data;
modal.querySelector('#documents').innerHTML = siteDocs.render(); modal.querySelector('#documents').innerHTML = siteDocs.render();
} }
if (data.surveys.length) {
if (photos.innerHTML.length === 0) {
let siteSurveys = new SiteSurveys; let siteSurveys = new SiteSurveys;
siteSurveys.siteData = data.surveys[0]; siteSurveys.siteData = data.surveys[0] ?? undefined;
modal.querySelector('#photos').innerHTML += siteSurveys.render(); photos.innerHTML += data.surveys[0] ? siteSurveys.render() : '';
}
if (data.photos.length) {
let sitePhotos = new SitePhotos; let sitePhotos = new SitePhotos;
sitePhotos.siteData = data.photos[0]; sitePhotos.siteData = data.photos[0] ?? undefined;
modal.querySelector('#photos').innerHTML += sitePhotos.render(); photos.innerHTML += data.photos[0] ? sitePhotos.render() : '';
} }
let dataTabs = modal.querySelectorAll('.data-tabs'); let dataTabs = modal.querySelectorAll('.data-tabs');