Change content for sheets + layout
This commit is contained in:
parent
023b94b2a0
commit
071641270c
@ -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>
|
||||||
|
@ -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">
|
||||||
|
@ -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>
|
||||||
|
@ -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],
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -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) {
|
||||||
|
Loading…
Reference in New Issue
Block a user