'use strict'; /** * gets all DOM-elements on page * @return {HTMLElement[]} DOM-elements */ var getAllDOMElements = function getAllDOMElements() { return document.getElementsByTagName('*'); }; /** * gets DOM-element of #resumeX * @param {HTMLElement} page * @return {HTMLElement} */ var getResumeDOMElement = function getResumeDOMElement(page) { return page.children[0]; }; /** * returns DOM-element of * @return {HTMLElement} */ var getPageDOMElement = function getPageDOMElement() { return document.getElementsByTagName('page')[0]; }; /** * checks whether auto-font adjustment is enabled for resume * @param {HTMLElement} resume * @return {boolean} */ var autoFontEnabled = function autoFontEnabled(resume) { return resume.hasAttribute('autofont'); }; /** * checks whether content is greater than page * @param {HTMLElement} resume * @param {HTMLElement} page * @return {boolean} false if content fits to page */ var contentIsGreaterThanPage = function contentIsGreaterThanPage(resume, page) { var pageHeight = page.offsetHeight; var resumeHeight = resume.offsetHeight; if (pageHeight < resumeHeight) return true;else return false; }; /** * gets font size of DOM-elemnt * @param {HTMLElement} element * @return {number} font size of element */ var getFontSizeOfElement = function getFontSizeOfElement(element) { var style = window.getComputedStyle(element, null).getPropertyValue('font-size'); return parseFloat(style); }; /** * calculates new font size of all DOM-elements * @param {HTMLElement[]} */ var calcNewFontSizes = function calcNewFontSizes(elements) { return elements.map(function (el) { return getFontSizeOfElement(el) * 0.99; }); }; /** * checks if DOM-element has box-shadow * @param {HTMLElement} element * @return {string} '' if no shadow, otherwise shadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px' */ var hasBoxShadow = function hasBoxShadow(element) { var style = window.getComputedStyle(element, null).getPropertyValue('box-shadow'); if (style != 'none') return style;else return ''; }; /** * gets absolute position of element * @param {HTMLElement} element * @return {{}} */ var getAbsolutePositionOfElement = function getAbsolutePositionOfElement(element) { return { top: element.getBoundingClientRect().top, left: element.getBoundingClientRect().left }; }; /** * gets border radius of element * @param {HTMLElement} element * @return {string} e.g. '50%' */ var getBorderRadiusOfElement = function getBorderRadiusOfElement(element) { return window.getComputedStyle(element, null).getPropertyValue('border-radius'); }; /** * adds new box shadow * @param {HTMLElement} element * @param {{}} position e.g. { left: 10, top: 100} * @param {string} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px' */ var addNewBoxShadow = function addNewBoxShadow(element, position, boxShadow) { var div = document.createElement('div'); div.style.height = element.offsetHeight; div.style.width = element.offsetWidth; div.style.borderRadius = getBorderRadiusOfElement(element); div.style.position = 'absolute'; div.style.boxShadow = boxShadow; div.style.webkitPrintColorAdjust = 'exact'; div.style.webkitFilter = 'opacity(1)'; div.style.top = position.top; div.style.left = position.left; document.getElementsByTagName('body')[0].appendChild(div); }; /** * gets all elements with shadows * @param {HTMLElement[]} elements on page * @return {HTMLElement[]} elements with shadows */ var getElementsWithShadows = function getElementsWithShadows(elements) { var ar = [].slice.call(elements); return ar.filter(function (el) { return hasBoxShadow(el) != ''; }).map(function (el) { return { element: el, shadow: hasBoxShadow(el) }; }); }; /** * fixes shadows, since normal box-shadow cannot be printed in chrome, * see: http://stackoverflow.com/questions/13975198/text-shadow-and-box-shadow-while-printing-chrome */ var fixBoxShadows = function fixBoxShadows() { var elements = getAllDOMElements(); var elementsWithShadow = getElementsWithShadows(elements); elementsWithShadow.forEach(function (element) { var position = getAbsolutePositionOfElement(element.element); element.element.style.boxShadow = 'none'; addNewBoxShadow(element.element, position, element.shadow); }); }; /** * checks if the page contains a resume * @return {Boolean} true if page contains resume */ var isResume = function isResume() { if (document.getElementsByTagName('page')[0]) return true;else return false; }; /** * checks whether font needs to be fixed, and if fixes it */ var checkFont = function checkFont() { var page = getPageDOMElement(); var resume = getResumeDOMElement(page); var fixFont = function fixFont(resume, page) { var elements = getAllDOMElements(); var elementsAr = [].slice.call(elements); var newFontSizes = calcNewFontSizes(elementsAr); elementsAr.forEach(function (el, i) { return el.style.fontSize = newFontSizes[i] + 'px'; }); if (contentIsGreaterThanPage(resume, page)) fixFont(resume, page); }; if (autoFontEnabled(resume) && contentIsGreaterThanPage(resume, page)) fixFont(resume, page); }; /** * fixes resume */ var fixResume = function fixResume() { if (!isResume()) return; checkFont(); fixBoxShadows(); }; fixResume(); //# sourceMappingURL=javascript.js.map