summaryrefslogtreecommitdiffstats
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/css/print.less29
-rw-r--r--public/js/layout-plugins/page-breaker.js44
-rw-r--r--public/js/layout.js32
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
+ }));
+ }
+}