Reorganize structure with entry point
This commit is contained in:
31
webgis/js/components/SiteSurveys.js
Normal file
31
webgis/js/components/SiteSurveys.js
Normal file
@@ -0,0 +1,31 @@
|
||||
/**
|
||||
* Component to render data for site surveys
|
||||
* @class SiteSurveys
|
||||
*/
|
||||
export class SiteSurveys {
|
||||
/**
|
||||
* @param {object} data
|
||||
*/
|
||||
set siteData(data) {
|
||||
this._siteData = data;
|
||||
}
|
||||
|
||||
render() {
|
||||
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">
|
||||
<p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p>
|
||||
<figure class="is-relative has-text-centered is-clickable" id="gallery-1">
|
||||
<img src="img/${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>
|
||||
`;
|
||||
|
||||
return content;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user