Render 3D reconstructions for sites
This commit is contained in:
parent
378e14d56a
commit
cfcd1e8e80
@ -43,4 +43,21 @@ export class SiteMedia {
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
renderReconstructions() {
|
||||
return `
|
||||
<div class="content has-text-centered mb-5 pb-5">
|
||||
<p class="is-size-5 mt-3">Ricostruzioni 3D</p>
|
||||
<div style="max-width: 70%; margin: 0 auto">
|
||||
<p class="is-size-6 has-text-centered">Gallery ricostruzioni 3D</p>
|
||||
<figure class="is-relative is-clickable has-text-centered" id="gallery-3d">
|
||||
<img src="video/${this._siteData.filename}" width="300"/>
|
||||
<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>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
@ -100,8 +100,14 @@ UI.openSiteModal = function (data, selector) {
|
||||
let surveys = data.images.filter(i => i.type === 'Survey');
|
||||
let photos = data.images.filter(i => i.type === 'Photo');
|
||||
let videos = data.images.filter(i => i.type === 'Video');
|
||||
let reconstructions = data.images.filter(i => i.type === 'Reconstruction');
|
||||
|
||||
if (surveys.length === 0 && photos.length === 0 && videos.length === 0) {
|
||||
const noMedia = surveys.length === 0
|
||||
&& photos.length === 0
|
||||
&& reconstructions.length === 0
|
||||
&& videos.length === 0;
|
||||
|
||||
if (noMedia) {
|
||||
images.innerHTML = '<p class="has-text-centered">Nessuna risorsa visuale disponibile</p>';
|
||||
}
|
||||
|
||||
@ -114,6 +120,9 @@ UI.openSiteModal = function (data, selector) {
|
||||
siteMedia.siteData = photos[0] ?? undefined;
|
||||
images.innerHTML += photos[0] ? siteMedia.renderPhotos() : '';
|
||||
|
||||
siteMedia.siteData = reconstructions[0] ?? undefined;
|
||||
images.innerHTML += reconstructions[0] ? siteMedia.renderReconstructions() : '';
|
||||
|
||||
siteMedia.siteData = videos[0] ?? undefined;
|
||||
images.innerHTML += videos[0] ? siteMedia.renderVideos() : '';
|
||||
}
|
||||
@ -122,6 +131,7 @@ UI.openSiteModal = function (data, selector) {
|
||||
|
||||
this.imageGallery('gallery-1', surveys);
|
||||
this.imageGallery('gallery-2', photos);
|
||||
this.imageGallery('gallery-3d', reconstructions);
|
||||
this.imageGallery('gallery-video', videos, true);
|
||||
}
|
||||
/**
|
||||
|
Loading…
Reference in New Issue
Block a user