Change content for sheets + layout

This commit is contained in:
Nicolò P 2024-11-26 14:30:19 +01:00
parent 023b94b2a0
commit 071641270c
5 changed files with 30 additions and 31 deletions

View File

@ -61,18 +61,17 @@
<div class="loading loading-lg"></div> <div class="loading loading-lg"></div>
</div> </div>
<div class="main columns"> <div class="main columns">
<div class="column is-hidden is-overlay has-background-white" id="menu"> <div class="column is-hidden is-4 is-3-widescreen is-4-desktop is-5-mobile is-overlay has-background-white-ter" id="menu">
<aside class="menu ml-4"> <aside class="menu ml-4">
<button title="Chiudi menu" class="button is-small is-pulled-right" id="close-menu"> <button title="Chiudi menu" class="delete is-pulled-right" id="close-menu"></button>
<span class="icon is-small"> <p class="menu-label is-size-5 mt-2 is-clickable">
<i class="fa fa-chevron-left"></i>
</span>
</button>
<p class="menu-label is-size-5">
<span class="icon pr-2"> <span class="icon pr-2">
<img class="image" src="img/icons/siti_menu.png"/> <img class="image" src="img/icons/siti_menu.png"/>
</span> </span>
Beni archeologici Beni archeologici
<span class="icon pl-2">
<i class="fa fa-chevron-right"></i>
</span>
</p> </p>
<ul class="menu-list is-hidden" id="siti-list"> <ul class="menu-list is-hidden" id="siti-list">
<li> <li>
@ -136,17 +135,23 @@
</ul> </ul>
</li> </li>
</ul> </ul>
<p class="menu-label is-size-5"> <p class="menu-label is-size-5 is-clickable">
Beni non conservati Beni non conservati
<span class="icon pl-2">
<i class="fa fa-chevron-right"></i>
</span>
</p> </p>
<ul class="menu-list is-hidden" id="not-conserved-list"> <ul class="menu-list is-hidden" id="not-conserved-list">
</ul> </ul>
<p class="menu-label is-size-5"> <p class="menu-label is-size-5 is-clickable">
<span class="icon pr-2"> <span class="icon pr-2">
<img class="image" src="img/icons/rinv_menu.png"/> <img class="image" src="img/icons/rinv_menu.png"/>
</span> </span>
Rinvenimenti Rinvenimenti
<span class="icon pl-2">
<i class="fa fa-chevron-right"></i>
</span>
</p> </p>
<ul class="menu-list is-hidden" id="rinvenimenti-list"> <ul class="menu-list is-hidden" id="rinvenimenti-list">
<li> <li>

View File

@ -19,25 +19,19 @@ export class Finding {
<strong>Materia:</strong> ${this._data.material} <strong>Materia:</strong> ${this._data.material}
</p> </p>
<p class="p-2"> <p class="p-2">
<strong>Misure</strong> ${this._data.measurements} <strong>Misure:</strong> ${this._data.measurements}
</p> </p>
<p class="p-2"> <p class="p-2">
<strong>Inventario</strong> ${this._data.inventory} <strong>Luogo e anno rinvenimento:</strong> ${this._data.place}. ${this._data.year}
</p> </p>
<p class="p-2"> <p class="p-2">
<strong>Luogo rinvenimento</strong> ${this._data.place} <strong>Datazione:</strong> ${this._data.dating}
</p> </p>
<p class="p-2"> <p class="p-2">
<strong>Anno rinvenimento</strong> ${this._data.year} <strong>Stato di conservazione:</strong> ${this._data.conservationState}
</p> </p>
<p class="p-2"> <p class="p-2">
<strong>Datazione</strong> ${this._data.dating} <strong>Luogo di conservazione:</strong> ${this._data.conservationPlace}
</p>
<p class="p-2">
<strong>Stato di conservazione</strong> ${this._data.conservationState}
</p>
<p class="p-2">
<strong>Luogo di conservazione</strong> ${this._data.conservationPlace}
</p> </p>
<p class="mt-4 pl-2 pr-5"> <p class="mt-4 pl-2 pr-5">
<span class="icon has-text-link"> <span class="icon has-text-link">

View File

@ -12,7 +12,7 @@ export class SiteSurveys {
render() { render() {
let content = `<div class="has-text-centered has-bottom-border mb-5 pb-5"> 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">Rilievi CNR-ISPC, elaborazioni grafiche</p>`;
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>

View File

@ -7,26 +7,26 @@ const Icons = {};
Icons.site = L.icon( Icons.site = L.icon(
{ {
iconUrl: 'img/icons/siti.png', iconUrl: 'img/icons/siti.png',
iconSize: [24, 36], iconSize: [18, 27],
iconAnchor: [12, 32], iconAnchor: [10, 24],
tooltipAnchor: [0, -26], tooltipAnchor: [0, -22],
} }
); );
Icons.notConserved = L.icon( Icons.notConserved = L.icon(
{ {
iconUrl: 'img/icons/non_conserv.png', iconUrl: 'img/icons/non_conserv.png',
iconSize: [24, 36], iconSize: [18, 27],
iconAnchor: [12, 32], iconAnchor: [10, 24],
tooltipAnchor: [0, -26], tooltipAnchor: [0, -22],
} }
); );
Icons.finding = L.icon( Icons.finding = L.icon(
{ {
iconUrl: 'img/icons/rinvenimenti.png', iconUrl: 'img/icons/rinvenimenti.png',
iconSize: [24, 36], iconSize: [18, 27],
iconAnchor: [12, 32], iconAnchor: [10, 24],
tooltipAnchor: [0, -26], tooltipAnchor: [0, -22],
} }
); );

View File

@ -76,7 +76,7 @@ UI.toggleMenu = function (triggerId, listId = null) {
const menu = document.querySelector('#menu'); const menu = document.querySelector('#menu');
trigger.addEventListener('click', () => { trigger.addEventListener('click', () => {
menu.classList.remove('is-hidden'); menu.classList.remove('is-hidden');
menu.classList.add('is-3'); //menu.classList.add('is-3');
const lists = menu.querySelectorAll('ul'); const lists = menu.querySelectorAll('ul');
if (listId !== null) { if (listId !== null) {