From c7fcc2767bd5f39c1d568ca05b2717f130da0a58 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <bengt.brodersen@gmail.com>
Date: Sun, 7 Jun 2015 13:39:29 +0200
Subject: [PATCH] + hide assignee + hide due date

---
 bookmarklet.js        | 2988 +++++++++++++++++++++--------------------
 resources/Tearing.png |  Bin 1154 -> 1061 bytes
 2 files changed, 1528 insertions(+), 1460 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index 72a3cc7..49c1cc5 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -1,1560 +1,1628 @@
 (function() {
-    var version = "4.0.6";
-    console.log("Version: " + version);
+  var version = "4.0.6";
+  console.log("Version: " + version);
 
-    var global = {};
-    global.isDev = /.*jira.atlassian.com\/secure\/RapidBoard.jspa\?.*projectKey=ANERDS.*/g.test(document.URL) // Jira
-        || /.*pivotaltracker.com\/n\/projects\/510733.*/g.test(document.URL) // PivotTracker
-        || ( /.*trello.com\/.*/g.test(document.URL) && jQuery("span.js-member-name").text() =='Bengt Brodersen'); // Trello
-    global.isProd = !global.isDev;
+  var global = {};
+  global.isDev = /.*jira.atlassian.com\/secure\/RapidBoard.jspa\?.*projectKey=ANERDS.*/g.test(document.URL) // Jira
+    || /.*pivotaltracker.com\/n\/projects\/510733.*/g.test(document.URL) // PivotTracker
+    || (/.*trello.com\/.*/g.test(document.URL) && jQuery("span.js-member-name").text() == 'Bengt Brodersen'); // Trello
+  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
-            });
-        }
+  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() {
+    main();
+  });
+
+  function main() {
+    init();
+
+    // 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 (/.*\/youtrack\/.*/g.test(document.URL)) {
+      console.log("App: " + "YouTrack");
+      global.appFunctions = youTrackFunctions;
+    } else {
+      alert("Unsupported app.Please create an issue at https://github.com/qoomon/Jira-Issue-Card-Printer");
+      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;
+    }
+
+    // open print preview
+    jQuery("body").append(printOverlayHTML());
+    jQuery("#card-print-overlay").prepend(printOverlayStyle());
+
+    var printFrame = jQuery("#card-print-dialog-content-iframe");
+    var printWindow = printFrame[0].contentWindow;
+    printWindow.addEventListener("resize", function() {
+      redrawCards();
+    });
+    printWindow.matchMedia("print").addListener(function() {
+      redrawCards();
     });
 
-    // load jQuery
-    if (window.jQuery === undefined) {
-        appendScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js');
-    }
+    jQuery("#rowCount").val(readCookie("card_printer_row_count", 2));
+    jQuery("#columnCount").val(readCookie("card_printer_column_count", 1));
+    //jQuery("#font-scale-range").val(readCookie("card_printer_font_scale",1));
+    jQuery("#single-card-page-checkbox").attr('checked', readCookie("card_printer_single_card_page", 'true') == 'true');
+    jQuery("#hide-description-checkbox").attr('checked', readCookie("card_printer_hide_description", 'false') == 'true');
+    jQuery("#hide-assignee-checkbox").attr('checked', readCookie("card_printer_hide_assignee", 'true') == 'true');
+    jQuery("#hide-due-date-checkbox").attr('checked', readCookie("card_printer_hide_due_date", 'false') == 'true');
+    jQuery("#hide-status-checkbox").attr('checked', readCookie("card_printer_hide_status", 'true') == 'true');
 
-    // wait untill all scripts loaded
-    appendScript('https://qoomon.github.io/void', function() {
-        main();
+    jQuery("#card-print-dialog-title").text("Card Print   -   Loading " + issueKeyList.length + " issues...");
+    renderCards(issueKeyList, function() {
+      jQuery("#card-print-dialog-title").text("Card Print");
+      //print();
     });
 
-    function main() {
-        init();
+    if (global.isProd) {
+      ga('send', 'pageview');
+    }
+  }
 
-        // 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 (/.*\/youtrack\/.*/g.test(document.URL)) {
-            console.log("App: " + "YouTrack");
-            global.appFunctions = youTrackFunctions;
-        } else {
-            alert("Unsupported app.Please create an issue at https://github.com/qoomon/Jira-Issue-Card-Printer");
-            return;
-        }
+  function init() {
+    addStringFunctions();
+    addDateFunctions();
 
-        //preconditions
-        if (jQuery("#card-print-overlay").length > 0) {
-            alert("Print Card already opened!");
-            return;
-        }
+    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/";
 
-        // collect selcted issues
-        var issueKeyList = global.appFunctions.getSelectedIssueKeyList();
-        if (issueKeyList.length <= 0) {
-            alert("Please select at least one issue.");
-            return;
-        }
+    if (global.isProd) {
+      initGoogleAnalytics();
+    }
+  }
 
-        // open print preview
-        jQuery("body").append(printOverlayHTML());
-        jQuery("#card-print-overlay").prepend(printOverlayStyle());
+  function print() {
+    var printFrame = jQuery("#card-print-dialog-content-iframe");
+    var printWindow = printFrame[0].contentWindow;
+    var printDocument = printWindow.document;
 
-        var printFrame = jQuery("#card-print-dialog-content-iframe");
-        var printWindow = printFrame[0].contentWindow;
-        printWindow.addEventListener("resize", function(){redrawCards();});
-        printWindow.matchMedia("print").addListener(function(){redrawCards();});
+    if (global.isProd) {
+      ga('send', 'event', 'button', 'click', 'print', jQuery(".card", printDocument).length);
+    }
 
-        jQuery("#rowCount").val(readCookie("card_printer_row_count",2));
-        jQuery("#columnCount").val(readCookie("card_printer_column_count",1));
-        //jQuery("#font-scale-range").val(readCookie("card_printer_font_scale",1));
-        jQuery("#single-card-page-checkbox").attr('checked',readCookie("card_printer_single_card_page", 'true' ) == 'true');
-        jQuery("#hide-description-checkbox").attr('checked',readCookie("card_printer_hide_description", 'false') == 'true');
+    printWindow.print();
+  }
 
-        jQuery("#card-print-dialog-title").text("Card Print   -   Loading " + issueKeyList.length + " issues...");
-        renderCards(issueKeyList, function() {
-            jQuery("#card-print-dialog-title").text("Card Print");
-            //print();
-        });
+  function renderCards(issueKeyList, callback) {
 
+    var printFrame = jQuery("#card-print-dialog-content-iframe");
+    var printWindow = printFrame[0].contentWindow;
+    var printDocument = printWindow.document;
+
+    printDocument.open();
+    printDocument.write("<head/><body></body>");
+
+    jQuery("head", printDocument).append(cardCss());
+    jQuery("body", printDocument).append("<div id='preload'/>");
+    jQuery("#preload", printDocument).append("<div class='zigzag'/>");
+
+    console.log("load " + issueKeyList.length + " issues...");
+
+    var deferredList = [];
+    jQuery.each(issueKeyList, function(index, issueKey) {
+      var page = cardHtml(issueKey);
+      page.attr("index", index);
+      page.hide();
+      page.find('.issue-id').text(issueKey);
+      jQuery("body", printDocument).append(page);
+      var deferred = addDeferred(deferredList);
+      global.appFunctions.getCardData(issueKey, function(cardData) {
+        //console.log("cardData: " + cardData);
         if (global.isProd) {
-            ga('send', 'pageview');
+          ga('send', 'event', 'card', 'generate', cardData.type);
         }
+        fillCard(page, cardData);
+        page.show();
+        redrawCards();
+        deferred.resolve();
+      });
+    });
+    console.log("wait for issues loaded...");
+
+    applyDeferred(deferredList, function() {
+      console.log("...all issues loaded.");
+      jQuery(printWindow).load(function() {
+        console.log("...all resources loaded.");
+        callback();
+      })
+      printDocument.close();
+      console.log("wait for resources loaded...");
+    });
+  }
+
+  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");
     }
 
-    function init() {
-        addStringFunctions();
-        addDateFunctions();
-
-        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();
-        }
+    //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");
     }
 
-    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();
+    //Due-Date
+    if (data.dueDate) {
+      card.find(".issue-due-date").text(data.dueDate);
+    } else {
+      card.find(".issue-due-box").addClass("hidden");
     }
 
-    function renderCards(issueKeyList, callback) {
-
-        var printFrame = jQuery("#card-print-dialog-content-iframe");
-        var printWindow = printFrame[0].contentWindow;
-        var printDocument = printWindow.document;
-
-        printDocument.open();
-        printDocument.write("<head/><body></body>");
-
-        jQuery("head", printDocument).append(cardCss());
-        jQuery("body", printDocument).append("<div id='preload'/>");
-        jQuery("#preload", printDocument).append("<div class='zigzag'/>");
-
-        console.log("load " + issueKeyList.length + " issues...");
-
-        var deferredList = [];
-        jQuery.each(issueKeyList, function(index, issueKey) {
-            var page = cardHtml(issueKey);
-            page.attr("index", index);
-            page.hide();
-            page.find('.issue-id').text(issueKey);
-            jQuery("body", printDocument).append(page);
-            var deferred = addDeferred(deferredList);
-            global.appFunctions.getCardData(issueKey, function(cardData) {
-                //console.log("cardData: " + cardData);
-                if (global.isProd) {
-                    ga('send', 'event', 'card', 'generate', cardData.type);
-                }
-                fillCard(page, cardData);
-                page.show();
-                redrawCards();
-                deferred.resolve();
-            });
-        });
-        console.log("wait for issues loaded...");
-
-        applyDeferred(deferredList, function() {
-            console.log("...all issues loaded.");
-            jQuery(printWindow).load(function() {
-                console.log("...all resources loaded.");
-                callback();
-            })
-            printDocument.close();
-            console.log("wait for resources loaded...");
-        });
+    //Attachment
+    if (data.hasAttachment) {} else {
+      card.find('.issue-attachment').addClass('hidden');
     }
 
-    function redrawCards() {
-
-        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(jQuery("#hide-description-checkbox")[0].checked){
-            var style= document.createElement('style');
-            style.id = 'styleHideDescription';
-            style.type ='text/css';
-            style.innerHTML = ".issue-description { display: none; }"
-            jQuery("head", printDocument).append(style);
-        }
-
-        // enable/disable single card page
-        jQuery("#styleSingleCardPage", printDocument).remove();
-        if(jQuery("#single-card-page-checkbox")[0].checked){
-            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);
-        }
-
-        scaleCards();
-
-        cropCards();
-
-        var printFrame = jQuery("#card-print-dialog-content-iframe");
-        resizeIframe(printFrame);
+    //Story Points
+    if (data.storyPoints) {
+      card.find(".issue-estimate").text(data.storyPoints);
+    } else {
+      card.find(".issue-estimate").addClass("hidden");
     }
 
-
-    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.epicKey) {
-            card.find(".issue-epic-id").text(data.epicKey);
-            card.find(".issue-epic-name").text(data.epicName);
-        } 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 + "')");
+    //Epic
+    if (data.epicKey) {
+      card.find(".issue-epic-id").text(data.epicKey);
+      card.find(".issue-epic-name").text(data.epicName);
+    } else {
+      card.find(".issue-epic-box").addClass("hidden");
     }
 
-    function scaleCards(){
-      var printFrame = jQuery("#card-print-dialog-content-iframe");
+    //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 printFrame = jQuery("#card-print-dialog-content-iframe");
+    var printWindow = printFrame[0].contentWindow;
+    var printDocument = printWindow.document;
+
+    // hide/show description
+    jQuery("#styleHideDescription", printDocument).remove();
+    if (jQuery("#hide-description-checkbox")[0].checked) {
+      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 (jQuery("#hide-assignee-checkbox")[0].checked) {
+      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 (jQuery("#hide-due-date-checkbox")[0].checked) {
+      var style = document.createElement('style');
+      style.id = 'styleHideDueDate';
+      style.type = 'text/css';
+      style.innerHTML = ".issue-due-box { display: none; }"
+      jQuery("head", printDocument).append(style);
+    }
+
+    // hide/show status
+    jQuery("#styleHideStatus", printDocument).remove();
+    if (!jQuery("#hide-status-checkbox")[0].checked) {
+      var style = document.createElement('style');
+      style.id = 'styleHideStatus';
+      style.type = 'text/css';
+      style.innerHTML = ".issue-status { display: none; }"
+      jQuery("head", printDocument).append(style);
+    }
+
+    // enable/disable single card page
+    jQuery("#styleSingleCardPage", printDocument).remove();
+    if (jQuery("#single-card-page-checkbox")[0].checked) {
+      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 columnCount = jQuery("#columnCount").val();
+    var rowCount = jQuery("#rowCount").val();
+
+    var cardCount = jQuery(".card", printDocument).length;
+    var pageCount = Math.ceil(cardCount / (columnCount * rowCount))
+
+    // size
+
+    // size horizontal
+    jQuery("#styleColumnCount", printDocument).remove();
+    var style = document.createElement('style');
+    style.id = 'styleColumnCount';
+    style.type = 'text/css';
+    style.innerHTML = ".card { width: calc( 100% / " + columnCount + " - 0.0001px  ); }"
+    jQuery("head", printDocument).append(style);
+
+    // size horizontal
+    jQuery("#styleRowCount", printDocument).remove();
+    var style = document.createElement('style');
+    style.id = 'styleRowCount';
+    style.type = 'text/css';
+    style.innerHTML = ".card { height: calc( 100% / " + rowCount + " - 0.0001px ); }"
+    jQuery("head", printDocument).append(style);
+
+    // scale
+
+    jQuery("html", printDocument).css("font-size", "1cm");
+
+    // scale horizontal
+    // substract one pixel due to rounding problems
+    var cardMaxWidth = Math.floor(jQuery(".card", printDocument).outerWidth() / columnCount);
+    var cardMinWidth = jQuery(".card", printDocument).css("min-width").replace("px", "");
+    var scaleWidth = cardMaxWidth / cardMinWidth;
+
+    // scale vertical
+    // substract one pixel due to rounding problems
+    // dont know why to multiply outer height with 2
+    var cardMaxHeight = Math.floor(jQuery(".card", printDocument).outerHeight() * 2 / rowCount);
+    var cardMinHeight = jQuery(".card", printDocument).css("min-height").replace("px", "");
+    var scaleHeight = cardMaxHeight / cardMinHeight;
+
+    // scale min
+    var scale = Math.min(scaleWidth, scaleHeight, 1);
+    if (scale < 1) {
+      jQuery("html", printDocument).css("font-size", scale + "cm");
+    }
+  }
+
+  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 printOverlayHTML() {
+    var result = jQuery(document.createElement('div'))
+      .attr("id", "card-print-overlay")
+      .html(multilineString(function() {
+/*!
+<div id="card-print-dialog">
+  <div id="card-print-dialog-header">
+    <div id="card-print-dialog-title">Card Print</div>
+    <div id="info">
+      <label id="info-line">Card Printer supports...&nbsp;&nbsp;&nbsp;<b>Jira</b> - <b>PivotalTracker</b> - <b>Trello</b> - <b>YouTrack</b></label>
+      <input id="report-issue" type="button" class="aui-button" value="Report Issues" />
+      <input id="about" type="button" class="aui-button" value="About" />
+    </div>
+  </div>
+  <div id="card-print-dialog-content">
+    <iframe id="card-print-dialog-content-iframe"></iframe>
+  </div>
+  <div id="card-print-dialog-footer">
+    <div class="buttons">
+      <label style="display:none; margin-right:10px"><input id="font-scale-range" type="range" min="0.4" max="1.6" step="0.1" value="1.0" />Font Scale</label>
+      <label style="margin-right:10px;"><input id="rowCount" type="text" class="text" maxlength="1" style="width: 10px;" value="2"/>Row Count</label>
+      <label style="margin-right:10px;"><input id="columnCount" type="text" class="text" maxlength="1" style="width: 10px;" value="1"/>Column Count</label>
+      <label style="margin-right:10px"><input id="single-card-page-checkbox" type="checkbox"/>Single Card Per Page</label>
+      <label style="margin-right:10px"><input id="hide-description-checkbox" type="checkbox"/>Hide Description</label>
+      <label style="margin-right:10px"><input id="hide-assignee-checkbox" type="checkbox"/>Hide Assignee</label>
+      <label style="margin-right:10px"><input id="hide-due-date-checkbox" type="checkbox"/>Hide Due Date</label>
+      <label style="display:none; margin-right:10px"><input id="hide-status-checkbox" type="checkbox"/>Hide Status</label>
+      <input id="card-print-dialog-print" type="button" class="aui-button aui-button-primary" value="Print" />
+      <a id="card-print-dialog-cancel" title="Cancel" class="cancel">Cancel</a>
+    </div>
+  </div>
+</div>
+*/
+      }));
+
+    // 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() {
+      writeCookie("card_printer_single_card_page", this.checked);
+      redrawCards();
+      return true;
+    });
+
+    // hide description
+
+    result.find("#hide-description-checkbox").click(function() {
+      writeCookie("card_printer_hide_description", this.checked);
+      redrawCards();
+      return true;
+    });
+
+    // show assignee
+
+    result.find("#hide-assignee-checkbox").click(function() {
+      writeCookie("card_printer_hide_assignee", this.checked);
+      redrawCards();
+      return true;
+    });
+
+    // show due date
+
+    result.find("#hide-due-date-checkbox").click(function() {
+      writeCookie("card_printer_hide_due_date", this.checked);
+      redrawCards();
+      return true;
+    });
+
+    // show status
+
+    result.find("#hide-status-checkbox").click(function() {
+      writeCookie("card_printer_hide_status", this.checked);
+      redrawCards();
+      return true;
+    });
+
+    // scale font
+
+    result.find("#font-scale-range").on("input", function() {
+      writeCookie("card_printer_font_scale", jQuery(this).val());
+
+      var printFrame = result.find("#card-print-dialog-content-iframe");
       var printWindow = printFrame[0].contentWindow;
       var printDocument = printWindow.document;
 
-      var columnCount = jQuery("#columnCount").val();
-      var rowCount = jQuery("#rowCount").val();
+      jQuery("html", printDocument).css("font-size", jQuery(this).val() + "cm");
 
-      var cardCount = jQuery(".card", printDocument).length;
-      var pageCount = Math.ceil(cardCount / (columnCount * rowCount))
+      redrawCards();
+    });
 
-      // size
+    // grid
 
-      // size horizontal
-      jQuery("#styleColumnCount", printDocument).remove();
-      var style= document.createElement('style');
-      style.id = 'styleColumnCount';
-      style.type ='text/css';
-      style.innerHTML = ".card { width: calc( 100% / " + columnCount + " - 0.0001px  ); }"
-      jQuery("head", printDocument).append(style);
+    result.find("#rowCount").on("input", function() {
+      writeCookie("card_printer_row_count", jQuery(this).val());
+      redrawCards();
+    });
+    result.find("#rowCount").click(function() {
+      this.select();
+    });
 
-      // size horizontal
-      jQuery("#styleRowCount", printDocument).remove();
-      var style= document.createElement('style');
-      style.id = 'styleRowCount';
-      style.type ='text/css';
-      style.innerHTML = ".card { height: calc( 100% / " + rowCount + " - 0.0001px ); }"
-      jQuery("head", printDocument).append(style);
 
-      // scale
+    result.find("#columnCount").on("input", function() {
+      writeCookie("card_printer_column_count", jQuery(this).val());
+      redrawCards();
+    });
+    result.find("#columnCount").click(function() {
+      this.select();
+    });
 
-      jQuery("html", printDocument).css("font-size", "1cm");
 
-      // scale horizontal
-      // substract one pixel due to rounding problems
-      var cardMaxWidth = Math.floor(jQuery(".card", printDocument).outerWidth() / columnCount) ;
-      var cardMinWidth = jQuery(".card", printDocument).css("min-width").replace("px", "") ;
-      var scaleWidth = cardMaxWidth / cardMinWidth;
+    // print
 
-      // scale vertical
-      // substract one pixel due to rounding problems
-      // dont know why to multiply outer height with 2
-      var cardMaxHeight = Math.floor(jQuery(".card", printDocument).outerHeight() * 2 / rowCount) ;
-      var cardMinHeight = jQuery(".card", printDocument).css("min-height").replace("px", "") ;
-      var scaleHeight = cardMaxHeight / cardMinHeight;
+    result.find("#card-print-dialog-print")
+      .click(function(event) {
+        print();
+        return false;
+      });
 
-      // scale min
-      var scale = Math.min(scaleWidth, scaleHeight, 1);
-      if(scale < 1) {
-          jQuery("html", printDocument).css("font-size",scale +"cm");
+    // closePrintPreview
+
+    result.find("#card-print-dialog-cancel")
+      .click(function(event) {
+        closePrintPreview();
+        return false;
+      });
+
+    result.click(function(event) {
+      if (event.target == this) {
+        closePrintPreview();
       }
-    }
+      return true;
+    });
 
-    function cropCards() {
-        var printFrame = jQuery("#card-print-dialog-content-iframe");
-        var printWindow = printFrame[0].contentWindow;
-        var printDocument = printWindow.document;
+    jQuery(document).keyup(function(e) {
+      if (e.keyCode == 27) { // esc
+        closePrintPreview();
+      }
+    });
 
-        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");
-            }
-        });
-    }
+    // prevent background scrolling
+    result.scroll(function(event) {
+      return false;
+    });
 
-    function forEach(array, callback) {
-        for (i = 0; i < array.length; i++) {
-            callback(array[i]);
-        }
-    }
+    return result;
+  }
 
-    function closePrintPreview() {
-        jQuery("#card-print-overlay").remove();
-        jQuery("#card-print-overlay-style").remove();
-    }
+  function printOverlayStyle() {
+    var result = jQuery(document.createElement('style'))
+      .attr("id", "card-print-overlay-style")
+      .attr("type", "text/css")
+      .html(multilineString(function() {
+/*!
+#card-print-overlay {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  background:rgba(0, 0, 0, 0.5);
 
-    //############################################################################################################################
-    //############################################################################################################################
-    //############################################################################################################################
+  box-sizing: border-box;
+  word-wrap:break-word;
+  z-index: 99999;
 
-    // http://www.cssdesk.com/T9hXg
+}
 
-    function printOverlayHTML() {
-        var result = jQuery(document.createElement('div'))
-            .attr("id", "card-print-overlay")
-            .html(multilineString(function() {
-                /*!
-                <div id="card-print-dialog">
-                  <div id="card-print-dialog-header">
-                    <div id="card-print-dialog-title">Card Print</div>
-                    <div id="info">
-                      <label id="info-line">Card Printer supports...&nbsp;&nbsp;&nbsp;<b>Jira</b> - <b>PivotalTracker</b> - <b>Trello</b> - <b>YouTrack</b></label>
-                      <input id="report-issue" type="button" class="aui-button" value="Report Issues" />
-                      <input id="about" type="button" class="aui-button" value="About" />
-                    </div>
-                  </div>
-                  <div id="card-print-dialog-content">
-                    <iframe id="card-print-dialog-content-iframe"></iframe>
-                  </div>
-                  <div id="card-print-dialog-footer">
-                    <div class="buttons">
-                      <label style="display:none; margin-right:10px"><input id="font-scale-range" type="range" min="0.4" max="1.6" step="0.1" value="1.0" />Font Scale</label>
-                      <label style="margin-right:10px;"><input id="rowCount" type="text" class="text" maxlength="1" style="width: 10px;" value="2"/>Row Count</label>
-                      <label style="margin-right:10px;"><input id="columnCount" type="text" class="text" maxlength="1" style="width: 10px;" value="1"/>Column Count</label>
-                      <label style="margin-right:10px"><input id="single-card-page-checkbox" type="checkbox"/>Single Card Page</label>
-                      <label style="margin-right:10px"><input id="hide-description-checkbox" type="checkbox"/>Hide Description</label>
-                      <input id="card-print-dialog-print" type="button" class="aui-button aui-button-primary" value="Print" />
-                      <a id="card-print-dialog-cancel" title="Cancel" class="cancel">Cancel</a>
-                    </div>
-                  </div>
-                </div>
-                */
-            }));
+#card-print-dialog {
+  position: relative;
 
-        // info
-        result.find("#report-issue").click(function(event) {
-                window.open('https://github.com/qoomon/Jira-Issue-Card-Printer/issues');
-                return false;
-            });
+  top: 60px;
+  right:0px;
+  left:0px;
 
-        result.find("#about").click(function(event) {
-                window.open('http://qoomon.blogspot.de/2014/01/jira-issue-card-printer-bookmarklet.html');
-                return false;
-            });
+  height: calc(100% - 120px);
+  width: 1000px;
+  margin: auto;
 
-        // enable single card page
+  border-style: solid;
+  border-color: #cccccc;
+  border-width: 1px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
 
-        result.find("#single-card-page-checkbox").click(function() {
-            writeCookie("card_printer_single_card_page",this.checked);
-            redrawCards();
-            return true;
-        });
+  overflow: hidden;
+}
 
-        // hide description
+#card-print-dialog-header {
+  position: relative;
+  background: #f0f0f0;
+  height: 25px;
 
-        result.find("#hide-description-checkbox").click(function() {
-            writeCookie("card_printer_hide_description",this.checked);
-            redrawCards();
-            return true;
-        });
+  border-bottom: 1px solid #cccccc;
 
-        // scale font
+  padding: 15px 20px 15px 20px;
+}
 
-        result.find("#font-scale-range").on("input", function() {
-            writeCookie("card_printer_font_scale",jQuery(this).val());
+#card-print-dialog-content {
+  position: relative;
+  background: white;
+  height: calc(100% - 106px);
+  width: 100%;
 
-            var printFrame = result.find("#card-print-dialog-content-iframe");
-            var printWindow = printFrame[0].contentWindow;
-            var printDocument = printWindow.document;
+  overflow: hidden;
+}
 
-            jQuery("html", printDocument).css("font-size", jQuery(this).val() + "cm");
+#card-print-dialog-content-iframe {
+  position: relative;
+  height: 100%;
+  width: 100%;
 
-            redrawCards();
-        });
+  overflow: hidden;
+  border:none;
+}
 
-        // grid
+#card-print-dialog-footer {
+  position: relative;
+  background: #f0f0f0;
+  border-top: 1px solid #cccccc;
+  height: 30px;
+  padding: 10px;
+  text-align: right;
+}
 
-        result.find("#rowCount").on("input", function() {
-            writeCookie("card_printer_row_count", jQuery(this).val());
-            redrawCards();
-        });
-        result.find("#rowCount").click( function() {
-            this.select();
-        });
+#buttons {
+  position: relative;
+  float: right;
+  display: inline-block;
+  height 30px;
+}
 
+#info {
+  position: relative;
+  float: right;
+  display: inline-block;
+  height 30px;
+}
+#info-line {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
 
-        result.find("#columnCount").on("input", function() {
-            writeCookie("card_printer_column_count",jQuery(this).val());
-            redrawCards();
-        });
-        result.find("#columnCount").click( function() {
-            this.select();
-        });
+#card-print-dialog-title{
+  position: relative;
+  float: left;
+  color: rgb(51, 51, 51);
+  display: block;
+  font-family: Arial, sans-serif;
+  font-size: 20px;
+  font-weight: normal;
+  height: 30px;
+  line-height: 30px;
+}
+.cancel{
+  cursor: pointer;
+  font-size: 14px;
+  display: inline-block;
+  padding: 5px 10px;
+  vertical-align: baseline;
+}
+*/
+      }));
+    return result;
+  }
 
+  // card layout: http://jsfiddle.net/qoomon/ykbLb2pw/
 
-        // 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 printOverlayStyle() {
-        var result = jQuery(document.createElement('style'))
-            .attr("id", "card-print-overlay-style")
-            .attr("type", "text/css")
-            .html(multilineString(function() {
-                /*!
-                #card-print-overlay {
-                  position: fixed;
-                  height: 100%;
-                  width: 100%;
-                  top: 0;
-                  left: 0;
-                  background:rgba(0, 0, 0, 0.5);
-
-                  box-sizing: border-box;
-                  word-wrap:break-word;
-                  z-index: 99999;
-
-                }
-
-                #card-print-dialog {
-                  position: relative;
-
-                  top: 60px;
-                  right:0px;
-                  left:0px;
-
-                  height: calc(100% - 120px);
-                  width: 1000px;
-                  margin: auto;
-
-                  border-style: solid;
-                  border-color: #cccccc;
-                  border-width: 1px;
-                  -webkit-border-radius: 4px;
-                  border-radius: 4px;
-
-                  overflow: hidden;
-                }
-
-                #card-print-dialog-header {
-                  position: relative;
-                  background: #f0f0f0;
-                  height: 25px;
-
-                  border-bottom: 1px solid #cccccc;
-
-                  padding: 15px 20px 15px 20px;
-                }
-
-                #card-print-dialog-content {
-                  position: relative;
-                  background: white;
-                  height: calc(100% - 106px);
-                  width: 100%;
-
-                  overflow: hidden;
-                }
-
-                #card-print-dialog-content-iframe {
-                  position: relative;
-                  height: 100%;
-                  width: 100%;
-
-                  overflow: hidden;
-                  border:none;
-                }
-
-                #card-print-dialog-footer {
-                  position: relative;
-                  background: #f0f0f0;
-                  border-top: 1px solid #cccccc;
-                  height: 30px;
-                  padding: 10px;
-                  text-align: right;
-                }
-
-                #buttons {
-                  position: relative;
-                  float: right;
-                  display: inline-block;
-                  height 30px;
-                }
-
-                #info {
-                  position: relative;
-                  float: right;
-                  display: inline-block;
-                  height 30px;
-                }
-                #info-line {
-                  padding-left: 3rem;
-                  padding-right: 3rem;
-                }
-
-                #card-print-dialog-title{
-                  position: relative;
-                  float: left;
-                  color: rgb(51, 51, 51);
-                  display: block;
-                  font-family: Arial, sans-serif;
-                  font-size: 20px;
-                  font-weight: normal;
-                  height: 30px;
-                  line-height: 30px;
-                }
-                .cancel{
-                  cursor: pointer;
-                  font-size: 14px;
-                  display: inline-block;
-                  padding: 5px 10px;
-                  vertical-align: baseline;
-                }
-                */
-            }));
-        return result;
-    }
-
-    // card layout: http://jsfiddle.net/qoomon/ykbLb2pw/
-
-    function cardHtml(issueKey) {
-        var page = jQuery(document.createElement('div'))
-            .attr("id", issueKey)
-            .addClass("card")
-            .html(multilineString(function() {
-                /*!
-    <div class="card-content">
-        <div class="card-body shadow">
-            <div class="issue-summary"></div>
-            <div class="issue-description"></div>
-        </div>
-        <div class="card-header">
-            <div class="issue-id badge"></div>
-            <div class="issue-icon badge" type="story"></div>
-            <div class="issue-estimate badge"></div>
-            <div class="issue-due-box">
-                <div class="issue-due-date badge"></div>
-                <div class="issue-due-icon badge"></div>
-            </div>
-        </div>
-        <div class="card-footer">
-            <div class="issue-qr-code badge"></div>
-            <div class="issue-attachment badge"></div>
-            <div class="issue-assignee badge"></div>
-            <div class="issue-epic-box badge">
-                <span class="issue-epic-id"></span>
-                <span class="issue-epic-name"></span>
-            </div>
+  function cardHtml(issueKey) {
+    var page = jQuery(document.createElement('div'))
+      .attr("id", issueKey)
+      .addClass("card")
+      .html(multilineString(function() {
+/*!
+<div class="card-content">
+    <div class="card-body shadow">
+        <div class="issue-summary"></div>
+        <div class="issue-description"></div>
+    </div>
+    <div class="card-header">
+        <div class="issue-id badge"></div>
+        <div class="issue-icon badge" type="story"></div>
+        <div class="issue-estimate badge"></div>
+        <div class="issue-due-box">
+            <div class="issue-due-date badge"></div>
+            <div class="issue-due-icon badge"></div>
         </div>
     </div>
-    <div class="author">© qoomon.com Bengt Brodersen</div>
-                  */
-            }));
+    <div class="card-footer">
+        <div class="issue-qr-code badge"></div>
+        <div class="issue-attachment badge"></div>
+        <div class="issue-assignee badge"></div>
+        <div class="issue-epic-box badge">
+            <span class="issue-epic-id"></span>
+            <span class="issue-epic-name"></span>
+        </div>
+    </div>
+</div>
+<div class="author">© qoomon.com Bengt Brodersen</div>
+*/
+      }));
 
-        return page;
-    }
+    return page;
+  }
 
-    function cardCss() {
-        var result = jQuery(document.createElement('style'))
-            .attr("type", "text/css")
-            .html(multilineString(function() {
-                /*!
-    * {
-        box-sizing: border-box;
-        overflow: hidden;
+  function cardCss() {
+    var result = jQuery(document.createElement('style'))
+      .attr("type", "text/css")
+      .html(multilineString(function() {
+/*!
+* {
+    box-sizing: border-box;
+    overflow: hidden;
+}
+html {
+    background: WHITE;
+    padding: 0rem;
+    margin: 0rem;
+    font-size: 1.0cm;
+    overflow-y: scroll;
+}
+body {
+    padding: 0rem;
+    margin: 0rem;
+}
+#preload {
+    position: fixed;
+    top: 0rem;
+    left: 100%;
+}
+.author {
+    position: absolute;
+    top:0.8rem;
+    left:calc(50% - 3rem);
+    font-size: 0.5rem;
+}
+.card {
+    position: relative;
+    float:left;
+    height: 100%;
+    width: 100%;
+    padding: 0.5cm;
+    min-width:19.0rem;
+    min-height:10.0rem;
+
+    border-color: LightGray;
+    border-style: dotted;
+    border-width: 0.03cm;
+}
+.card-content {
+    position: relative;
+    height: 100%;
+    // find .card-header;
+    padding-top: 2rem;
+    // find .card-footer;
+    padding-bottom: 1.3rem;
+}
+.card-body {
+    position: relative;
+    height: 100%;
+    margin-left: 0.4rem;
+    margin-right: 0.4rem;
+    padding-top: 1.2rem;
+    padding-bottom: 1.1rem;
+    padding-left: 0.4rem;
+    padding-right: 0.4rem;
+    background: WHITE;
+}
+.card-header {
+    position: absolute;
+    top: 0rem;
+    height: 4.2rem;
+    width: 100%;
+}
+.card-footer {
+    position: absolute;
+    bottom: 0rem;
+    height: 2.2rem;
+    width: 100%;
+}
+.issue-summary {
+    font-weight: bold;
+    display: -webkit-box;
+    //-webkit-line-clamp: 2;
+    //-webkit-box-orient: vertical;
+}
+.issue-description {
+    margin-top: 0.4rem;
+    display: block;
+    font-size: 0.6rem;
+    line-height: 0.6rem;
+    overflow: hidden;
+}
+.issue-id {
+    position: absolute;
+    left: 1rem;
+    top: 1.2rem;
+    height: 1.5rem;
+    max-width: 10rem;
+    min-width: 5rem;
+    padding-left: 2.4rem;
+    padding-right: 0.4rem;
+    background-color: WHITESMOKE;
+    line-height: 1.3rem;
+    font-size: 0.8rem;
+    font-weight: bold;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.issue-icon {
+    position: absolute;
+    left: 0rem;
+    top: 0rem;
+    height: 3.2rem;
+    width: 3.2rem;
+    border-radius: 50% !important;
+    background-color: GREENYELLOW !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Objects.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 70%;
+}
+.issue-icon[type="story"] {
+    background-color: GOLD !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bulb.png);
+}
+.issue-icon[type="bug"] {
+    background-color: CRIMSON !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bug.png);
+}
+.issue-icon[type="epic"] {
+    background-color: ROYALBLUE !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Flash.png);
+}
+.issue-icon[type="task"] {
+    background-color: ORANGE !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Task.png);
+}
+.issue-estimate {
+    position: absolute;
+    left: 2.5rem;
+    top: 0.0rem;
+    height: 1.6rem;
+    width: 1.6rem;
+    border-radius: 49.5% !important;
+    background-color: WHITESMOKE;
+    line-height: 1.4rem;
+    font-size: 0.9rem;
+    font-weight: bold;
+    text-align: center;
+}
+.issue-qr-code {
+    position: absolute;
+    left:0rem;
+    top: 0rem;
+    width: 2.2rem;
+    height: 2.2rem;
+    background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com);
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+}
+.issue-attachment {
+    position: absolute;
+    left:2.8rem;
+    top: 0rem;
+    width: 2.0rem;
+    height: 2.0rem;
+    border-radius: 50% !important;
+    background-color: LIGHTSKYBLUE !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Attachment.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 70%;
+}
+.issue-assignee {
+    position: absolute;
+    top:0rem;
+    right:0rem;
+    width: 2.2rem;
+    height: 2.2rem;
+    border-radius: 50% !important;
+    background-color: WHITESMOKE;
+    //background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Person.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    //-webkit-filter: contrast(200%) grayscale(100%);
+    //filter: contrast(200%) grayscale(100%);
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.4rem;
+    line-height: 1.9rem;
+}
+.issue-epic-box {
+    position: absolute;
+    right:3.0rem;
+    top: 0rem;
+    width: auto;
+    min-width: 6rem;
+    width: auto;
+    max-width: 10rem;
+    height: auto;
+    max-height: 2.2rem;
+    padding-top: 0.1rem;
+    padding-bottom: 0.2rem;
+    padding-left: 0.3rem;
+    padding-right: 0.3rem;
+    text-align: left;
+    font-size: 0.6rem;
+    line-height: 0.8rem;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+.issue-epic-id {
+    font-size: 0.5rem;
+    font-weight: bold;
+}
+.issue-epic-name {
+    margin-left: 0.1rem;
+    font-size: 0.6rem;
+    font-weight: bold;
+}
+.issue-due-date-box {
+    position: absolute;
+    right: 0rem;
+    top: 0rem;
+    overflow: visible !important;
+}
+.issue-due-date {
+    position: absolute;
+    top: 1.3rem;
+    right: 1rem;
+    width: 5.3rem;
+    min-width: 2.8rem;
+    height: 1.3rem;
+    padding-left: 0.2rem;
+    padding-right: 1.4rem;
+    text-align: center;
+    font-weight: bold;
+    font-size: 0.7rem;
+    line-height: 1.0rem;
+}
+.issue-due-icon {
+    position: absolute;
+    top: 0.5rem;
+    right: 0rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: 50% !important;
+    background-color: ORCHID !important;
+    background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/AlarmClock.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 65%;
+}
+.badge, .shadow {
+    border-style: solid;
+    border-color: #555;
+    border-top-width: 0.12rem;
+    border-left-width: 0.12rem;
+    border-bottom-width: 0.21rem;
+    border-right-width: 0.21rem;
+    border-radius: 0.25rem;
+}
+.badge {
+    // WHITESMOKE, GAINSBOROM;
+    background-color: WHITESMOKE;
+}
+.hidden {
+    display: none;
+}
+
+.zigzag {
+    border-bottom-width: 0rem;
+}
+.zigzag::after {
+    position: absolute;
+    bottom: -0.00rem;
+    left:-0.07rem;
+    content:"";
+    width: 100%;
+    border-style:solid;
+    border-bottom-width: 1rem;
+    border-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/Tearing.png);
+    border-image-width: 0 0 0.7rem 0;
+    border-image-slice: 56 0 56 1;
+    border-image-repeat: round round;
+}
+@media print {
+    @page {
+        margin: 0.0mm;
+        padding: 0.0mm;
     }
     html {
-        background: WHITE;
-        padding: 0rem;
-        margin: 0rem;
-        font-size: 1.0cm;
-        overflow-y: scroll;
-    }
-    body {
-        padding: 0rem;
-        margin: 0rem;
-    }
-    #preload {
-        position: fixed;
-        top: 0rem;
-        left: 100%;
-    }
-    .author {
-        position: absolute;
-        top:0.8rem;
-        left:calc(50% - 3rem);
-        font-size: 0.5rem;
+        -webkit-print-color-adjust:exact;
+        print-color-adjust: exact;
     }
     .card {
-        position: relative;
-        float:left;
-        height: 100%;
-        width: 100%;
-        padding: 0.5cm;
-        min-width:19.0rem;
-        min-height:10.0rem;
+        page-break-inside: avoid;
+    }
+  }
+}
+*/
+      }).replace(/{RESOURCE_ORIGIN}/g, global.resourceOrigin));
+    return result;
+  }
 
-        border-color: LightGray;
-        border-style: dotted;
-        border-width: 0.03cm;
+  //############################################################################################################################
+  //############################################################################################################################
+  //############################################################################################################################
+
+  function appendScript(url, callback) {
+
+    var head = document.getElementsByTagName('head')[0];
+    var script = document.createElement('script');
+    script.src = url;
+
+    // Then bind the event to the callback function.
+    // There are several events for cross browser compatibility.
+    script.onreadystatechange = callback;
+    script.onload = callback;
+
+    head.appendChild(script);
+  }
+
+  function initGoogleAnalytics() {
+    // <GoogleAnalytics>
+    (function(i, s, o, g, r, a, m) {
+      i['GoogleAnalyticsObject'] = r;
+      i[r] = i[r] || function() {
+        (i[r].q = i[r].q || []).push(arguments)
+      }, i[r].l = 1 * new Date();
+      a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0];
+      a.async = 1;
+      a.src = g;
+      m.parentNode.insertBefore(a, m)
+    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+    ga('create', 'UA-50840116-3', {
+      'alwaysSendReferrer': true
+    });
+    ga('set', 'page', '/cardprinter');
+  }
+
+  //############################################################################################################################
+  //############################################################################################################################
+  //############################################################################################################################
+
+  function addDeferred(deferredList) {
+    var deferred = new jQuery.Deferred()
+    deferredList.push(deferred);
+    return deferred;
+  }
+
+  function applyDeferred(deferredList, callback) {
+    jQuery.when.apply(jQuery, deferredList).done(callback);
+  }
+
+  function readCookie(name, defaultValue) {
+    var cookies = document.cookie.split('; ');
+
+    for (var i = 0; i < cookies.length; i++) {
+      var cookie = cookies[i].split('=');
+      if (cookie[0] == name) return cookie[1];
     }
-    .card-content {
-        position: relative;
-        height: 100%;
-        // find .card-header;
-        padding-top: 2rem;
-        // find .card-footer;
-        padding-bottom: 1.3rem;
-    }
-    .card-body {
-        position: relative;
-        height: 100%;
-        margin-left: 0.4rem;
-        margin-right: 0.4rem;
-        padding-top: 1.2rem;
-        padding-bottom: 1.1rem;
-        padding-left: 0.4rem;
-        padding-right: 0.4rem;
-        background: WHITE;
-    }
-    .card-header {
-        position: absolute;
-        top: 0rem;
-        height: 4.2rem;
-        width: 100%;
-    }
-    .card-footer {
-        position: absolute;
-        bottom: 0rem;
-        height: 2.2rem;
-        width: 100%;
-    }
-    .issue-summary {
-        font-weight: bold;
-        display: -webkit-box;
-        //-webkit-line-clamp: 2;
-        //-webkit-box-orient: vertical;
-    }
-    .issue-description {
-        margin-top: 0.4rem;
-        display: block;
-        font-size: 0.6rem;
-        line-height: 0.6rem;
-        overflow: hidden;
-    }
-    .issue-id {
-        position: absolute;
-        left: 1rem;
-        top: 1.2rem;
-        height: 1.5rem;
-        max-width: 10rem;
-        min-width: 5rem;
-        padding-left: 2.4rem;
-        padding-right: 0.4rem;
-        background-color: WHITESMOKE;
-        line-height: 1.3rem;
-        font-size: 0.8rem;
-        font-weight: bold;
-        text-align: center;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-    .issue-icon {
-        position: absolute;
-        left: 0rem;
-        top: 0rem;
-        height: 3.2rem;
-        width: 3.2rem;
-        border-radius: 50% !important;
-        background-color: GREENYELLOW !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Objects.png);
-        background-repeat: no-repeat;
-        background-position: center;
-        background-size: 70%;
-    }
-    .issue-icon[type="story"] {
-        background-color: GOLD !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bulb.png);
-    }
-    .issue-icon[type="bug"] {
-        background-color: CRIMSON !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bug.png);
-    }
-    .issue-icon[type="epic"] {
-        background-color: ROYALBLUE !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Flash.png);
-    }
-    .issue-icon[type="task"] {
-        background-color: ORANGE !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Task.png);
-    }
-    .issue-estimate {
-        position: absolute;
-        left: 2.5rem;
-        top: 0.0rem;
-        height: 1.6rem;
-        width: 1.6rem;
-        border-radius: 49.5% !important;
-        background-color: WHITESMOKE;
-        line-height: 1.4rem;
-        font-size: 0.9rem;
-        font-weight: bold;
-        text-align: center;
-    }
-    .issue-qr-code {
-        position: absolute;
-        left:0rem;
-        top: 0rem;
-        width: 2.2rem;
-        height: 2.2rem;
-        background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com);
-        background-repeat: no-repeat;
-        background-size: cover;
-        background-position: center;
-    }
-    .issue-attachment {
-        position: absolute;
-        left:2.8rem;
-        top: 0rem;
-        width: 2.0rem;
-        height: 2.0rem;
-        border-radius: 50% !important;
-        background-color: LIGHTSKYBLUE !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Attachment.png);
-        background-repeat: no-repeat;
-        background-position: center;
-        background-size: 70%;
-    }
-    .issue-assignee {
-        position: absolute;
-        top:0rem;
-        right:0rem;
-        width: 2.2rem;
-        height: 2.2rem;
-        border-radius: 50% !important;
-        background-color: WHITESMOKE;
-        //background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Person.png);
-        background-repeat: no-repeat;
-        background-position: center;
-        background-size: cover;
-        //-webkit-filter: contrast(200%) grayscale(100%);
-        //filter: contrast(200%) grayscale(100%);
-        text-align: center;
-        font-weight: bold;
-        font-size: 1.4rem;
-        line-height: 1.9rem;
-    }
-    .issue-epic-box {
-        position: absolute;
-        right:3.0rem;
-        top: 0rem;
-        width: auto;
-        min-width: 6rem;
-        width: auto;
-        max-width: 10rem;
-        height: auto;
-        max-height: 2.2rem;
-        padding-top: 0.1rem;
-        padding-bottom: 0.2rem;
-        padding-left: 0.3rem;
-        padding-right: 0.3rem;
-        text-align: left;
-        font-size: 0.6rem;
-        line-height: 0.8rem;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-    }
-    .issue-epic-id {
-        font-size: 0.5rem;
-        font-weight: bold;
-    }
-    .issue-epic-name {
-        margin-left: 0.1rem;
-        font-size: 0.6rem;
-        font-weight: bold;
-    }
-    .issue-due-date-box {
-        position: absolute;
-        right: 0rem;
-        top: 0rem;
-        overflow: visible !important;
-    }
-    .issue-due-date {
-        position: absolute;
-        top: 1.3rem;
-        right: 1rem;
-        width: 5.3rem;
-        min-width: 2.8rem;
-        height: 1.3rem;
-        padding-left: 0.2rem;
-        padding-right: 1.4rem;
-        text-align: center;
-        font-weight: bold;
-        font-size: 0.7rem;
-        line-height: 1.0rem;
-    }
-    .issue-due-icon {
-        position: absolute;
-        top: 0.5rem;
-        right: 0rem;
-        width: 2.5rem;
-        height: 2.5rem;
-        border-radius: 50% !important;
-        background-color: ORCHID !important;
-        background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/AlarmClock.png);
-        background-repeat: no-repeat;
-        background-position: center;
-        background-size: 65%;
-    }
-    .badge, .shadow {
-        border-style: solid;
-        border-color: #555;
-        border-top-width: 0.12rem;
-        border-left-width: 0.12rem;
-        border-bottom-width: 0.21rem;
-        border-right-width: 0.21rem;
-        border-radius: 0.25rem;
-    }
-    .badge {
-        // WHITESMOKE, GAINSBOROM;
-        background-color: WHITESMOKE;
-    }
-    .hidden {
-        display: none;
+    return defaultValue
+  }
+
+  function writeCookie(name, value) {
+    document.cookie = name + "=" + value;
+  }
+  //############################################################################################################################
+  //############################################################################################################################
+  //############################################################################################################################
+
+  function addStringFunctions() {
+
+    //trim string - remove leading and trailing whitespaces
+    if (!String.prototype.trim) {
+      String.prototype.trim = function() {
+        return this.replace(/^\s+|\s+$/g, '');
+      };
     }
 
-    .zigzag {
-        border-bottom-width: 0rem;
+    if (!String.prototype.startsWith) {
+      String.prototype.startsWith = function(str) {
+        return this.slice(0, str.length) == str;
+      };
     }
-    .zigzag::after {
-        position: absolute;
-        bottom: -0.00rem;
-        left:-0.07rem;
-        content:"";
-        width: 100%;
-        border-style:solid;
-        border-bottom-width: 1rem;
-        border-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/Tearing.png);
-        border-image-width: 0 0 0.7rem 0;
-        border-image-slice: 56 0 56 1;
-        border-image-repeat: round round;
+
+    if (!String.prototype.endsWith) {
+      String.prototype.endsWith = function(str) {
+        return this.slice(-str.length) == str;
+      };
     }
-    @media print {
-        @page {
-            margin: 0.0mm;
-            padding: 0.0mm;
-        }
-        html {
-            -webkit-print-color-adjust:exact;
-            print-color-adjust: exact;
-        }
-        .card {
-            page-break-inside: avoid;
-        }
+
+    if (!String.prototype.toCamelCase) {
+      String.prototype.toCamelCase = function() {
+        // remove all characters that should not be in a variable name
+        // as well underscores an numbers from the beginning of the string
+        var s = this.replace(/([^a-zA-Z0-9_\- ])|^[_0-9]+/g, "").trim().toLowerCase();
+        // uppercase letters preceeded by a hyphen or a space
+        s = s.replace(/([ -]+)([a-zA-Z0-9])/g, function(a, b, c) {
+          return c.toUpperCase();
+        });
+        // uppercase letters following numbers
+        s = s.replace(/([0-9]+)([a-zA-Z])/g, function(a, b, c) {
+          return b + c.toUpperCase();
+        });
+        return s;
       }
     }
-                */
-            }).replace(/{RESOURCE_ORIGIN}/g, global.resourceOrigin));
+  }
+
+  function addDateFunctions() {
+
+    Date.prototype.format = function(format) {
+      var returnStr = '';
+      var replace = Date.replaceChars;
+      for (var i = 0; i < format.length; i++) {
+        var curChar = format.charAt(i);
+        if (i - 1 >= 0 && format.charAt(i - 1) == "\\") {
+          returnStr += curChar;
+        } else if (replace[curChar]) {
+          returnStr += replace[curChar].call(this);
+        } else if (curChar != "\\") {
+          returnStr += curChar;
+        }
+      }
+      return returnStr;
+    };
+
+    Date.replaceChars = {
+      shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+      longMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+      shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+      longDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+
+      // Day
+      d: function() {
+        return (this.getDate() < 10 ? '0' : '') + this.getDate();
+      },
+      D: function() {
+        return Date.replaceChars.shortDays[this.getDay()];
+      },
+      j: function() {
+        return this.getDate();
+      },
+      l: function() {
+        return Date.replaceChars.longDays[this.getDay()];
+      },
+      N: function() {
+        return this.getDay() + 1;
+      },
+      S: function() {
+        return (this.getDate() % 10 == 1 && this.getDate() != 11 ? 'st' : (this.getDate() % 10 == 2 && this.getDate() != 12 ? 'nd' : (this.getDate() % 10 == 3 && this.getDate() != 13 ? 'rd' : 'th')));
+      },
+      w: function() {
+        return this.getDay();
+      },
+      z: function() {
+        var d = new Date(this.getFullYear(), 0, 1);
+        return Math.ceil((this - d) / 86400000);
+      }, // Fixed now
+      // Week
+      W: function() {
+        var d = new Date(this.getFullYear(), 0, 1);
+        return Math.ceil((((this - d) / 86400000) + d.getDay() + 1) / 7);
+      }, // Fixed now
+      // Month
+      F: function() {
+        return Date.replaceChars.longMonths[this.getMonth()];
+      },
+      m: function() {
+        return (this.getMonth() < 9 ? '0' : '') + (this.getMonth() + 1);
+      },
+      M: function() {
+        return Date.replaceChars.shortMonths[this.getMonth()];
+      },
+      n: function() {
+        return this.getMonth() + 1;
+      },
+      t: function() {
+        var d = new Date();
+        return new Date(d.getFullYear(), d.getMonth(), 0).getDate()
+      }, // Fixed now, gets #days of date
+      // Year
+      L: function() {
+        var year = this.getFullYear();
+        return (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0));
+      }, // Fixed now
+      o: function() {
+        var d = new Date(this.valueOf());
+        d.setDate(d.getDate() - ((this.getDay() + 6) % 7) + 3);
+        return d.getFullYear();
+      }, //Fixed now
+      Y: function() {
+        return this.getFullYear();
+      },
+      y: function() {
+        return ('' + this.getFullYear()).substr(2);
+      },
+      // Time
+      a: function() {
+        return this.getHours() < 12 ? 'am' : 'pm';
+      },
+      A: function() {
+        return this.getHours() < 12 ? 'AM' : 'PM';
+      },
+      B: function() {
+        return Math.floor((((this.getUTCHours() + 1) % 24) + this.getUTreminutes() / 60 + this.getUTCSeconds() / 3600) * 1000 / 24);
+      }, // Fixed now
+      g: function() {
+        return this.getHours() % 12 || 12;
+      },
+      G: function() {
+        return this.getHours();
+      },
+      h: function() {
+        return ((this.getHours() % 12 || 12) < 10 ? '0' : '') + (this.getHours() % 12 || 12);
+      },
+      H: function() {
+        return (this.getHours() < 10 ? '0' : '') + this.getHours();
+      },
+      i: function() {
+        return (this.getMinutes() < 10 ? '0' : '') + this.getMinutes();
+      },
+      s: function() {
+        return (this.getSeconds() < 10 ? '0' : '') + this.getSeconds();
+      },
+      u: function() {
+        var m = this.getMilliseconds();
+        return (m < 10 ? '00' : (m < 100 ? '0' : '')) + m;
+      },
+      // Timezone
+      e: function() {
+        return "Not Yet Supported";
+      },
+      I: function() {
+        var DST = null;
+        for (var i = 0; i < 12; ++i) {
+          var d = new Date(this.getFullYear(), i, 1);
+          var offset = d.getTimezoneOffset();
+          if (DST === null) DST = offset;
+          else if (offset < DST) {
+            DST = offset;
+            break;
+          } else if (offset > DST) break;
+        }
+        return (this.getTimezoneOffset() == DST) | 0;
+      },
+      O: function() {
+        return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + '00';
+      },
+      P: function() {
+        return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + ':00';
+      }, // Fixed now
+      T: function() {
+        var m = this.getMonth();
+        this.setMonth(0);
+        var result = this.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/, '$1');
+        this.setMonth(m);
         return result;
-    }
-
-    //############################################################################################################################
-    //############################################################################################################################
-    //############################################################################################################################
-
-    function appendScript(url, callback) {
-
-        var head = document.getElementsByTagName('head')[0];
-        var script = document.createElement('script');
-        script.src = url;
-
-        // Then bind the event to the callback function.
-        // There are several events for cross browser compatibility.
-        script.onreadystatechange = callback;
-        script.onload = callback;
-
-        head.appendChild(script);
-    }
-
-    function initGoogleAnalytics(){
-      // <GoogleAnalytics>
-      (function(i, s, o, g, r, a, m) {
-          i['GoogleAnalyticsObject'] = r;
-          i[r] = i[r] || function() {
-              (i[r].q = i[r].q || []).push(arguments)
-          }, i[r].l = 1 * new Date();
-          a = s.createElement(o),
-              m = s.getElementsByTagName(o)[0];
-          a.async = 1;
-          a.src = g;
-          m.parentNode.insertBefore(a, m)
-      })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-
-      ga('create', 'UA-50840116-3', {
-          'alwaysSendReferrer': true
-      });
-      ga('set', 'page', '/cardprinter');
-    }
-
-    //############################################################################################################################
-    //############################################################################################################################
-    //############################################################################################################################
-
-    function addDeferred(deferredList) {
-        var deferred = new jQuery.Deferred()
-        deferredList.push(deferred);
-        return deferred;
-    }
-
-    function applyDeferred(deferredList, callback) {
-        jQuery.when.apply(jQuery, deferredList).done(callback);
-    }
-
-    function readCookie(name, defaultValue){
-      var cookies = document.cookie.split('; ');
-
-      for(var i = 0; i<cookies.length; i++){
-         var cookie = cookies[i].split('=');
-         if(cookie[0] == name) return cookie[1];
+      },
+      Z: function() {
+        return -this.getTimezoneOffset() * 60;
+      },
+      // Full Date/Time
+      c: function() {
+        return this.format("Y-m-d\\TH:i:sP");
+      }, // Fixed now
+      r: function() {
+        return this.toString();
+      },
+      U: function() {
+        return this.getTimep() / 1000;
       }
-      return defaultValue
-    }
-    function writeCookie(name, value){
-      document.cookie=name+"=" +value;
-    }
-    //############################################################################################################################
-    //############################################################################################################################
-    //############################################################################################################################
+    };
+  }
 
-    function addStringFunctions() {
+  function multilineString(commentFunction) {
+    return commentFunction.toString()
+      .replace(/^[^\/]+\/\*!?/, '')
+      .replace(/\*\/[^\/]+$/, '');
+  }
 
-        //trim string - remove leading and trailing whitespaces
-        if (!String.prototype.trim) {
-            String.prototype.trim = function() {
-                return this.replace(/^\s+|\s+$/g, '');
-            };
+  function resizeIframe(iframe) {
+    iframe.height(iframe[0].contentWindow.document.body.height);
+  }
+
+  // APP Specific Functions
+  //############################################################################################################################
+  //############################################################################################################################
+  //############################################################################################################################
+
+  var jiraFunctions = (function(module) {
+
+    module.getSelectedIssueKeyList = function() {
+      //Browse
+      if (/.*\/browse\/.*/g.test(document.URL)) {
+        return [document.URL.replace(/.*\/browse\/([^?]*).*/, '$1')];
+      }
+
+      // RapidBoard
+      if (/.*\/secure\/RapidBoard.jspa.*/g.test(document.URL)) {
+        return jQuery('div[data-issue-key].ghx-selected').map(function() {
+          return jQuery(this).attr('data-issue-key');
+        });
+      }
+
+      return [];
+    };
+
+    module.getCardData = function(issueKey, callback) {
+      module.getIssueData(issueKey, function(data) {
+
+        var issueData = {};
+
+        issueData.key = data.key;
+
+        issueData.type = data.fields.issuetype.name.toLowerCase();
+
+        issueData.summary = data.fields.summary;
+
+        issueData.description = data.renderedFields.description.replace(/<p>/, "");
+
+        if (data.fields.assignee) {
+          issueData.assignee = data.fields.assignee.displayName;
+          var avatarUrl = data.fields.assignee.avatarUrls['48x48'];
+          if (avatarUrl.indexOf("ownerId=") >= 0) {
+            issueData.avatarUrl = avatarUrl;
+          }
         }
 
-        if (!String.prototype.startsWith) {
-            String.prototype.startsWith = function(str) {
-                return this.slice(0, str.length) == str;
-            };
+        if (data.fields.duedate) {
+          issueData.dueDate = new Date(data.fields.duedate).format('D d.m.');
         }
 
-        if (!String.prototype.endsWith) {
-            String.prototype.endsWith = function(str) {
-                return this.slice(-str.length) == str;
-            };
+        issueData.hasAttachment = data.fields.attachment.length > 0;
+
+        issueData.storyPoints = data.fields.storyPoints;
+
+        issueData.epicKey = data.fields.epicLink;
+        if (issueData.epicKey) {
+          jiraFunctions.getIssueData(issueData.epicKey, function(data) {
+            issueData.epicName = data.fields.epicName;
+          }, false);
         }
 
-        if (!String.prototype.toCamelCase) {
-            String.prototype.toCamelCase = function() {
-                // remove all characters that should not be in a variable name
-                // as well underscores an numbers from the beginning of the string
-                var s = this.replace(/([^a-zA-Z0-9_\- ])|^[_0-9]+/g, "").trim().toLowerCase();
-                // uppercase letters preceeded by a hyphen or a space
-                s = s.replace(/([ -]+)([a-zA-Z0-9])/g, function(a, b, c) {
-                    return c.toUpperCase();
-                });
-                // uppercase letters following numbers
-                s = s.replace(/([0-9]+)([a-zA-Z])/g, function(a, b, c) {
-                    return b + c.toUpperCase();
-                });
-                return s;
-            }
+        issueData.url = window.location.origin + "/browse/" + issueData.key;
+
+        //LRS Specific field mapping
+        if (true) {
+          //Desired-Date
+          if (data.fields.desiredDate) {
+            issueData.dueDate = new Date(data.fields.desiredDate).format('D d.m.');
+          }
         }
-    }
 
-    function addDateFunctions() {
+        callback(issueData);
+      });
+    };
 
-        Date.prototype.format = function(format) {
-            var returnStr = '';
-            var replace = Date.replaceChars;
-            for (var i = 0; i < format.length; i++) {
-                var curChar = format.charAt(i);
-                if (i - 1 >= 0 && format.charAt(i - 1) == "\\") {
-                    returnStr += curChar;
-                } else if (replace[curChar]) {
-                    returnStr += replace[curChar].call(this);
-                } else if (curChar != "\\") {
-                    returnStr += curChar;
-                }
+    module.getIssueData = function(issueKey, callback, async) {
+      async = typeof async !== 'undefined' ? async : true;
+      //https://docs.atlassian.com/jira/REST/latest/
+      var url = '/rest/api/2/issue/' + issueKey + '?expand=renderedFields,names';
+      console.log("IssueUrl: " + url);
+      //console.log("Issue: " + issueKey + " Loading...");
+      jQuery.ajax({
+        type: 'GET',
+        url: url,
+        data: {},
+        dataType: 'json',
+        async: async,
+        success: function(responseData) {
+          //console.log("Issue: " + issueKey + " Loaded!");
+          // add custom fields with field names
+          jQuery.each(responseData.names, function(key, value) {
+            if (key.startsWith("customfield_")) {
+              var fieldName = value.toCamelCase();
+              //console.log("add new field: " + fieldName + " with value from " + key);
+              responseData.fields[fieldName] = responseData.fields[key];
             }
-            return returnStr;
-        };
-
-        Date.replaceChars = {
-            shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-            longMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-            shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-            longDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-
-            // Day
-            d: function() {
-                return (this.getDate() < 10 ? '0' : '') + this.getDate();
-            },
-            D: function() {
-                return Date.replaceChars.shortDays[this.getDay()];
-            },
-            j: function() {
-                return this.getDate();
-            },
-            l: function() {
-                return Date.replaceChars.longDays[this.getDay()];
-            },
-            N: function() {
-                return this.getDay() + 1;
-            },
-            S: function() {
-                return (this.getDate() % 10 == 1 && this.getDate() != 11 ? 'st' : (this.getDate() % 10 == 2 && this.getDate() != 12 ? 'nd' : (this.getDate() % 10 == 3 && this.getDate() != 13 ? 'rd' : 'th')));
-            },
-            w: function() {
-                return this.getDay();
-            },
-            z: function() {
-                var d = new Date(this.getFullYear(), 0, 1);
-                return Math.ceil((this - d) / 86400000);
-            }, // Fixed now
-            // Week
-            W: function() {
-                var d = new Date(this.getFullYear(), 0, 1);
-                return Math.ceil((((this - d) / 86400000) + d.getDay() + 1) / 7);
-            }, // Fixed now
-            // Month
-            F: function() {
-                return Date.replaceChars.longMonths[this.getMonth()];
-            },
-            m: function() {
-                return (this.getMonth() < 9 ? '0' : '') + (this.getMonth() + 1);
-            },
-            M: function() {
-                return Date.replaceChars.shortMonths[this.getMonth()];
-            },
-            n: function() {
-                return this.getMonth() + 1;
-            },
-            t: function() {
-                var d = new Date();
-                return new Date(d.getFullYear(), d.getMonth(), 0).getDate()
-            }, // Fixed now, gets #days of date
-            // Year
-            L: function() {
-                var year = this.getFullYear();
-                return (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0));
-            }, // Fixed now
-            o: function() {
-                var d = new Date(this.valueOf());
-                d.setDate(d.getDate() - ((this.getDay() + 6) % 7) + 3);
-                return d.getFullYear();
-            }, //Fixed now
-            Y: function() {
-                return this.getFullYear();
-            },
-            y: function() {
-                return ('' + this.getFullYear()).substr(2);
-            },
-            // Time
-            a: function() {
-                return this.getHours() < 12 ? 'am' : 'pm';
-            },
-            A: function() {
-                return this.getHours() < 12 ? 'AM' : 'PM';
-            },
-            B: function() {
-                return Math.floor((((this.getUTCHours() + 1) % 24) + this.getUTreminutes() / 60 + this.getUTCSeconds() / 3600) * 1000 / 24);
-            }, // Fixed now
-            g: function() {
-                return this.getHours() % 12 || 12;
-            },
-            G: function() {
-                return this.getHours();
-            },
-            h: function() {
-                return ((this.getHours() % 12 || 12) < 10 ? '0' : '') + (this.getHours() % 12 || 12);
-            },
-            H: function() {
-                return (this.getHours() < 10 ? '0' : '') + this.getHours();
-            },
-            i: function() {
-                return (this.getMinutes() < 10 ? '0' : '') + this.getMinutes();
-            },
-            s: function() {
-                return (this.getSeconds() < 10 ? '0' : '') + this.getSeconds();
-            },
-            u: function() {
-                var m = this.getMilliseconds();
-                return (m < 10 ? '00' : (m < 100 ? '0' : '')) + m;
-            },
-            // Timezone
-            e: function() {
-                return "Not Yet Supported";
-            },
-            I: function() {
-                var DST = null;
-                for (var i = 0; i < 12; ++i) {
-                    var d = new Date(this.getFullYear(), i, 1);
-                    var offset = d.getTimezoneOffset();
-                    if (DST === null) DST = offset;
-                    else if (offset < DST) {
-                        DST = offset;
-                        break;
-                    } else if (offset > DST) break;
-                }
-                return (this.getTimezoneOffset() == DST) | 0;
-            },
-            O: function() {
-                return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + '00';
-            },
-            P: function() {
-                return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + ':00';
-            }, // Fixed now
-            T: function() {
-                var m = this.getMonth();
-                this.setMonth(0);
-                var result = this.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/, '$1');
-                this.setMonth(m);
-                return result;
-            },
-            Z: function() {
-                return -this.getTimezoneOffset() * 60;
-            },
-            // Full Date/Time
-            c: function() {
-                return this.format("Y-m-d\\TH:i:sP");
-            }, // Fixed now
-            r: function() {
-                return this.toString();
-            },
-            U: function() {
-                return this.getTimep() / 1000;
-            }
-        };
-    }
-
-    function multilineString(commentFunction) {
-        return commentFunction.toString()
-            .replace(/^[^\/]+\/\*!?/, '')
-            .replace(/\*\/[^\/]+$/, '');
-    }
-
-    function resizeIframe(iframe) {
-        iframe.height(iframe[0].contentWindow.document.body.height);
-    }
-
-    // APP Specific Functions
-    //############################################################################################################################
-    //############################################################################################################################
-    //############################################################################################################################
-
-    var jiraFunctions = (function (module) {
-
-        module.getSelectedIssueKeyList = function() {
-            //Browse
-            if (/.*\/browse\/.*/g.test(document.URL)) {
-                return [document.URL.replace(/.*\/browse\/([^?]*).*/, '$1')];
-            }
-
-            // RapidBoard
-            if (/.*\/secure\/RapidBoard.jspa.*/g.test(document.URL)) {
-                return jQuery('div[data-issue-key].ghx-selected').map(function() {
-                    return jQuery(this).attr('data-issue-key');
-                });
-            }
-
-            return [];
-        };
-
-        module.getCardData= function(issueKey, callback) {
-            module.getIssueData(issueKey, function(data) {
-
-                var issueData = {};
-
-                issueData.key = data.key;
-
-                issueData.type = data.fields.issuetype.name.toLowerCase();
-
-                issueData.summary = data.fields.summary;
-
-                issueData.description = data.renderedFields.description.replace(/<p>/, "");
-
-                if (data.fields.assignee) {
-                    issueData.assignee = data.fields.assignee.displayName;
-                    var avatarUrl = data.fields.assignee.avatarUrls['48x48'];
-                    if (avatarUrl.indexOf("ownerId=") >= 0) {
-                        issueData.avatarUrl = avatarUrl;
-                    }
-                }
-
-                if (data.fields.duedate) {
-                    issueData.dueDate = new Date(data.fields.duedate).format('D d.m.');
-                }
-
-                issueData.hasAttachment = data.fields.attachment.length > 0;
-
-                issueData.storyPoints = data.fields.storyPoints;
-
-                issueData.epicKey = data.fields.epicLink;
-                if (issueData.epicKey) {
-                    jiraFunctions.getIssueData(issueData.epicKey, function(data) {
-                        issueData.epicName = data.fields.epicName;
-                    }, false);
-                }
-
-                issueData.url = window.location.origin + "/browse/" + issueData.key;
-
-                //LRS Specific field mapping
-                if (true) {
-                    //Desired-Date
-                    if (data.fields.desiredDate) {
-                        issueData.dueDate = new Date(data.fields.desiredDate).format('D d.m.');
-                    }
-                }
-
-                callback(issueData);
-            });
-        };
-
-        module.getIssueData = function(issueKey, callback, async) {
-            async = typeof async !== 'undefined' ? async : true;
-            //https://docs.atlassian.com/jira/REST/latest/
-            var url = '/rest/api/2/issue/' + issueKey + '?expand=renderedFields,names';
-            console.log("IssueUrl: " + url);
-            //console.log("Issue: " + issueKey + " Loading...");
-            jQuery.ajax({
-                type: 'GET',
-                url: url,
-                data: {},
-                dataType: 'json',
-                async: async,
-                success: function(responseData) {
-                    //console.log("Issue: " + issueKey + " Loaded!");
-                    // add custom fields with field names
-                    jQuery.each(responseData.names, function(key, value) {
-                        if (key.startsWith("customfield_")) {
-                            var fieldName = value.toCamelCase();
-                            //console.log("add new field: " + fieldName + " with value from " + key);
-                            responseData.fields[fieldName] = responseData.fields[key];
-                        }
-                    });
-                    callback(responseData);
-                },
-            });
-        };
-
-        return module;
-    }({}));
-
-    var youTrackFunctions = (function (module) {
-
-        module.getSelectedIssueKeyList = function() {
-            //Detail View
-            if (/.*\/issue\/.*/g.test(document.URL)) {
-                return [document.URL.replace(/.*\/issue\/([^?]*).*/, '$1')];
-            }
-
-            // Agile Board
-            if (/.*\/rest\/agile.*/g.test(document.URL)) {
-                return jQuery('div.sb-task-focused').map(function() {
-                    return jQuery(this).attr('id');
-                });
-            }
-
-            return [];
-        };
-
-        module.getCardData= function(issueKey, callback) {
-            module.getIssueData(issueKey, function(data) {
-
-                var issueData = {};
-
-                issueData.key = data.id;
-
-                issueData.type = data.field.type[0];
-
-                issueData.summary = data.field.summary;
-
-                issueData.description = data.field.description;
-
-                if (data.field.assignee) {
-                    issueData.assignee = data.field.assignee[0].fullName;
-                    // var avatarUrl = data.fields.assignee.avatarUrls['48x48'];
-                    // if (avatarUrl.indexOf("ownerId=") >= 0) {
-                    //     issueData.avatarUrl = avatarUrl;
-                    // }
-                }
-                //
-                // if (data.fields.duedate) {
-                //     issueData.dueDate = new Date(data.fields.duedate).format('D d.m.');
-                // }
-                //
-                if (data.field.attachments) {
-                    issueData.hasAttachment = data.field.attachments.length > 0;
-                }
-                //
-                // issueData.storyPoints = data.fields.storyPoints;
-                //
-                // issueData.epicKey = data.fields.epicLink;
-                // if (issueData.epicKey) {
-                //     jiraFunctions.getIssueData(issueData.epicKey, function(data) {
-                //         issueData.epicName = data.fields.epicName;
-                //     }, false);
-                // }
-                //
-                issueData.url = window.location.origin + "/youtrack/issue/" + issueData.key;
-
-                callback(issueData);
-            });
-        };
-
-        module.getIssueData = function(issueKey, callback, async) {
-            async = typeof async !== 'undefined' ? async : true;
-            //https://docs.atlassian.com/jira/REST/latest/
-            var url = '/youtrack/rest/issue/' + issueKey + '?';
-            console.log("IssueUrl: " + url);
-            //console.log("Issue: " + issueKey + " Loading...");
-            jQuery.ajax({
-                type: 'GET',
-                url: url,
-                data: {},
-                dataType: 'json',
-                async: async,
-                success: function(responseData) {
-                    //console.log("Issue: " + issueKey + " Loaded!");
-                    jQuery.each(responseData.field, function(key, value) {
-                        // add fields with field names
-                        var fieldName = value.name.toCamelCase();
-                        //console.log("add new field: " + newFieldId + " with value from " + fieldName);
-                        responseData.field[fieldName] = value.value;
-
-                    });
-                    callback(responseData);
-                },
-            });
-        };
-
-        return module;
-    }({}));
-
-    var pivotalTrackerFunctions = (function (module) {
-
-        module.getSelectedIssueKeyList = function() {
-            //Single Story
-            if (/.*\/stories\/.*/g.test(document.URL)) {
-                return [document.URL.replace(/.*\/stories\/([^?]*).*/, '$1')];
-            }
-
-            // Board
-            if (/.*\/projects\/.*/g.test(document.URL)) {
-                return jQuery('.story[data-id]:has(.selected)').map(function() {
-                    return jQuery(this).attr('data-id');
-                });
-            }
-
-            return [];
-        };
-
-        module.getCardData = function(issueKey, callback) {
-            module.getIssueData(issueKey, function(data) {
-
-                var issueData = {};
-
-                issueData.key = data.id;
-
-                issueData.type = data.kind.toLowerCase();
-
-                issueData.summary = data.name;
-
-                issueData.description = data.description;
-
-                if (data.owned_by && data.owned_by.length > 0) {
-                    issueData.assignee = data.owner_ids[0].name;
-                }
-
-                if (data.deadline) {
-                    issueData.dueDate = new Date(data.deadline).format('D d.m.');
-                }
-
-                // TODO
-                issueData.hasAttachment = false;
-
-                issueData.storyPoints = data.estimate;
-
-                // TODO
-                // issueData.epicKey = data.fields.epicLink;
-                // if ( issueData.epicKey ) {
-                //   getIssueDataPivotalTracker(issueData.epicKey , function(data) {
-                //     issueData.epicName = data.fields.epicName;
-                //   }, false);
-                // }
-
-                issueData.url = data.url;
-
-                callback(issueData);
-            });
-        };
-
-        module.getIssueData = function(issueKey, callback, async) {
-            async = typeof async !== 'undefined' ? async : true;
-            //http://www.pivotaltracker.com/help/api
-            var url = 'https://www.pivotaltracker.com/services/v5/stories/' + issueKey + "?fields=name,kind,description,story_type,owned_by(name),comments(file_attachments(kind)),estimate,deadline";
-            console.log("IssueUrl: " + url);
-            //console.log("Issue: " + issueKey + " Loading...");
-            jQuery.ajax({
-                type: 'GET',
-                url: url,
-                data: {},
-                dataType: 'json',
-                async: async,
-                success: function(responseData) {
-                    //console.log("Issue: " + issueKey + " Loaded!");
-                    callback(responseData);
-                },
-            });
-        };
-
-        return module;
-    }({}));
-
-    var trelloFunctions = (function (module) {
-
-        module.getSelectedIssueKeyList = function() {
-            //Card View
-            if (/.*\/c\/.*/g.test(document.URL)) {
-                return [document.URL.replace(/.*\/c\/([^/]*).*/g, '$1')];
-            }
-
-            return [];
-        };
-
-        module.getCardData = function(issueKey, callback) {
-            module.getIssueData(issueKey, function(data) {
-
-                var issueData = {};
-
-                issueData.key = data.idShort;
-
-                //  TODO get kind from label name
-                // issueData.type = data.kind.toLowerCase();
-
-                issueData.summary = data.name;
-
-                issueData.description = data.desc;
-
-                if (data.members && data.members.length > 0) {
-                    issueData.assignee = data.members[0].fullName;
-                    issueData.avatarUrl = "https://trello-avatars.s3.amazonaws.com/"+data.members[0].avatarHash+"/170.png";
-                }
-
-                if (data.due) {
-                    issueData.dueDate = new Date(data.due).format('D d.m.');
-                }
+          });
+          callback(responseData);
+        },
+      });
+    };
+
+    return module;
+  }({}));
+
+  var youTrackFunctions = (function(module) {
+
+    module.getSelectedIssueKeyList = function() {
+      //Detail View
+      if (/.*\/issue\/.*/g.test(document.URL)) {
+        return [document.URL.replace(/.*\/issue\/([^?]*).*/, '$1')];
+      }
+
+      // Agile Board
+      if (/.*\/rest\/agile.*/g.test(document.URL)) {
+        return jQuery('div.sb-task-focused').map(function() {
+          return jQuery(this).attr('id');
+        });
+      }
+
+      return [];
+    };
+
+    module.getCardData = function(issueKey, callback) {
+      module.getIssueData(issueKey, function(data) {
+
+        var issueData = {};
+
+        issueData.key = data.id;
+
+        issueData.type = data.field.type[0];
+
+        issueData.summary = data.field.summary;
+
+        issueData.description = data.field.description;
+
+        if (data.field.assignee) {
+          issueData.assignee = data.field.assignee[0].fullName;
+          // var avatarUrl = data.fields.assignee.avatarUrls['48x48'];
+          // if (avatarUrl.indexOf("ownerId=") >= 0) {
+          //     issueData.avatarUrl = avatarUrl;
+          // }
+        }
+        //
+        // if (data.fields.duedate) {
+        //     issueData.dueDate = new Date(data.fields.duedate).format('D d.m.');
+        // }
+        //
+        if (data.field.attachments) {
+          issueData.hasAttachment = data.field.attachments.length > 0;
+        }
+        //
+        // issueData.storyPoints = data.fields.storyPoints;
+        //
+        // issueData.epicKey = data.fields.epicLink;
+        // if (issueData.epicKey) {
+        //     jiraFunctions.getIssueData(issueData.epicKey, function(data) {
+        //         issueData.epicName = data.fields.epicName;
+        //     }, false);
+        // }
+        //
+        issueData.url = window.location.origin + "/youtrack/issue/" + issueData.key;
+
+        callback(issueData);
+      });
+    };
+
+    module.getIssueData = function(issueKey, callback, async) {
+      async = typeof async !== 'undefined' ? async : true;
+      //https://docs.atlassian.com/jira/REST/latest/
+      var url = '/youtrack/rest/issue/' + issueKey + '?';
+      console.log("IssueUrl: " + url);
+      //console.log("Issue: " + issueKey + " Loading...");
+      jQuery.ajax({
+        type: 'GET',
+        url: url,
+        data: {},
+        dataType: 'json',
+        async: async,
+        success: function(responseData) {
+          //console.log("Issue: " + issueKey + " Loaded!");
+          jQuery.each(responseData.field, function(key, value) {
+            // add fields with field names
+            var fieldName = value.name.toCamelCase();
+            //console.log("add new field: " + newFieldId + " with value from " + fieldName);
+            responseData.field[fieldName] = value.value;
+
+          });
+          callback(responseData);
+        },
+      });
+    };
+
+    return module;
+  }({}));
+
+  var pivotalTrackerFunctions = (function(module) {
+
+    module.getSelectedIssueKeyList = function() {
+      //Single Story
+      if (/.*\/stories\/.*/g.test(document.URL)) {
+        return [document.URL.replace(/.*\/stories\/([^?]*).*/, '$1')];
+      }
+
+      // Board
+      if (/.*\/projects\/.*/g.test(document.URL)) {
+        return jQuery('.story[data-id]:has(.selected)').map(function() {
+          return jQuery(this).attr('data-id');
+        });
+      }
+
+      return [];
+    };
+
+    module.getCardData = function(issueKey, callback) {
+      module.getIssueData(issueKey, function(data) {
+
+        var issueData = {};
+
+        issueData.key = data.id;
+
+        issueData.type = data.kind.toLowerCase();
+
+        issueData.summary = data.name;
+
+        issueData.description = data.description;
+
+        if (data.owned_by && data.owned_by.length > 0) {
+          issueData.assignee = data.owner_ids[0].name;
+        }
+
+        if (data.deadline) {
+          issueData.dueDate = new Date(data.deadline).format('D d.m.');
+        }
+
+        // TODO
+        issueData.hasAttachment = false;
+
+        issueData.storyPoints = data.estimate;
+
+        // TODO
+        // issueData.epicKey = data.fields.epicLink;
+        // if ( issueData.epicKey ) {
+        //   getIssueDataPivotalTracker(issueData.epicKey , function(data) {
+        //     issueData.epicName = data.fields.epicName;
+        //   }, false);
+        // }
+
+        issueData.url = data.url;
+
+        callback(issueData);
+      });
+    };
+
+    module.getIssueData = function(issueKey, callback, async) {
+      async = typeof async !== 'undefined' ? async : true;
+      //http://www.pivotaltracker.com/help/api
+      var url = 'https://www.pivotaltracker.com/services/v5/stories/' + issueKey + "?fields=name,kind,description,story_type,owned_by(name),comments(file_attachments(kind)),estimate,deadline";
+      console.log("IssueUrl: " + url);
+      //console.log("Issue: " + issueKey + " Loading...");
+      jQuery.ajax({
+        type: 'GET',
+        url: url,
+        data: {},
+        dataType: 'json',
+        async: async,
+        success: function(responseData) {
+          //console.log("Issue: " + issueKey + " Loaded!");
+          callback(responseData);
+        },
+      });
+    };
+
+    return module;
+  }({}));
+
+  var trelloFunctions = (function(module) {
+
+    module.getSelectedIssueKeyList = function() {
+      //Card View
+      if (/.*\/c\/.*/g.test(document.URL)) {
+        return [document.URL.replace(/.*\/c\/([^/]*).*/g, '$1')];
+      }
+
+      return [];
+    };
+
+    module.getCardData = function(issueKey, callback) {
+      module.getIssueData(issueKey, function(data) {
+
+        var issueData = {};
+
+        issueData.key = data.idShort;
+
+        //  TODO get kind from label name
+        // issueData.type = data.kind.toLowerCase();
+
+        issueData.summary = data.name;
+
+        issueData.description = data.desc;
+
+        if (data.members && data.members.length > 0) {
+          issueData.assignee = data.members[0].fullName;
+          issueData.avatarUrl = "https://trello-avatars.s3.amazonaws.com/" + data.members[0].avatarHash + "/170.png";
+        }
+
+        if (data.due) {
+          issueData.dueDate = new Date(data.due).format('D d.m.');
+        }
 
-                issueData.hasAttachment = data.attachments > 0;
-
-                issueData.url = data.shortUrl;
+        issueData.hasAttachment = data.attachments > 0;
+
+        issueData.url = data.shortUrl;
 
-                callback(issueData);
-            });
-        };
-
-        module.getIssueData = function(issueKey, callback, async) {
-            async = typeof async !== 'undefined' ? async : true;
-            //http://www.pivotaltracker.com/help/api
-            var url = "https://trello.com/1/cards/" + issueKey + "?members=true";
-            console.log("IssueUrl: " + url);
-            //console.log("Issue: " + issueKey + " Loading...");
-            jQuery.ajax({
-                type: 'GET',
-                url: url,
-                data: {},
-                dataType: 'json',
-                async: async,
-                success: function(responseData) {
-                    //console.log("Issue: " + issueKey + " Loaded!");
-                    callback(responseData);
-                },
-            });
-        };
-
-        return module;
-    }({}));
+        callback(issueData);
+      });
+    };
+
+    module.getIssueData = function(issueKey, callback, async) {
+      async = typeof async !== 'undefined' ? async : true;
+      //http://www.pivotaltracker.com/help/api
+      var url = "https://trello.com/1/cards/" + issueKey + "?members=true";
+      console.log("IssueUrl: " + url);
+      //console.log("Issue: " + issueKey + " Loading...");
+      jQuery.ajax({
+        type: 'GET',
+        url: url,
+        data: {},
+        dataType: 'json',
+        async: async,
+        success: function(responseData) {
+          //console.log("Issue: " + issueKey + " Loaded!");
+          callback(responseData);
+        },
+      });
+    };
+
+    return module;
+  }({}));
 })();
diff --git a/resources/Tearing.png b/resources/Tearing.png
index 5962809dd8b5204c6d76e52915c6db4338fdbee0..5a15090998b1c09425132a8ed29a0d24b39214ca 100644
GIT binary patch
delta 1041
zcmV+s1n&ES38e^-BYy+zNkl<Zc-rlpziU%b6vyws)5$-;K$GT`=TK;%T|x;$#x6;O
z4sl5)GiDGw8r(#OI%IH>j>bV01lOWQ#i3S3(b~%O9!P44ZTfzk`{TX){lZ;JdEuV>
zeV=>Iy(bX@f*=TjAP9n>+^OAe%hlD@vk?TrA^i=Jfvl)pE`N__4LN7dU!&0o=7h|N
zOm~qXXUERY4vYyIG303!Lr%x$<|d2@=~2JmmvPKEKague-1+1EG=>B<A#OuH=P)Fw
z39)EpW#t36Awf+j4Ixi-84}clk`y$5Oc)Z>gf3MWhPO?c5!8e(%O8g}4GC&O^M-uu
zf+0aoXj;&G<9{|(5Cq@VbKirSP%Q24?n)gMwld@kIgxt)0MukutyWu7L2an5tuq~!
zN~N5Kx%GNIEnBXN*PfhHsZ?55e?I^<({E{aR3MHo2>i2*=Z}vx8FC;O2-HldLZNVl
zwx0;W`Jw*zY6f4nmzoUOkP*a1O|?d2Zw#pdb`*0lZh!e)VN<+{#o~1tQ=n!9QD9Rn
z%$N-AI3a)QFeJ@eCKRZ-m>_+QMN-eX>)PDX_CPMGu$#^1l4KC5`9DGSnCbCFQTLh)
za|^@po-RX5W`UZM<DQ5GO;U3{wfwR@u~A`zng$D+gbR40#!U-`e4}GNbWSS`h>MzZ
zqm-F~#(#t%=YsRjpdo+im_w2Z8`O+e&~$7z7^omW&|J_QyH;U?nu`fCaG~>szAsG%
z;+$Kz+tu|F9oRHvuBoZBph;oQR~&O|wOTSO6*j2(ub?^LTr3rs8=TZ7Q@K{q=&rE6
zrRL<VI?|O}spl_q5tw=pscR>uAwT<QNDb8dXn!hyY?!*epwHqmKec8Jhr@;D)YSuN
ztHSnzn%qhMdHsPpgF|C`d;8n~Y3zYKBJ#+L%4uqHC;fCM9w#`H9Cn}Sv%k^{rn{iA
zedLpCYHn?9IkS~b4(M45tc{HgS*=!`Z>q=}HC1drr7|StV$56FGDm=HAJ$(o&wZI=
zS%0G@CH-q_Ypmqp-pYtXTwA(t6?W#R$({7;J}l-6kg2aNfSNI>$({6@BnNHjrW-=C
zeB_e}YS!!Z%#&lXr4J0!F*g;qE7YV0>ggT!X`asJIB$ha=E<PuS!_>59=l(-Z-rcM
zs>mBPMcx;Rb4&N7!nRFK;lo04+zQ3LiGPBU13{!*s7{uGl=N1}=L*{fHHD8yAu31@
zP2WU;n$f8#d_4-GpN5Ihe7p`jnWv`kx!Hi`Lb)R4n=@k%+qGS43ho|A2ue#$5z&x`
z2qR>Qnj%7l{TQKxOj1)UpyO+V3$j7Y=})c<W)po>oscb&AO8Z`GH^d-Qa|qi015yA
LNkvXXu0mjfJ)iR#

delta 1134
zcmV-!1d;ot2!aWaBYy-*Nkl<Zc-rlpzfTlF6vyvB;7_o&@(-{eaFBQj2?aES!UQ@R
zf(ZpSTqWfdMoKSsMhh&iurZWkVK6b;5*0KS{)|Qx%=n&J%zE7J&FsE6J9GQ}Cez#<
zdoyo8d}rR9*=sZ)2!bF-O-)VBQrn@n%WZmky4!3vuOc!~RewOfBnVAL>(cvUh!W%j
z#4&0Qb71_}=yM0`q=*`%4dn|PAmN&jCmuVE0zkqwA*~sEhuJC&C0x_bjp8ITop>g#
zGdVeVVN}M+V<C?A&zO>c60WIK1+j?xjo8OIF)?w8#_=gVE)gi<nzEuej`!cF95C<4
z8grfn28~G?N`JVf(v2Dx^Vn+1)aT8t@rXkS*DRNLmNbN2o(@A_Co>y)<Isc>uIV;q
zcSqe25+L`7^<NcAxTf5VDqsk_CS46Ip*gVWyDgNba7~>Xr2%AL<Li%CT}iM_+^nEn
zT3Rx!R;zUfuBlrJ(VnfUsBN-ayY@8~%C)sM(=U4cJ%3!&e}*kJrE}IB`Z_ri%B`&}
zlckM~4XiaiI!9~?XxVl0IVfjlX3X~Xwy_ahv(gM(0?u9ODP3Zn{2!F_^Yg}4a7{bs
zNDfS!5F1bF60vvLiL!!nadFX<5nOYy`VSjOwuOZSGdDLUHl>%@6_Q*hH?k6%B7$rB
z%dpe;tbg5Z^J`zErgYa`p|U$s=b+>PNsBu9uI{esTAOoeSxM;1%8J(wkMtQx$?t6#
zCDqwAwMsq|hm&DRXs_4%n;U5F3Mnm1R(T9+P}bEowK8lP|3{a&vzyZ2ebd+#l3tc1
z_0!q2zN<r77uU2o{Zitly($`eUVBPTtuzZ<lYg$6GUVw#dx0|Lnn$DPnp%e{B$H6O
z*7E?%QTv1X>J`dSbWNAjFRo2G3GH+`eBI+ffb3@V(>s)-<eG{lpPvknmgxHTsxH>&
z^{+B0V|Pu(4Eu*iV|e5HKnTZeSidTTGFI2jd%mQqgr<aRUguJi4<P#!nxLVK$u$)Z
zRewCH*ccvbCN#^-%NK3?5)727|J=h6T~jl|<^$9r#Ga<sD>Tl}!VbCP+K=F%4AC_;
z4^?O;G$mZ~wh)ko1{WlhA-SejhE3P}6>{v8aTkuiO+phTlvTTC@;g2nC7;(O67f&N
zXeBh!LRpn-YCX0<-~Y@+CW7oT_5Hg|LVr^h$f%(7>6(gr*bhv^qW(Y0D)!TRx1_$O
z5o2&9j%E#VO{MdJLm$M8EcVUh@rli(Uc2g2?ipDqHC$8imnu$dAH;(qhf>%zj|9&i
zrmy=Ih}95EVb`o>h7BkKcTFLO>;Wx68H{VTTCJPF3Q&gPn!iKbG6a-0bxqE&foBq+
z49PX$0wX{fjBAoZJ_SO6G8oq+AnyVnKpBi{BB244A-U!$kO7qHT3=tc1@aiU07`G#
z+uO^1NS{w&BT9g>%C+W)G?4rn1Slau2|;1$4<(5g*b0oj-~a#s07*qoM6N<$f-yZB
A2LJ#7