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

Add menu item + CSS

Browse Source
This commit is contained in:
Nicolò P. 2024-12-05 07:58:47 +01:00
parent e32c695cf2
commit 1b8ef27c1e
3 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/app.css
View File

@ -123,8 +123,6 @@ a:visited {
.modal-content,
.modal-card {
width: 60vw;
}
.modal-card {
min-height: 95vh;
}
.modal-card-body img {

22
webgis/index.html
View File

@ -340,6 +340,20 @@
</ul>
</li>
</ul>
<p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="altro">
<span class="icon pr-2">
<img class="image" src="img/icons/preistorici.png"/>
</span>
Altro
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="altro"></i>
</span>
</p>
<ul class="menu-list is-hidden" id="altro-list" data-menu-target="list" data-controller="marker">
<li>
Siti pre-protostorici
</li>
</ul>
</aside>
</div>
<div class="column mb-0 pb-0 is-full is-relative">
@ -351,7 +365,7 @@
<!-- Sites data modal -->
<div class="modal" id="site-data" data-controller="modal biblio tabs" data-modal-target="modal">
<div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
<div class="modal-content has-background-white" style="min-height: 95vh;">
<div class="modal-content has-background-white">
<div class="tabs is-centered">
<ul>
<li class="is-active" id="for-short-sheet"
@ -399,7 +413,7 @@
<!-- Not conserved modal -->
<div class="modal" id="not-conser-data" data-controller="modal biblio" data-modal-target="modal">
<div class="modal-background" data-action="click->modal#close"></div>
<div class="modal-content has-background-white" style="min-height: 95vh;">
<div class="modal-content has-background-white">
<div id="not-conser-sheet"></div>
</div>
<button class="modal-close is-large" aria-label="close" data-action="modal#close"></button>
@ -407,7 +421,7 @@
<!-- Finding modal -->
<div class="modal" id="finding-data" data-controller="modal biblio tabs" data-modal-target="modal">
<div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
<div class="modal-content has-background-white" style="min-height: 95vh;">
<div class="modal-content has-background-white">
<div class="tabs is-centered">
<ul>
<li class="is-active" id="for-finding-sheet" data-tabs-target="tab active" data-action="click->tabs#activate">
@ -436,7 +450,7 @@
<!-- Spherical photo modal -->
<div class="modal" id="spherical-modal">
<div class="modal-background"></div>
<div class="modal-content has-background-white" style="min-height: 95vh;">
<div class="modal-content has-background-white">
<div id="pano-viewer"></div>
</div>
<button class="modal-close is-large" aria-label="close"></button>

16
webgis/js/components/Finding.js
View File

@ -80,23 +80,23 @@ export class Finding {
* @param {number} recordId
*/
async biblio(recordId) {
let record = await this.fetchData(`${window.API_URL}/finding/${recordId}`);
let finding = await this.fetchData(`${window.API_URL}/finding/${recordId}`);
let citations = '';
if (record.bibliography.length) {
record.bibliography.forEach(biblio => {
if (finding.bibliography.length) {
finding.bibliography.forEach(record => {
citations += `
<span class="is-clickable is-capitalized has-text-link"
data-action="click->biblio#open"
id="cit-${biblio.id}">
${biblio.citation.toLowerCase()}</span>`;
id="cit-${record.id}">
${record.citation.toLowerCase()}</span>`;
citations += biblio.pages?.length ? `, ${biblio.pages};` : ';';
citations += record.pages?.length ? `, ${record.pages};` : ';';
this.biblioElements.push(`
<div class="p-2 mt-2" id="ref-${biblio.id}">
<p class="p-3">${biblio.reference}</p>
<div class="p-2 mt-2" id="ref-${record.id}">
<p class="p-3">${record.reference}</p>
</div>
`);
});