diff --git a/contents.js b/contents.js index 0efb915..b1aaa13 100644 --- a/contents.js +++ b/contents.js @@ -4,7 +4,7 @@ const trackList = document.getElementById("trackList"); const pagedjs = document.createElement("script"); pagedjs.src = "https://unpkg.com/pagedjs/dist/paged.polyfill.js"; -pagedjs.id ="printview" +pagedjs.id = "printview"; const printLib = document.getElementById("btn-print"); @@ -14,7 +14,7 @@ window.addEventListener("load", () => { //document.getElementsByTagName("head")[0].appendChild(pagedjs); }); -printLib.addEventListener("click", () =>{ +printLib.addEventListener("click", () => { printViewToggle(); console.log(btnPrint); }); @@ -26,6 +26,7 @@ function fetchContents() { } function populateContributions(contributions) { + contributions.sort((a, b) => a.order - b.order); contributions.forEach((contribution) => { contributionsList.appendChild(createSection(contribution)); createIndexSection(contribution); @@ -48,7 +49,7 @@ function atlasLink() { let groups = atlas.querySelectorAll("g"); for (const group of groups) { 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; group.innerHTML = ""; group.appendChild(link); @@ -56,7 +57,7 @@ function atlasLink() { } function createIndexSection(contribution) { - let table = document.createElement("table"); + let table = document.createElement("table"); let title = document.createElement("h4"); title.innerHTML = contribution.title; if (contribution.audio){ @@ -77,20 +78,16 @@ function createIndexSection(contribution) { trackList.appendChild(table); } - - function printViewToggle() { - var printview = document.getElementById("printview") + var printview = document.getElementById("printview"); if (!printview) { - 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 (????) var btnPrint = document.getElementById("btn-print"); console.log(btnPrint); - } else { //document.getElementsByTagName("head")[0].removeChild(printview); pagejs.remove(); console.log("aooooo che cazzo"); } -} \ No newline at end of file +} diff --git a/index.html b/index.html index d18b6a7..2222335 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@
- + Caretakers
Erica, Gersande, Kamo
- + diff --git a/style.css b/style.css index 98f9615..a023177 100644 --- a/style.css +++ b/style.css @@ -165,7 +165,7 @@ dd { height: auto; } -#print { +#btn-print { display: inline-block; margin-top: 32px; background: none; @@ -174,7 +174,7 @@ dd { font-size: 1rem; } -#print:hover{ +#btn-print:hover{ cursor: pointer; }