order and links

master
km0 3 years ago
parent 1a6e13c4e4
commit ee08ab2a50

@ -3,7 +3,7 @@ const contributionsList = document.getElementById("contributions");
const pagedjs = document.createElement("script"); const pagedjs = document.createElement("script");
pagedjs.src = "https://unpkg.com/pagedjs/dist/paged.polyfill.js"; pagedjs.src = "https://unpkg.com/pagedjs/dist/paged.polyfill.js";
pagedjs.id ="printview" pagedjs.id = "printview";
const printLib = document.getElementById("btn-print"); const printLib = document.getElementById("btn-print");
@ -13,7 +13,7 @@ window.addEventListener("load", () => {
//document.getElementsByTagName("head")[0].appendChild(pagedjs); //document.getElementsByTagName("head")[0].appendChild(pagedjs);
}); });
printLib.addEventListener("click", () =>{ printLib.addEventListener("click", () => {
printViewToggle(); printViewToggle();
console.log(btnPrint); console.log(btnPrint);
}); });
@ -25,6 +25,7 @@ function fetchContents() {
} }
function populateContributions(contributions) { function populateContributions(contributions) {
contributions.sort((a, b) => a.order - b.order);
contributions.forEach((contribution) => { contributions.forEach((contribution) => {
contributionsList.appendChild(createSection(contribution)); contributionsList.appendChild(createSection(contribution));
}); });
@ -46,24 +47,20 @@ function atlasLink() {
let groups = atlas.querySelectorAll("g"); let groups = atlas.querySelectorAll("g");
for (const group of groups) { for (const group of groups) {
let link = document.createElementNS("http://www.w3.org/2000/svg", "a"); let link = document.createElementNS("http://www.w3.org/2000/svg", "a");
link.setAttributeNS("http://www.w3.org/2000/svg", "href", "#" + group.id); link.setAttribute("href", "#" + group.id);
link.innerHTML = group.innerHTML; link.innerHTML = group.innerHTML;
group.innerHTML = ""; group.innerHTML = "";
group.appendChild(link); group.appendChild(link);
} }
} }
function printViewToggle() { function printViewToggle() {
var printview = document.getElementById("printview") var printview = document.getElementById("printview");
if (!printview) { if (!printview) {
document.getElementsByTagName("head")[0].appendChild(pagedjs); document.getElementsByTagName("head")[0].appendChild(pagedjs);
// sto provando sta porcata qui, ma non funzia uguale. quando la pagina si trasforma in pagedjs la variabile del btn non è più definita (????) // sto provando sta porcata qui, ma non funzia uguale. quando la pagina si trasforma in pagedjs la variabile del btn non è più definita (????)
var btnPrint = document.getElementById("btn-print"); var btnPrint = document.getElementById("btn-print");
console.log(btnPrint); console.log(btnPrint);
} else { } else {
//document.getElementsByTagName("head")[0].removeChild(printview); //document.getElementsByTagName("head")[0].removeChild(printview);
pagejs.remove(); pagejs.remove();

@ -14,7 +14,7 @@
<body> <body>
<div class="container"> <div class="container">
<div class="atlas"> <div class="atlas">
<button id="btn-print">libretto</button> <!-- <button id="btn-print">libretto</button> -->
<svg <svg
width="1000" width="1000"
height="1000" height="1000"
@ -151,7 +151,7 @@
<dt>Caretakers</dt> <dt>Caretakers</dt>
<dd>Erica, Gersande, Kamo</dd> <dd>Erica, Gersande, Kamo</dd>
</dl> </dl>
<button id="print">Print Libretto</button> <button id="btn-print">Print Libretto</button>
</header> </header>
<!-- <section class="vocabulary"></section> --> <!-- <section class="vocabulary"></section> -->

@ -165,7 +165,7 @@ dd {
height: auto; height: auto;
} }
#print { #btn-print {
display: inline-block; display: inline-block;
margin-top: 32px; margin-top: 32px;
background: none; background: none;
@ -174,7 +174,7 @@ dd {
font-size: 1rem; font-size: 1rem;
} }
#print:hover{ #btn-print:hover{
cursor: pointer; cursor: pointer;
} }

Loading…
Cancel
Save