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

Adjust documents table

Browse Source
This commit is contained in:
Nicolò P 2024-10-23 11:33:05 +02:00
parent eaa41537c1
commit 981239db44
3 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/app.css
View File

@ -141,3 +141,8 @@ a:visited {
max-width: 600px; max-width: 600px;
left: 35vw; left: 35vw;
} }
/* Content in tabs */
.docs-title {
width: 300px;
max-width: 300px;
}

2
index.html
View File

@ -81,7 +81,7 @@
</div> </div>
<div class="column is-full"> <div class="column is-full">
<div id="map" aria-describedby="map-progress" aria-busy="true" style="position: relative;"> <div id="map" aria-describedby="map-progress" aria-busy="true" style="position: relative;">
<progress id="map-progress" class="p-2 m-4 progress is-medium is-link" aria-label="Map loading..." /> <progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
</div> </div>
</div> </div>
</div> </div>

20
js/components/SiteDocuments.js
View File

@ -13,11 +13,14 @@ export class SiteDocuments {
render() { render() {
let content = ` let content = `
<div class="has-bottom-border"> <div class="has-bottom-border">
<h3 class="p-2 has-text-centered is-size-5">Documentazione di archivio</h3>
<p class="p-2 has-text-centered">${this._siteData.documenti}</p> <p class="p-2 has-text-centered">${this._siteData.documenti}</p>
<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>
<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>Autori</th><th>Download</th></tr>
</thead>
<tbody>
`; `;
for (const doc of this._siteData.documents.filter(d => d.tipo === 'documentazione')) { for (const doc of this._siteData.documents.filter(d => d.tipo === 'documentazione')) {
content += ` content += `
@ -27,16 +30,12 @@ export class SiteDocuments {
`; `;
} }
content += ` content += `
</table> </tbody>
</div> <thead>
</div> <tr><th colspan=3 class="p-2 has-text-centered is-size-5">Pubblicazioni del progetto Carta Archeologica</th>
`;
content += `
<div class="has-bottom-border mt-5">
<h3 class="p-2 has-text-centered is-size-5">Pubblicazioni del progetto Carta Archeologica</h3>
<div class="p-2">
<table class="p-4 table is-fullwidth is-striped">
<tr><th>Titolo</th><th>Autori</th><th>Download</th></tr> <tr><th>Titolo</th><th>Autori</th><th>Download</th></tr>
</thead>
<tbody>
`; `;
for (const doc of this._siteData.documents.filter(d => d.tipo === 'pubblicazione')) { for (const doc of this._siteData.documents.filter(d => d.tipo === 'pubblicazione')) {
content += ` content += `
@ -46,6 +45,7 @@ export class SiteDocuments {
`; `;
} }
content += ` content += `
</tbody>
</table> </table>
</div> </div>
</div> </div>