valentin_le_moign/carnet_atterrissage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

debug icones lampe et latour

Browse Source
This commit is contained in:
Valentin
2023-06-29 10:48:12 +02:00
parent 26a6f3a884
commit 5ea533d050
42 changed files with 46 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/carnet-atterrissage/css/mep_carnet.css
+13 -4
View File
@@ -77,6 +77,14 @@ h3 {
color: red;
}
.breakbefore {
break-before: page;
}
.breakafter {
break-after: page;
}
.moment {
padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
display: block;
@@ -165,14 +173,15 @@ h3 {
flex-direction: row;
align-items: center;
line-height: 1.1;
/* font-family: 'Novel';
*/ font-weight: bold;
margin-bottom: 3mm;
font-weight: bold;
}
.latour-header div:first-of-type,
.lampe-header div:first-of-type {
.latour-header img:first-of-type,
.lampe-header img:first-of-type {
margin-top: 1mm;
margin-right: 2mm;
width: 8mm;
}
.lampe {
user/themes/carnet-atterrissage/js/parsing.js
+26 -6
View File
@@ -17,13 +17,38 @@ let labeurs = document.getElementsByClassName("labeur");
for(let i = 0; i < labeurs.length; i++) {
contentToParse.push(labeurs[i]);
}
// créer header icons pour encarts
let latours = document.getElementsByClassName("latour");
for(let i = 0; i < latours.length; i++) {
contentToParse.push(latours[i]);
let headContent = latours[i].firstChild
let headerEl = document.createElement('div');
headerEl.setAttribute('class', 'latour-header')
let iconImg = document.createElement('img');
iconImg.setAttribute('src', '/user/themes/carnet-atterrissage/assets/map.png');
headerEl.append(iconImg);
headerEl.append(headContent);
latours[i].firstChild.remove();
latours[i].prepend(headerEl);
}
let lampes = document.getElementsByClassName("lampe");
for(let i = 0; i < lampes.length; i++) {
contentToParse.push(lampes[i]);
let headContent = lampes[i].firstChild
let headerEl = document.createElement('div');
headerEl.setAttribute('class', 'lampe-header')
let iconImg = document.createElement('img');
iconImg.setAttribute('src', '/user/themes/carnet-atterrissage/assets/lampe.png');
headerEl.append(iconImg);
headerEl.append(headContent);
lampes[i].firstChild.remove();
lampes[i].prepend(headerEl);
}
for(let i = 0; i < contentToParse.length; i++) {
@@ -32,12 +57,7 @@ for(let i = 0; i < contentToParse.length; i++) {
} else {
contentToParse[i].innerHTML = "<p>" + contentToParse[i].innerHTML.replace("<p>", "");
}
// headers latour / lampe
if (contentToParse[i].classList.contains("latour")) {
contentToParse[i].childNodes[0].innerHTML = "<div class='latour-header'><div><img src='{{ url('theme://assets/map.png') }}' alt='carte'></div><div>" + contentToParse[i].childNodes[0].innerHTML + "</div></div>";
} else if (contentToParse[i].classList.contains("lampe")) {
contentToParse[i].childNodes[0].innerHTML = "<div class='lampe-header'><div><img src='{{ url('theme://assets/lampe.png') }}' alt='lampe'></div><div>" + contentToParse[i].childNodes[0].innerHTML + "</div></div>";
}
// micro-typo
for(j = 0; j < contentToParse[i].childNodes.length; j++) {
let contentHTML = contentToParse[i].childNodes[j].innerHTML;