Julie/decor-6-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

intégration des contenus prémaquettes

Browse source
This commit is contained in:
sarahgarcin1 2026-04-22 11:13:19 +02:00
parent 5afef4d2d4
commit 5e4fab99c4
105 changed files with 616 additions and 441 deletions
Download patch file Download diff file Expand all files Collapse all files

17
assets/pagedjs/interface.html
View file

@ -27,23 +27,6 @@
</div>
<div class="reset-this" id="header-group-right">
<div class="reset-this header-group" id="buttons">
<form class="reset-this" id="layer-form">
<label class="reset-this" for="layer-select">Sélection de couche</label>
<select class="reset-this" id="layer-select" name="layer-select">
<option value="">Toutes</option>
<option value="red-layer">Rouge</option>
<option value="green-layer">Verte</option>
<option value="blue-layer">Bleue</option>
<option value="black-layer">Noire</option>
</select>
</form>
<form class="reset-this" id="black-form">
<input class="reset-this" type="checkbox" id="black-toggle" name="black-toggle">
<label class="reset-this"for="black-toggle" id="label-black-toggle">
Noir et blanc
</label>
</form>
<br>
<form class="reset-this" id="preview-form">
<input class="reset-this" type="checkbox" id="preview-toggle" name="preview-toggle">
<label class="reset-this"for="preview-toggle" id="label-preview-toggle">

34
assets/pagedjs/interface.js
View file

@ -135,40 +135,6 @@ function interfaceEvents(){
});
/* LAYER SELECTOR ------------------------------------------------------------*/
document.querySelector("#layer-select").addEventListener("change", (e) => {
const layers = ["red-layer", "green-layer", "blue-layer", "black-layer"];
const selected = e.target.value;
layers.forEach(layer => {
body.classList.remove("isolate-" + layer);
});
if (selected) {
body.classList.add("isolate-" + selected);
// Active automatiquement le mode noir et blanc
body.classList.add("mode-black");
document.querySelector("#black-toggle").checked = true;
} else {
// Repasse en couleur si on revient sur "Toutes"
body.classList.remove("mode-black");
document.querySelector("#black-toggle").checked = false;
}
});
/* Passer le PDF en noir et blanc ----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/
document.querySelector("#black-toggle").addEventListener("input", (e) => {
if(e.target.checked){
/* black mode */
body.classList.add('mode-black');
}else{
body.classList.remove('mode-black');
}
});
/* PRINT SPREAD ----------------------------------------------------------------------------------------------------