(function() { // Public Instances // Jira: https://connect.atlassian.net/browse/NERDS-33286 // PivotTracker: https://www.pivotaltracker.com/n/projects/510733 // Trello: https://trello.com/b/8zlPSh70/spike // YouTrack: http://qoomon.myjetbrains.com/youtrack/dashboard var global = {}; global.version = "4.3.2"; global.issueTrackingUrl = "https://github.com/qoomon/Jira-Issue-Card-Printer"; global.isDev = document.currentScript == null; global.isProd = !global.isDev; window.addEventListener("error", function(event) { var error = event.error; console.log("ERROR: " + error.stack); if (global.isProd) { ga('send', 'exception', { 'exDescription': error.message, 'exFatal': true }); } }); // load jQuery if (window.jQuery === undefined) { appendScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'); } // wait untill all scripts loaded appendScript('https://qoomon.github.io/void', function() { init().then(function(){ return main(); }).catch(function(cause){ console.log("ERROR " + cause.stack); alert("Sorry somthing went wrong.\n\nPlease create an issue at " + global.issueTrackingUrl + "\n\n" + cause.stack); }); }); function main() { var promises = []; console.log("Run...") // determine application if (jQuery("meta[name='application-name'][ content='JIRA']").length > 0) { console.log("App: " + "Jira"); global.appFunctions = jiraFunctions; } else if (/.*pivotaltracker.com\/.*/g.test(document.URL)) { console.log("App: " + "PivotalTracker"); global.appFunctions = pivotalTrackerFunctions; } else if (/.*trello.com\/.*/g.test(document.URL)) { console.log("App: " + "Trello"); global.appFunctions = trelloFunctions; } else if (/.*myjetbrains.com\/youtrack\/.*/g.test(document.URL)) { console.log("App: " + "YouTrack"); global.appFunctions = youTrackFunctions; } else { alert("Unsupported app. Please create an issue at " + global.issueTrackingUrl); return; } //preconditions if (jQuery("#card-print-overlay").length > 0) { alert("Print Card already opened!"); return; } // collect selcted issues var issueKeyList = global.appFunctions.getSelectedIssueKeyList(); if (issueKeyList.length <= 0) { alert("Please select at least one issue."); return; } else if (issueKeyList.length > 100) { confirm("Are you sure you want select " + issueKeyList.length + " issues?"); return; } // open print preview jQuery("body").append(printPreviewElement()); jQuery("#card-print-overlay").prepend(printOverlayStyleElement()); var printFrame = jQuery("#card-print-dialog-content-iframe"); var printWindow = printFrame[0].contentWindow; printWindow.addEventListener("resize", function() { redrawCards(); }); printWindow.matchMedia("print").addListener(function() { redrawCards(); }); var settings = global.settings; // restore UI state jQuery("#font-scale-range").val(settings.scale); jQuery("#rowCount").val(settings.rowCount); jQuery("#columnCount").val(settings.colCount); jQuery("#single-card-page-checkbox").attr('checked', settings.singleCardPage ); jQuery("#hide-description-checkbox").attr('checked', settings.hideDescription ); jQuery("#hide-assignee-checkbox").attr('checked', settings.hideAssignee ); jQuery("#hide-due-date-checkbox").attr('checked', settings.hideDueDate ); jQuery("#card-print-dialog-title").text("Card Printer " + global.version + " - Loading issues..."); promises.push(renderCards(issueKeyList).then(function() { jQuery("#card-print-dialog-title").text("Card Printer " + global.version); })); if (global.isProd) { ga('send', 'pageview'); } return Promise.all(promises); } function init() { var promises = []; console.log("Init...") addStringFunctions(); loadSettings(); global.hostOrigin = "https://qoomon.github.io/Jira-Issue-Card-Printer/"; if (global.isDev) { console.log("DEVELOPMENT"); global.hostOrigin = "https://rawgit.com/qoomon/Jira-Issue-Card-Printer/develop/"; } global.resourceOrigin = global.hostOrigin + "resources/"; if (global.isProd) { initGoogleAnalytics(); } promises.push(httpGetCORS(global.hostOrigin + "card.html").then(function(data){ global.cardHtml = data; })); promises.push(httpGetCORS(global.hostOrigin + "card.css").then(function(data){ global.cardCss = data.replace(/https:\/\/qoomon.github.io\/Jira-Issue-Card-Printer\/resources/g, global.resourceOrigin); })); promises.push(httpGetCORS(global.hostOrigin + "printPreview.html").then(function(data){ global.printPreviewHtml = data })); promises.push(httpGetCORS(global.hostOrigin + "printPreview.css").then(function(data){ global.printPreviewCss = data.replace(/https:\/\/qoomon.github.io\/Jira-Issue-Card-Printer\/resources/g, global.resourceOrigin); })); return Promise.all(promises); } function saveSettings(){ var settings = global.settings; writeCookie("card_printer_single_card_page", settings.singleCardPage); writeCookie("card_printer_hide_description", settings.hideDescription); writeCookie("card_printer_hide_assignee", settings.hideAssignee); writeCookie("card_printer_hide_due_date", settings.hideDueDate); writeCookie("card_printer_font_scale", settings.scale); writeCookie("card_printer_row_count", settings.rowCount); writeCookie("card_printer_column_count", settings.colCount); } function loadSettings(){ var settings = global.settings = global.settings || {}; settings.scale = parseFloat(readCookie("card_printer_font_scale")) || 1.0; settings.rowCount = parseInt(readCookie("card_printer_row_count2")) || 2; settings.colCount = parseInt(readCookie("card_printer_column_count")) || 1; settings.singleCardPage = parseBool(readCookie("card_printer_single_card_page"), true ); settings.hideDescription = parseBool(readCookie("card_printer_hide_description"), false); settings.hideAssignee = parseBool(readCookie("card_printer_hide_assignee"), false); settings.hideDueDate = parseBool(readCookie("card_printer_hide_due_date"), false); } function print() { var printFrame = jQuery("#card-print-dialog-content-iframe"); var printWindow = printFrame[0].contentWindow; var printDocument = printWindow.document; if (global.isProd) { ga('send', 'event', 'button', 'click', 'print', jQuery(".card", printDocument).length); } printWindow.print(); } function renderCards(issueKeyList) { var promises = []; var printFrame = jQuery("#card-print-dialog-content-iframe"); var printWindow = printFrame[0].contentWindow; var printDocument = printWindow.document; printDocument.open(); printDocument.write("
"); jQuery("head", printDocument).append(cardElementStyle()); jQuery("body", printDocument).append(""); jQuery("#preload", printDocument).append(""); console.log("load " + issueKeyList.length + " issues..."); jQuery.each(issueKeyList, function(index, issueKey) { var card = cardElement(issueKey); card.attr("index", index); card.hide(); card.find('.issue-id').text(issueKey); jQuery("body", printDocument).append(card); promises.push(global.appFunctions.getCardData(issueKey).then(function(cardData) { console.log("cardData: " + JSON.stringify(cardData,2,2)); if (global.isProd) { ga('send', 'event', 'card', 'generate', cardData.type); } fillCard(card, cardData); redrawCards(); card.show(); })); }); console.log("wait for issues loaded..."); return Promise.all(promises).then(function() { console.log("...all issues loaded."); jQuery(printWindow).load(function() { console.log("...all resources loaded."); }); console.log("wait for resources loaded..."); printDocument.close(); }); } function redrawCards() { styleCards(); scaleCards(); cropCards(); resizeIframe(jQuery("#card-print-dialog-content-iframe")); } function fillCard(card, data) { //Key card.find('.issue-id').text(data.key); //Type card.find(".issue-icon").attr("type", data.type); //Summary card.find('.issue-summary').text(data.summary); //Description if (data.description) { card.find('.issue-description').html(data.description); } else { card.find(".issue-description").addClass("hidden"); } //Assignee if (data.assignee) { if (data.avatarUrl) { card.find(".issue-assignee").css("background-image", "url('" + data.avatarUrl + "')"); } else { card.find(".issue-assignee").text(data.assignee[0].toUpperCase()); } } else { card.find(".issue-assignee").addClass("hidden"); } //Due-Date if (data.dueDate) { card.find(".issue-due-date").text(data.dueDate); } else { card.find(".issue-due-box").addClass("hidden"); } //Attachment if (data.hasAttachment) {} else { card.find('.issue-attachment').addClass('hidden'); } //Story Points if (data.storyPoints) { card.find(".issue-estimate").text(data.storyPoints); } else { card.find(".issue-estimate").addClass("hidden"); } //Epic if (data.superIssue) { card.find(".issue-epic-id").text(data.superIssue.key); card.find(".issue-epic-name").text(data.superIssue.summary); } else { card.find(".issue-epic-box").addClass("hidden"); } //QR-Code var qrCodeUrl = 'https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=' + encodeURIComponent(data.url); card.find(".issue-qr-code").css("background-image", "url('" + qrCodeUrl + "')"); } function styleCards() { var settings = global.settings; var printFrame = jQuery("#card-print-dialog-content-iframe"); var printWindow = printFrame[0].contentWindow; var printDocument = printWindow.document; // hide/show description jQuery("#styleHideDescription", printDocument).remove(); if (settings.hideDescription) { var style = document.createElement('style'); style.id = 'styleHideDescription'; style.type = 'text/css'; style.innerHTML = ".issue-description { display: none; }" jQuery("head", printDocument).append(style); } // hide/show assignee jQuery("#styleHideAssignee", printDocument).remove(); if (settings.hideAssignee) { var style = document.createElement('style'); style.id = 'styleHideAssignee'; style.type = 'text/css'; style.innerHTML = ".issue-assignee { display: none; }" jQuery("head", printDocument).append(style); } // hide/show assignee jQuery("#styleHideDueDate", printDocument).remove(); if (settings.hideDueDate) { var style = document.createElement('style'); style.id = 'styleHideDueDate'; style.type = 'text/css'; style.innerHTML = ".issue-due-box { display: none; }" jQuery("head", printDocument).append(style); } // enable/disable single card page jQuery("#styleSingleCardPage", printDocument).remove(); if (settings.singleCardPage) { var style = document.createElement('style'); style.id = 'styleSingleCardPage'; style.type = 'text/css'; style.innerHTML = ".card { page-break-after: always; float: none; }" jQuery("head", printDocument).append(style); } } function scaleCards() { var printFrame = jQuery("#card-print-dialog-content-iframe"); var printWindow = printFrame[0].contentWindow; var printDocument = printWindow.document; var settings = global.settings; var scaleRoot; if(settings.scale < 0) { scaleRoot = 1.0 / (1.0 - (settings.scale * 2.0)); } else { scaleRoot = 1.0 * (1.0 + (settings.scale * 2.0)); } var rowCount = settings.rowCount; var columnCount = settings.colCount; // scale // reset scale jQuery("html", printDocument).css("font-size", scaleRoot + "cm"); jQuery("#styleColumnCount", printDocument).remove(); jQuery("#styleRowCount", printDocument).remove(); // calculate scale var bodyElement = jQuery("body", printDocument); var cardMaxWidth = Math.floor(bodyElement.outerWidth() / columnCount); var cardMaxHeight = Math.floor(bodyElement.outerHeight() / rowCount); var cardElement = jQuery(".card", printDocument); var cardMinWidth = cardElement.css("min-width").replace("px", ""); var cardMinHeight = cardElement.css("min-height").replace("px", ""); var scaleWidth = cardMaxWidth / cardMinWidth ; var scaleHeight = cardMaxHeight / cardMinHeight ; var scale = Math.min(scaleWidth, scaleHeight, 1); console.log("scaleRoot: " + scaleRoot + " scale: " + scale); console.log("scaleWidth: " + scaleWidth + " scaleHeight: " + scaleHeight); // scale jQuery("html", printDocument).css("font-size", ( scaleRoot * scale ) + "cm"); // size // size horizontal var style = document.createElement('style'); style.id = 'styleColumnCount'; style.type = 'text/css'; style.innerHTML = ".card { width: calc( 100% / " + columnCount + " ); }" jQuery("head", printDocument).append(style); // size horizontal var style = document.createElement('style'); style.id = 'styleRowCount'; style.type = 'text/css'; style.innerHTML = ".card { height: calc( 100% / " + rowCount + " ); }" jQuery("head", printDocument).append(style); } function cropCards() { var printFrame = jQuery("#card-print-dialog-content-iframe"); var printWindow = printFrame[0].contentWindow; var printDocument = printWindow.document; var cardElements = printDocument.querySelectorAll(".card"); forEach(cardElements, function(cardElement) { var cardContent = cardElement.querySelectorAll(".card-body")[0]; if (cardContent.scrollHeight > cardContent.offsetHeight) { cardContent.classList.add("zigzag"); } else { cardContent.classList.remove("zigzag"); } }); } function forEach(array, callback) { for (i = 0; i < array.length; i++) { callback(array[i]); } } function closePrintPreview() { jQuery("#card-print-overlay").remove(); jQuery("#card-print-overlay-style").remove(); } //############################################################################################################################ //############################################################################################################################ //############################################################################################################################ // http://www.cssdesk.com/T9hXg function printPreviewElement() { var result = jQuery('').html(global.printPreviewHtml).contents(); // info result.find("#report-issue").click(function(event) { window.open('https://github.com/qoomon/Jira-Issue-Card-Printer/issues'); return false; }); result.find("#about").click(function(event) { window.open('http://qoomon.blogspot.de/2014/01/jira-issue-card-printer-bookmarklet.html'); return false; }); // enable single card page result.find("#single-card-page-checkbox").click(function() { global.settings.singleCardPage = this.checked; saveSettings(); redrawCards(); return true; }); // hide description result.find("#hide-description-checkbox").click(function() { global.settings.hideDescription = this.checked; saveSettings(); redrawCards(); return true; }); // show assignee result.find("#hide-assignee-checkbox").click(function() { global.settings.hideAssignee = this.checked; saveSettings(); redrawCards(); return true; }); // show due date result.find("#hide-due-date-checkbox").click(function() { global.settings.hideDueDate = this.checked; saveSettings(); redrawCards(); return true; }); // scale font result.find("#font-scale-range").on("input", function() { global.settings.scale = jQuery(this).val(); saveSettings(); redrawCards(); }); // grid result.find("#rowCount").on("input", function() { global.settings.rowCount = jQuery(this).val(); saveSettings(); redrawCards(); }); result.find("#rowCount").click(function() { this.select(); }); result.find("#columnCount").on("input", function() { global.settings.colCount = jQuery(this).val(); saveSettings(); redrawCards(); }); result.find("#columnCount").click(function() { this.select(); }); // print result.find("#card-print-dialog-print") .click(function(event) { print(); return false; }); // closePrintPreview result.find("#card-print-dialog-cancel") .click(function(event) { closePrintPreview(); return false; }); result.click(function(event) { if (event.target == this) { closePrintPreview(); } return true; }); jQuery(document).keyup(function(e) { if (e.keyCode == 27) { // ESC closePrintPreview(); } }); // prevent background scrolling result.scroll(function(event) { return false; }); return result; } function printOverlayStyleElement() { var result = jQuery(document.createElement('style')) .attr("id", "card-print-overlay-style") .attr("type", "text/css") .html(global.printPreviewCss); return result; } // card layout: http://jsfiddle.net/qoomon/ykbLb2pw/76 function cardElement(issueKey) { var result = jQuery('').html(global.cardHtml).contents() .attr("id", issueKey) return result; } function cardElementStyle() { var result = jQuery(document.createElement('style')) .attr("type", "text/css") .html(global.cardCss); return result; } //############################################################################################################################ //############################################################################################################################ //############################################################################################################################ function initGoogleAnalytics() { //