You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
867 B
JavaScript
43 lines
867 B
JavaScript
class BleedHandler extends Paged.Handler {
|
|
constructor(chunker, polisher, caller) {
|
|
super(chunker, polisher, caller);
|
|
}
|
|
|
|
afterPageLayout(pageFragment, page) {
|
|
let img = pageFragment.querySelector("img");
|
|
if (img) {
|
|
moveImage(img);
|
|
} else {
|
|
let bar = pageFragment.querySelector('.progress-bar')
|
|
progressBar(bar)
|
|
}
|
|
}
|
|
|
|
afterRendered(pages) {
|
|
console.log("Ready!");
|
|
}
|
|
}
|
|
|
|
Paged.registerHandlers(BleedHandler);
|
|
|
|
function moveImage(img) {
|
|
let parent = img.closest(".pagedjs_sheet");
|
|
parent.prepend(img);
|
|
}
|
|
|
|
function progressBar(bar){
|
|
let width = bar.clientWidth
|
|
let height = bar.clientHeight
|
|
console.log(bar, width, height)
|
|
|
|
|
|
|
|
|
|
let parent = bar.closest(".pagedjs_sheet");
|
|
parent.prepend(bar);
|
|
bar.style.height = `calc(2mm + ${height}px)`
|
|
bar.style.width = `calc(4mm + ${width}px)`
|
|
bar.style.bottom = '0'
|
|
bar.style.top = 'initial'
|
|
|
|
} |