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

Images for Reuse

Browse Source
This commit is contained in:
Nicolò P 2025-08-08 14:17:01 +02:00
parent f849f885f9
commit 986c4b0a75
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webgis/js/components/Reuse.js
View File

@ -57,7 +57,7 @@ export class Reuse {
content += ` content += `
<div style="max-width: 70%; margin: 0 auto"> <div style="max-width: 70%; margin: 0 auto">
<p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p> <p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p>
<figure class="is-relative is-clickable has-text-centered" id="finding-gallery"> <figure class="is-relative is-clickable has-text-centered" id="reuse-gallery">
<img src="img/${this.images[0].filename}" width="300"/> <img src="img/${this.images[0].filename}" width="300"/>
<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>
@ -78,7 +78,7 @@ export class Reuse {
if (record.images.length) { if (record.images.length) {
this.images = record.images; this.images = record.images;
imageContainer.innerHTML = this.renderImages(); imageContainer.innerHTML = this.renderImages();
gallery('finding-gallery', this.images); gallery('reuse-gallery', this.images);
} }
} }
/** /**

1
webgis/js/ui.js
View File

@ -228,6 +228,7 @@ UI.openReuseModal = function (data, selector) {
// For Stimulus biblio_controller // For Stimulus biblio_controller
//GisState.bibliography = underwater; //GisState.bibliography = underwater;
reuse.render().then(html => modal.querySelector('#reuse-sheet').innerHTML = html); reuse.render().then(html => modal.querySelector('#reuse-sheet').innerHTML = html);
reuse.setImages(modal.querySelector('#photos'), this.imageGallery);
modal.classList.add('is-active'); modal.classList.add('is-active');
} }
/** /**