add maquette-tests
This commit is contained in:
parent
a25f7b6eba
commit
f01a1ed6f8
348 changed files with 42979 additions and 0 deletions
25
maquette-tests/js/items-decor.js
Normal file
25
maquette-tests/js/items-decor.js
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import { Handler } from '/csspageweaver/lib/paged.esm.js';
|
||||
|
||||
|
||||
export default class myCustomHandler2 extends Handler {
|
||||
constructor(chunker, polisher, caller) {
|
||||
super(chunker, polisher, caller);
|
||||
}
|
||||
|
||||
|
||||
afterPageLayout(pageElement, page, breakToken) {
|
||||
console.log(pageElement);
|
||||
let pageArea = pageElement.querySelector(".pagedjs_area");
|
||||
let pageAreaTop = pageArea.getBoundingClientRect().top;
|
||||
let items = pageElement.querySelectorAll("p, h3, h4, .inline-note");
|
||||
items.forEach(function (item) {
|
||||
let topOffset = item.getBoundingClientRect().top - pageAreaTop;
|
||||
let decor = document.createElement("div");
|
||||
decor.classList.add("item-decor");
|
||||
decor.style.top = topOffset + "px";
|
||||
decor.textContent = pageElement.classList.contains("pagedjs_left_page") ? "<" : ">";
|
||||
pageArea.appendChild(decor);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue