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;
left: 35vw;
}
/* Content in tabs */
.docs-title {
width: 300px;
max-width: 300px;
}

2
index.html
View File

@ -81,7 +81,7 @@
</div>
<div class="column is-full">
<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>

22
js/components/SiteDocuments.js
View File

@ -13,11 +13,14 @@ export class SiteDocuments {
render() {
let content = `
<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>
<div class="p-2">
<table class="p-4 table is-fullwidth is-striped">
<tr><th>Titolo</th><th>Autori</th><th>Download</th></tr>
<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>
</thead>
<tbody>
`;
for (const doc of this._siteData.documents.filter(d => d.tipo === 'documentazione')) {
content += `
@ -27,16 +30,12 @@ export class SiteDocuments {
`;
}
content += `
</table>
</div>
</div>
`;
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">
</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.tipo === 'pubblicazione')) {
content += `
@ -46,6 +45,7 @@ export class SiteDocuments {
`;
}
content += `
</tbody>
</table>
</div>
</div>