Update index pages + add layers
This commit is contained in:
@@ -82,11 +82,21 @@ UI.toggleMenu = function (triggerId) {
|
||||
UI.openSiteModal = async function (data, selector) {
|
||||
const modal = document.querySelector(selector);
|
||||
const tabs = modal.querySelector('.tabs > ul');
|
||||
let dataTabs = modal.querySelectorAll('.data-tabs');
|
||||
|
||||
// Reset data tabs content
|
||||
for (let tab of dataTabs) {
|
||||
tab.innerHTML = '';
|
||||
}
|
||||
//tabs.classList.remove('is-hidden');
|
||||
|
||||
let siteSheet = new SiteSheet();
|
||||
siteSheet.siteData = data;
|
||||
|
||||
modal.querySelector('#short-sheet').innerHTML = siteSheet.renderShort();
|
||||
modal.querySelector('#site-sheet').innerHTML = siteSheet.render();
|
||||
if (data.description) {
|
||||
modal.querySelector('#site-sheet').innerHTML = siteSheet.render();
|
||||
}
|
||||
|
||||
let images = modal.querySelector('#photos');
|
||||
|
||||
@@ -101,8 +111,8 @@ UI.openSiteModal = async function (data, selector) {
|
||||
|
||||
if (images.innerHTML.length === 0) {
|
||||
let siteSurveys = new SiteSurveys;
|
||||
siteSurveys.siteData = surveys.length !== 0 ? surveys[0] : undefined;
|
||||
images.innerHTML += surveys ? siteSurveys.render() : '';
|
||||
siteSurveys.siteData = surveys[0] ?? undefined;
|
||||
images.innerHTML += surveys[0] ? siteSurveys.render() : '';
|
||||
|
||||
let sitePhotos = new SitePhotos;
|
||||
sitePhotos.siteData = photos[0] ?? undefined;
|
||||
@@ -110,7 +120,6 @@ UI.openSiteModal = async function (data, selector) {
|
||||
}
|
||||
|
||||
// Move to Stimulus?
|
||||
let dataTabs = modal.querySelectorAll('.data-tabs');
|
||||
// TODO Awful!!!
|
||||
tabs.childNodes.forEach(node => {
|
||||
if (node.nodeName === 'LI') {
|
||||
@@ -157,7 +166,12 @@ UI.openNotConserModal = async function (data, selector) {
|
||||
modal.addEventListener('click', event => {
|
||||
const biblio = document.querySelector('#biblio');
|
||||
if (event.target.id.includes('cit')) {
|
||||
|
||||
// DEBUG
|
||||
console.log(event.target.id);
|
||||
|
||||
const id = event.target.id.replace('cit-','');
|
||||
|
||||
biblio.innerHTML = '<button class="delete"></button>';
|
||||
biblio.innerHTML += sheet.getReference(id);
|
||||
biblio.classList.remove('is-hidden');
|
||||
@@ -178,25 +192,6 @@ UI.openNotConserModal = async function (data, selector) {
|
||||
modalBg.addEventListener('click', () => closeModal());
|
||||
|
||||
}
|
||||
/**
|
||||
* Open a modal with project info
|
||||
* @param {string} selector The modal selector to open project info
|
||||
*/
|
||||
UI.projectInfo = function (selector) {
|
||||
const modal = document.querySelector(selector);
|
||||
|
||||
document.querySelector('#progetto').addEventListener('click', () => {
|
||||
modal.classList.add('is-active');
|
||||
const closeIcon = modal.querySelector('.delete');
|
||||
const modalBg = modal.querySelector('.modal-background');
|
||||
const closeBtn = modal.querySelector('.buttons > .button');
|
||||
const closeModal = () => modal.classList.remove('is-active');
|
||||
// Close modal when clicking either on the X button or on the background
|
||||
closeBtn.addEventListener('click', () => closeModal());
|
||||
closeIcon.addEventListener('click', () => closeModal());
|
||||
modalBg.addEventListener('click', () => closeModal());
|
||||
});
|
||||
}
|
||||
/**
|
||||
* @param {string} menuListSel Menu list selector
|
||||
* @param {L.Map} map
|
||||
|
||||
Reference in New Issue
Block a user