diff options
Diffstat (limited to 'public')
-rw-r--r-- | public/css/print.less | 29 | ||||
-rw-r--r-- | public/js/layout-plugins/page-breaker.js | 44 | ||||
-rw-r--r-- | public/js/layout.js | 32 |
3 files changed, 105 insertions, 0 deletions
diff --git a/public/css/print.less b/public/css/print.less new file mode 100644 index 0000000..00feac3 --- /dev/null +++ b/public/css/print.less @@ -0,0 +1,29 @@ +// icingaweb2 + +@gray: #7F7F7F; +@gray-semilight: #A9A9A9; +@gray-light: #C9C9C9; +@gray-lighter: #EEEEEE; +@gray-lightest: #F7F7F7; +@icinga-blue: #0095BF; +@low-sat-blue: #dae3e6; +@low-sat-blue-dark: #becbcf; +@body-bg-color: #fff; +@text-color: @black; +@text-color-light: @gray; +@tr-active-color: @body-bg-color; +@tr-hover-color: @body-bg-color; + +// ipl-web +@default-bg: @body-bg-color; + +@base-gray: @gray; +@base-gray-light: @gray-light; +@base-gray-lighter: @gray-lighter; +@base-disabled: @disabled-gray; +@base-primary-color: @icinga-blue; +@base-primary-bg: @icinga-blue; + +@default-text-color: @text-color; +@default-text-color-light: @text-color-light; +@default-text-color-inverted: @text-color-inverted; diff --git a/public/js/layout-plugins/page-breaker.js b/public/js/layout-plugins/page-breaker.js new file mode 100644 index 0000000..bdf04ec --- /dev/null +++ b/public/js/layout-plugins/page-breaker.js @@ -0,0 +1,44 @@ +/* Icinga PDF Export | (c) 2021 Icinga GmbH | GPLv2 */ + +"use strict"; + +(() => { + Layout.registerPlugin('page-breaker', () => { + let pageBreaksFor = document.querySelector('[data-pdfexport-page-breaks-at]'); + if (! pageBreaksFor) { + return; + } + + let pageBreaksAt = pageBreaksFor.dataset.pdfexportPageBreaksAt; + if (! pageBreaksAt) { + return; + } + + let contentHeight = document.body.dataset.contentHeight; + let items = Array.from(pageBreaksFor.querySelectorAll(':scope > ' + pageBreaksAt)); + + let remainingHeight = contentHeight; + items.forEach((item, i) => { + let requiredHeight; + if (i < items.length - 1) { + requiredHeight = items[i + 1].getBoundingClientRect().top - item.getBoundingClientRect().top; + } else { + requiredHeight = item.parentElement.getBoundingClientRect().bottom - item.getBoundingClientRect().top; + } + + if (remainingHeight < requiredHeight) { + if (!! item.previousElementSibling) { + item.previousElementSibling.style.pageBreakAfter = 'always'; + item.previousElementSibling.classList.add('page-break-follows'); + } else { + item.style.pageBreakAfter = 'always'; + item.classList.add('page-break-follows'); + } + + remainingHeight = contentHeight; + } + + remainingHeight -= requiredHeight; + }); + }); +})(); diff --git a/public/js/layout.js b/public/js/layout.js new file mode 100644 index 0000000..0ea5d64 --- /dev/null +++ b/public/js/layout.js @@ -0,0 +1,32 @@ +/* Icinga PDF Export | (c) 2021 Icinga GmbH | GPLv2 */ + +"use strict"; + +class Layout +{ + static #plugins = []; + + static registerPlugin(name, plugin) { + this.#plugins.push([name, plugin]); + } + + apply() { + for (let [name, plugin] of Layout.#plugins) { + try { + plugin(); + } catch (error) { + console.error('Layout plugin ' + name + ' failed to run: ' + error); + } + } + + this.finish(); + } + + finish() { + document.documentElement.dataset.layoutReady = 'yes'; + document.dispatchEvent(new CustomEvent('layout-ready', { + cancelable: false, + bubbles: false + })); + } +} |