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

Update displayed data + menu

Browse Source
This commit is contained in:
Nicolò P 2024-11-26 15:58:06 +01:00
parent 071641270c
commit fbb9efc4c7
4 changed files with 51 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
webgis/img/icons/non_cons_menu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

29
webgis/index.html
View File

@ -84,7 +84,7 @@
</li> </li>
<li> <li>
<a class="button" id="lopozzo"> <a class="button" id="lopozzo">
Lo Pozzo (complesso idraulico) Località Lo Pozzo
</a> </a>
</li> </li>
<li> <li>
@ -136,6 +136,9 @@
</li> </li>
</ul> </ul>
<p class="menu-label is-size-5 is-clickable"> <p class="menu-label is-size-5 is-clickable">
<span class="icon pr-2">
<img class="image" src="img/icons/non_cons_menu.png"/>
</span>
Beni non conservati Beni non conservati
<span class="icon pl-2"> <span class="icon pl-2">
<i class="fa fa-chevron-right"></i> <i class="fa fa-chevron-right"></i>
@ -155,14 +158,22 @@
</p> </p>
<ul class="menu-list is-hidden" id="rinvenimenti-list"> <ul class="menu-list is-hidden" id="rinvenimenti-list">
<li> <li>
<a class="button" id="affresco_dame"> Anacapri
Affresco Villa di Damecuta <span class="icon is-small">
</a> <i class="fa fa-plus"></i>
</li> </span>
<li> <ul id="rinv-anacapri-sub">
<a class="button" id="candelabro"> <li>
Base di candelabro <a class="button" id="affresco_dame">
</a> Affresco Villa di Damecuta
</a>
</li>
<li>
<a class="button" id="candelabro">
Base di candelabro
</a>
</li>
</ul>
</li> </li>
</ul> </ul>
</aside> </aside>

45
webgis/js/components/SiteDocuments.js
View File

@ -3,6 +3,8 @@
* @class SiteDocuments * @class SiteDocuments
*/ */
export class SiteDocuments { export class SiteDocuments {
documentation = [];
publications = [];
/** /**
* @param {object} data * @param {object} data
*/ */
@ -11,38 +13,45 @@ export class SiteDocuments {
} }
render() { render() {
this.documentation = this._siteData.documents
.filter(d => d.type === 'documentazione')
this.publications = this._siteData.documents.filter(d => d.type === 'pubblicazione');
let content = ` let content = `
<div class="has-bottom-border"> <div class="has-bottom-border">
<div class="p-2"> <div class="p-2">
<table class="p-4 table is-fullwidth is-striped"> <table class="p-4 table is-fullwidth is-striped">
<thead> <thead>
<tr><th colspan=3 class="p-2 has-text-centered is-size-5">Documentazione di archivio</th> <tr><th colspan=3 class="p-2 has-text-centered is-size-5">Documentazione di archivio</th>
<tr><th>Titolo</th><th>Autori</th><th>Download</th></tr> <tr><th>Titolo</th><th>Luogo di conservazione</th><th>Download</th></tr>
</thead> </thead>
<tbody> <tbody>
`; `;
for (const doc of this._siteData.documents.filter(d => d.type === 'documentazione')) { for (const doc of this.documentation) {
content += ` content += `
<tr><td>${doc.title}</td><td>${doc.authors}</td><td><a class="button is-link has-text-white" href="docs/${doc.filename}"> <tr><td>${doc.title}</td><td>${doc.conservationPlace}</td><td><a class="button is-link has-text-white" href="docs/${doc.filename}">
<i class="fa fa-download mr-2"></i> PDF
</a></td></tr>
`;
}
content += `
</tbody>
<thead>
<tr><th colspan=3 class="p-2 has-text-centered is-size-5">Pubblicazioni del progetto Carta Archeologica</th>
<tr><th>Titolo</th><th>Autori</th><th>Download</th></tr>
</thead>
<tbody>
`;
for (const doc of this._siteData.documents.filter(d => d.type === 'pubblicazione')) {
content += `
<tr><td>${doc.title}</td><td>${doc.authors}</td><td><a class="button is-link has-text-white" href="docs/${doc.filename}">
<i class="fa fa-download mr-2"></i> PDF <i class="fa fa-download mr-2"></i> PDF
</a></td></tr> </a></td></tr>
`; `;
} }
if (this.publications.length) {
content += `
</tbody>
<thead>
<tr><th colspan=3 class="p-2 has-text-centered is-size-5">Pubblicazioni del progetto Carta Archeologica</th>
<tr><th>Titolo</th><th>Autori</th><th>Download</th></tr>
</thead>
<tbody>
`;
for (const doc of this.publications) {
content += `
<tr><td>${doc.title}</td><td>${doc.authors}</td><td><a class="button is-link has-text-white" href="docs/${doc.filename}">
<i class="fa fa-download mr-2"></i> PDF
</a></td></tr>
`;
}
}
content += ` content += `
</tbody> </tbody>
</table> </table>

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

@ -28,6 +28,7 @@ export class SiteSheet {
<tr><th>Motivazione cronologia</th><td>${this._siteData.motivation}</td></tr> <tr><th>Motivazione cronologia</th><td>${this._siteData.motivation}</td></tr>
<tr class="is-link"><th class="is-size-5 has-text-centered" colspan=2>Conservazione e condizione giuridica</th></tr> <tr class="is-link"><th class="is-size-5 has-text-centered" colspan=2>Conservazione e condizione giuridica</th></tr>
<tr><th>Stato di conservazione</th><td>${this._siteData.conservationState}</td></tr> <tr><th>Stato di conservazione</th><td>${this._siteData.conservationState}</td></tr>
<tr><th>Tecniche edilizie impiegate:</th><td>${this._siteData.techniques}</td></tr>
<tr class="is-link"><th class="is-size-5 has-text-centered" colspan=2>Ritrovamento e materiali</th></tr> <tr class="is-link"><th class="is-size-5 has-text-centered" colspan=2>Ritrovamento e materiali</th></tr>
<tr><th>Anno di ritrovamento</th><td>${this._siteData.finding}</td></tr> <tr><th>Anno di ritrovamento</th><td>${this._siteData.finding}</td></tr>
<tr><th>Materiali rinvenuti</th><td>${this._siteData.materials}</td></tr> <tr><th>Materiali rinvenuti</th><td>${this._siteData.materials}</td></tr>
@ -62,6 +63,9 @@ export class SiteSheet {
<p class="mt-4 pl-2 pr-5"> <p class="mt-4 pl-2 pr-5">
${this._siteData.shortDescription} ${this._siteData.shortDescription}
</p> </p>
<p class="p-2">
<strong>Autore scheda:</strong> ${this._siteData.author}
</p>
</div>`; </div>`;
} }
} }