From 57e1f249fc766c1a3462725c65a8db0cfcc30590 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Tue, 27 Jan 2015 22:49:37 +0100
Subject: [PATCH 01/10] Update bookmarklet.js

---
 bookmarklet.js | 2050 ++++++++++++++++++++++++------------------------
 1 file changed, 1031 insertions(+), 1019 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index 43622c1..2bed8c9 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -1,1062 +1,1074 @@
-var qoomon_dev;
-var isDev = qoomon_dev;
-
 // <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', 'auto', {'alwaysSendReferrer': true});
-ga('send', {'hitType': 'pageview', 'page': '/jiracardprinter/Bookmarklet.js'});
+ga('create', 'UA-50840116-3', 'auto', {'name': 'jiraIssueCardPrinter'});
 // </GoogleAnalytics>
 
-// load jQuery
-if (window.jQuery === undefined) {
-  appendScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js');
-}
+try {
+  var qoomon_dev;
+  var isDev = qoomon_dev;
 
-// wait untill all scripts loaded
-appendScript('https://qoomon.github.io/void', function(){
-  init();
-  main();
-});
-
-function init(){
-  addJQueryFunctions();
-  addConsoleFunctions();
-  addStringFunctions();
-  addDateFunctions();
-
-  printScopeDeviderToken = "<b>Attachment</b>";
-
-  hostOrigin = "https://qoomon.github.io/Jira-Issue-Card-Printer/";
-  if(isDev){
-    alert("Develop Version");
-    hostOrigin = "https://rawgit.com/qoomon/Jira-Issue-Card-Printer/develop/";
+  // load jQuery
+  if (window.jQuery === undefined) {
+    appendScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js');
   }
-  resourceOrigin = hostOrigin+ "resources/";
-
-  cors = "https://cors-anywhere.herokuapp.com/";
-  //$("#card").load("https://cors-anywhere.herokuapp.com/"+"https://qoomon.github.io/Jira-Issue-Card-Printer/card.html");
-
-  console.logLevel = console.INFO;
-}
-
-function main(){
-  //preconditions
-  if(jQuery("#card-print-overlay").length > 0){
-    alert("Print Card already opened!");
-    return;
-  }
-
-  var issueKeyList = 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);
-
-  jQuery("#card-print-dialog-title").text("Card Print   -   Loading " + issueKeyList.length + " issues...");
-  renderCards(issueKeyList, function(){
-    jQuery("#card-print-dialog-title").text("Card Print");
-    jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
+  
+  // wait untill all scripts loaded
+  appendScript('https://qoomon.github.io/void', function(){
+    init();
+    main();
   });
-}
-
-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/>");
-
-  jQuery("head", printDocument).append(printPanelPageCSS());
-  jQuery("head", printDocument).append(printPanelCardCSS());
-
-  console.logInfo("load " + issueKeyList.length + " issues...");
-
-  var deferredList = [];
-
-  issueKeyList.each(function(position, issueKey) {
-    var page = newPage(issueKey);
-    page.hide();
-    page.find('.key').text(issueKey);
-    jQuery("body", printDocument).append(page);
-    var deferred = addDeferred(deferredList);
-    loadCardDataJSON(issueKey, function(responseData) {
-      fillCardWithJSONData(page, responseData);
-      page.show();
-      resizeIframe(printFrame);
-      deferred.resolve();
+  
+  function init(){
+    addJQueryFunctions();
+    addConsoleFunctions();
+    addStringFunctions();
+    addDateFunctions();
+  
+    printScopeDeviderToken = "<b>Attachment</b>";
+  
+    hostOrigin = "https://qoomon.github.io/Jira-Issue-Card-Printer/";
+    if(isDev){
+      alert("Develop Version");
+      hostOrigin = "https://rawgit.com/qoomon/Jira-Issue-Card-Printer/develop/";
+    }
+    resourceOrigin = hostOrigin+ "resources/";
+  
+    cors = "https://cors-anywhere.herokuapp.com/";
+    //$("#card").load("https://cors-anywhere.herokuapp.com/"+"https://qoomon.github.io/Jira-Issue-Card-Printer/card.html");
+  
+    console.logLevel = console.INFO;
+  }
+  
+  function main(){
+    //preconditions
+    if(jQuery("#card-print-overlay").length > 0){
+      alert("Print Card already opened!");
+      return;
+    }
+    
+    var issueKeyList = getSelectedIssueKeyList();
+    
+    ga('send', 'event', 'bookmarklet', 'click', { 'eventValue': issueKeyList.length });
+    
+    if(issueKeyList.length <= 0){
+      alert("Please select at least one issue.");
+      return;
+    }
+  
+    ga('send', 'pageview');
+    
+    // open print preview
+    jQuery("body").append(printOverlayHTML);
+    jQuery("#card-print-overlay").prepend(printOverlayStyle);
+  
+    jQuery("#card-print-dialog-title").text("Card Print   -   Loading " + issueKeyList.length + " issues...");
+    renderCards(issueKeyList, function(){
+      jQuery("#card-print-dialog-title").text("Card Print");
+      jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
     });
-  });
-  console.logInfo("wait for issues loaded...");
-
-  applyDeferred(deferredList,function() {
-    console.logInfo("...all issues loaded.");
-    jQuery(printWindow).load(function(){
-      console.logInfo("...all resources loaded.");
-      callback();
-    })
-    printDocument.close();
-    console.logInfo("wait for resources loaded...");
-  });
-}
-
-function closePrintPreview(){
-  jQuery("#card-print-overlay").remove();
-  jQuery("#card-print-overlay-style").remove();
-}
-
-
-function getSelectedIssueKeyList() {
-
-  //JIRA
-  if (jQuery("meta[name='application-name'][ content='JIRA']").length > 0) {
-    //Browse
-    if (/.*\/browse\/.*/g.test(document.URL)) {
-      return jQuery("a[data-issue-key][id='key-val']").map(function() {
-        return jQuery(this).attr('data-issue-key');
+  }
+  
+  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/>");
+  
+    jQuery("head", printDocument).append(printPanelPageCSS());
+    jQuery("head", printDocument).append(printPanelCardCSS());
+  
+    console.logInfo("load " + issueKeyList.length + " issues...");
+  
+    var deferredList = [];
+  
+    issueKeyList.each(function(position, issueKey) {
+      var page = newPage(issueKey);
+      page.hide();
+      page.find('.key').text(issueKey);
+      jQuery("body", printDocument).append(page);
+      var deferred = addDeferred(deferredList);
+      loadCardDataJSON(issueKey, function(responseData) {
+        fillCardWithJSONData(page, responseData);
+        page.show();
+        resizeIframe(printFrame);
+        deferred.resolve();
       });
+    });
+    console.logInfo("wait for issues loaded...");
+  
+    applyDeferred(deferredList,function() {
+      console.logInfo("...all issues loaded.");
+      jQuery(printWindow).load(function(){
+        console.logInfo("...all resources loaded.");
+        callback();
+      })
+      printDocument.close();
+      console.logInfo("wait for resources loaded...");
+    });
+  }
+  
+  function closePrintPreview(){
+    jQuery("#card-print-overlay").remove();
+    jQuery("#card-print-overlay-style").remove();
+  }
+  
+  
+  function getSelectedIssueKeyList() {
+  
+    //JIRA
+    if (jQuery("meta[name='application-name'][ content='JIRA']").length > 0) {
+      //Browse
+      if (/.*\/browse\/.*/g.test(document.URL)) {
+        return jQuery("a[data-issue-key][id='key-val']").map(function() {
+          return jQuery(this).attr('data-issue-key');
+        });
+      }
+  
+      // 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');
+        });
+      }
     }
-
-    // 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 [];
+  }
+  
+  function fillCardWithJSONData(card, data) {
+    //Key
+    var key = data.key;
+    console.logDebug("key: " + key);
+    card.find('.key').text(key);
+  
+    //Type
+    var type = data.fields.issuetype.name.toLowerCase();
+    console.logDebug("type: " + type);
+    card.find(".card").attr("type", type);
+  
+    //Summary
+    var summary = data.fields.summary;
+    console.logDebug("summary: " + summary);
+    card.find('.summary').text(summary);
+  
+    //Description
+    var description = data.renderedFields.description;
+    console.logDebug("description: " + description);
+    card.find('.description').html(description);
+  
+    //Assignee
+    var assignee = data.fields.assignee;
+    console.logDebug("assignee: " + assignee);
+    if ( assignee ) {
+      var avatarUrl = assignee.avatarUrls['48x48'];
+      if(avatarUrl.indexOf("ownerId=") < 0){
+        var displayName = assignee.displayName;
+        card.find(".assignee").text(displayName[0]);
+      }
+      else {
+        card.find(".assignee").css("background-image", "url('" + avatarUrl + "')");
+      }
+    } else {
+      card.find(".assignee").addClass("hidden");
     }
-  }
-
-  return [];
-}
-
-function fillCardWithJSONData(card, data) {
-  //Key
-  var key = data.key;
-  console.logDebug("key: " + key);
-  card.find('.key').text(key);
-
-  //Type
-  var type = data.fields.issuetype.name.toLowerCase();
-  console.logDebug("type: " + type);
-  card.find(".card").attr("type", type);
-
-  //Summary
-  var summary = data.fields.summary;
-  console.logDebug("summary: " + summary);
-  card.find('.summary').text(summary);
-
-  //Description
-  var description = data.renderedFields.description;
-  console.logDebug("description: " + description);
-  card.find('.description').html(description);
-
-  //Assignee
-  var assignee = data.fields.assignee;
-  console.logDebug("assignee: " + assignee);
-  if ( assignee ) {
-    var avatarUrl = assignee.avatarUrls['48x48'];
-    if(avatarUrl.indexOf("ownerId=") < 0){
-      var displayName = assignee.displayName;
-      card.find(".assignee").text(displayName[0]);
-    }
-    else {
-      card.find(".assignee").css("background-image", "url('" + avatarUrl + "')");
-    }
-  } else {
-    card.find(".assignee").addClass("hidden");
-  }
-
-  //Due-Date
-  var duedate = data.fields.duedate;
-  console.logDebug("duedate: " + duedate);
-  if ( duedate ) {
-    var renderedDuedate = new Date(duedate).format('D d.m.');
-    card.find(".due-date").text(renderedDuedate);
-  } else {
-    card.find(".due").addClass("hidden");
-  }
-
-  //Attachment
-  var hasAttachment = false;
-  var indexOfPrintScopeDeviderToken =  description.indexOf(printScopeDeviderToken);
-  if (indexOfPrintScopeDeviderToken >= 0) {
-    var descriptionWithoutAttachment = description.substring(0, indexOfPrintScopeDeviderToken);
-    card.find('.description').html(descriptionWithoutAttachment);
-    hasAttachment = true;
-  } else if (data.fields.attachment.length > 0) {
-    hasAttachment = true;
-  }
-  console.logDebug("hasAttachment: " + hasAttachment);
-  if ( hasAttachment ) {
-  } else{
-    card.find('.attachment').addClass('hidden');
-  }
-
-  //Story Points
-  var storyPoints = data.fields.storyPoints;
-  console.logDebug("storyPoints: " + storyPoints);
-  if (storyPoints) {
-    card.find(".estimate").text(storyPoints);
-  } else {
-    card.find(".estimate").addClass("hidden");
-  }
-
-  //Epic
-  var epicKey = data.fields.epicLink;
-  console.logDebug("epicKey: " + epicKey);
-  if ( epicKey ) {
-    card.find(".epic-key").text(epicKey);
-    loadCardDataJSON(epicKey, function(responseData) {
-      var epicName = responseData.fields.epicName;
-      console.logTrace("epicName: " + epicName);
-      card.find(".epic-name").text(epicName);
-    }, false);
-  } else {
-    card.find(".epic").addClass("hidden");
-  }
-
-  //QR-Code
-  var qrCodeImageUrl = 'https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=' + window.location.origin + "/browse/" + key;
-  console.logTrace("qrCodeImageUrl: " + qrCodeImageUrl);
-  card.find(".qr-code").css("background-image", "url('" + qrCodeImageUrl + "')");
-
-  //handle Site specifics
-  switch (window.location.hostname) {
-    case "lrs-support.com": fillCardWithJSONDataLRS(card, data);
-    break;
-    default:
-    }
-
-  }
-
-  function fillCardWithJSONDataLRS(card, data) {
-    console.logInfo("Apply LRS Specifics");
-    //Desired-Date
-    var desiredDate = data.fields.desiredDate;
-    console.logDebug("desiredDate: " + desiredDate);
-    if ( desiredDate ) {
-      var renderedDesiredDate = new Date(desiredDate).format('D d.m.');
-      card.find(".due-date").text(renderedDesiredDate);
-      card.find(".due").removeClass("hidden");
+  
+    //Due-Date
+    var duedate = data.fields.duedate;
+    console.logDebug("duedate: " + duedate);
+    if ( duedate ) {
+      var renderedDuedate = new Date(duedate).format('D d.m.');
+      card.find(".due-date").text(renderedDuedate);
     } else {
       card.find(".due").addClass("hidden");
     }
-  }
-
-
-  function loadCardDataJSON(issueKey, callback) {
-
-    //https://docs.atlassian.com/jira/REST/latest/
-    var url = '/rest/api/2/issue/' + issueKey + '?expand=renderedFields,names';
-    console.logDebug("IssueUrl: " + window.location.hostname + url);
-    console.logDebug("Issue: " + issueKey + " Loading...");
-    return  jQuery.ajax({
-      type: 'GET',
-      url: url,
-      dataType: 'json',
-      success: function(responseData){
-        fields = responseData.fields;
-        // add custom fields with field names
-        jQuery.each(responseData.names, function(key, value) {
-          if(key.startsWith("customfield_")){
-            var newFieldId = value.toCamelCase();
-            console.logTrace("add new field: " + newFieldId +" with value from "+ key);
-            fields[value.toCamelCase()] = fields[key];
-          }
-        });
-        console.logDebug("Issue: " + issueKey + " Loaded!");
-        callback(responseData);
-      },
-      data: {},
-    });
-  }
-
-
-
-//############################################################################################################################
-//############################################################################################################################
-//############################################################################################################################
-
-
-// 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">
-      <input id="report-issue" type="button" class="aui-button" value="Report Issues" />
-      <input id="about" type="button" class="aui-button" value="About" />
-    </div>
-    <div id="buttons">
-      <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 id="card-print-dialog-content">
-    <iframe id="card-print-dialog-content-iframe"></iframe>
-  </div>
-  <div id="card-print-dialog-footer"></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;
-  });
-
-  // print
-
-  result.find("#card-print-dialog-print")
-  .click(function(event){
-    jQuery('#card-print-dialog-content-iframe')[0].contentWindow.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();
+    //Attachment
+    var hasAttachment = false;
+    var indexOfPrintScopeDeviderToken =  description.indexOf(printScopeDeviderToken);
+    if (indexOfPrintScopeDeviderToken >= 0) {
+      var descriptionWithoutAttachment = description.substring(0, indexOfPrintScopeDeviderToken);
+      card.find('.description').html(descriptionWithoutAttachment);
+      hasAttachment = true;
+    } else if (data.fields.attachment.length > 0) {
+      hasAttachment = true;
     }
-    return false;
-  });
-
-  jQuery(document).keyup(function(e) {
-    if (e.keyCode == 27) {  // esc
-      closePrintPreview();
+    console.logDebug("hasAttachment: " + hasAttachment);
+    if ( hasAttachment ) {
+    } else{
+      card.find('.attachment').addClass('hidden');
     }
-  });
-
-  // prevent background scrolling
-  result.scroll(function(event) {
-    return false;
-  });
-
+  
+    //Story Points
+    var storyPoints = data.fields.storyPoints;
+    console.logDebug("storyPoints: " + storyPoints);
+    if (storyPoints) {
+      card.find(".estimate").text(storyPoints);
+    } else {
+      card.find(".estimate").addClass("hidden");
+    }
+  
+    //Epic
+    var epicKey = data.fields.epicLink;
+    console.logDebug("epicKey: " + epicKey);
+    if ( epicKey ) {
+      card.find(".epic-key").text(epicKey);
+      loadCardDataJSON(epicKey, function(responseData) {
+        var epicName = responseData.fields.epicName;
+        console.logTrace("epicName: " + epicName);
+        card.find(".epic-name").text(epicName);
+      }, false);
+    } else {
+      card.find(".epic").addClass("hidden");
+    }
+  
+    //QR-Code
+    var qrCodeImageUrl = 'https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=' + window.location.origin + "/browse/" + key;
+    console.logTrace("qrCodeImageUrl: " + qrCodeImageUrl);
+    card.find(".qr-code").css("background-image", "url('" + qrCodeImageUrl + "')");
+  
+    //handle Site specifics
+    switch (window.location.hostname) {
+      case "lrs-support.com": fillCardWithJSONDataLRS(card, data);
+      break;
+      default:
+      }
+  
+    }
+  
+    function fillCardWithJSONDataLRS(card, data) {
+      console.logInfo("Apply LRS Specifics");
+      //Desired-Date
+      var desiredDate = data.fields.desiredDate;
+      console.logDebug("desiredDate: " + desiredDate);
+      if ( desiredDate ) {
+        var renderedDesiredDate = new Date(desiredDate).format('D d.m.');
+        card.find(".due-date").text(renderedDesiredDate);
+        card.find(".due").removeClass("hidden");
+      } else {
+        card.find(".due").addClass("hidden");
+      }
+    }
+  
+  
+    function loadCardDataJSON(issueKey, callback) {
+  
+      //https://docs.atlassian.com/jira/REST/latest/
+      var url = '/rest/api/2/issue/' + issueKey + '?expand=renderedFields,names';
+      console.logDebug("IssueUrl: " + window.location.hostname + url);
+      console.logDebug("Issue: " + issueKey + " Loading...");
+      return  jQuery.ajax({
+        type: 'GET',
+        url: url,
+        dataType: 'json',
+        success: function(responseData){
+          fields = responseData.fields;
+          // add custom fields with field names
+          jQuery.each(responseData.names, function(key, value) {
+            if(key.startsWith("customfield_")){
+              var newFieldId = value.toCamelCase();
+              console.logTrace("add new field: " + newFieldId +" with value from "+ key);
+              fields[value.toCamelCase()] = fields[key];
+            }
+          });
+          console.logDebug("Issue: " + issueKey + " Loaded!");
+          callback(responseData);
+        },
+        data: {},
+      });
+    }
+  
+  
+  
+  //############################################################################################################################
+  //############################################################################################################################
+  //############################################################################################################################
+  
+  
+  // 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">
+        <input id="report-issue" type="button" class="aui-button" value="Report Issues" />
+        <input id="about" type="button" class="aui-button" value="About" />
+      </div>
+      <div id="buttons">
+        <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 id="card-print-dialog-content">
+      <iframe id="card-print-dialog-content-iframe"></iframe>
+    </div>
+    <div id="card-print-dialog-footer"></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;
+    });
+  
+    // print
+  
+    result.find("#card-print-dialog-print")
+    .click(function(event){
+      jQuery('#card-print-dialog-content-iframe')[0].contentWindow.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 false;
+    });
+  
+    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;
+    -moz-border-radius: 4px;
+    -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);		+  height: 100px;
+    width: 100%;		
+  	
+    overflow-y: scroll;		
+  }	
+  
+  #card-print-dialog-content-iframe {		
+    position: relative;		
+    height: 100%;		
+    width: 100%;
+    
+    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: absolute;
+    right: 400px;
+    float: left;
+    display: inline-block;
+    height 30px;
+  }
+  
+  #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;
+  }
+  */
+  }));
   return result;
-}
-
-function printOverlayStyle(){
+  }
+  
+  
+  function printPanelPageCSS(){
+  
     var result = jQuery(document.createElement('style'))
-    .attr("id", "card-print-overlay-style")
+    .attr("id", "printPanelPageStyle")
     .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);
+      /*!
+      .page {
+      position: relative;
+      overflow: auto;
+      margin-left: auto;
+      margin-right: auto;
+      width: auto;
+      max-width: 29.7cm;
+      min-width: 21cm;
+      height: auto;
+      page-break-after: always;
   
-  box-sizing: border-box;
-  word-wrap:break-word;
-  z-index: 99999;
- 
-}
-
-#card-print-dialog {
-  position: relative;
-
-  top: 60px;
-  right:0px;
-  left:0px;
+      background:rgba(256, 256, 256, 0.85);
   
-  height: calc(100% - 120px);
-  width: 1000px;
-  margin: auto;
+      -webkit-box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
+      -moz-box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
+      box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
   
-  border-style: solid;
-  border-color: #cccccc;
-  border-width: 1px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
+      border-style: solid;
+      border-color: #bfbfbf;
+      border-width: 0.05cm;
+      -moz-border-radius: 0.1cm;
+      -webkit-border-radius: 0.1cm;
+      border-radius: 0.1cm;
   
-  overflow: hidden;
-}
-
-#card-print-dialog-header {
-  position: relative;
-  background: #f0f0f0;
-  height: 25px;
+      padding: 1.0cm;
+      margin: 1.0cm;
   
-  border-bottom: 1px solid #cccccc;
+    }
   
-  padding: 15px 20px 15px 20px;
-}
-
-#card-print-dialog-content {
-  position: relative;
-  background: white;
-height: calc(100% - 106px);		+  height: 100px;
-  width: 100%;		
-	
-  overflow-y: scroll;		
-}	
-
-#card-print-dialog-content-iframe {		
-  position: relative;		
-  height: 100%;		
-  width: 100%;
+    @media print {
   
-  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: absolute;
-  right: 400px;
-  float: left;
-  display: inline-block;
-  height 30px;
-}
-
-#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;
-}
-*/
-}));
-return result;
-}
-
-
-function printPanelPageCSS(){
-
-  var result = jQuery(document.createElement('style'))
-  .attr("id", "printPanelPageStyle")
-  .attr("type", "text/css")
-  .html(multilineString(function() {
-    /*!
     .page {
-    position: relative;
-    overflow: auto;
-    margin-left: auto;
-    margin-right: auto;
-    width: auto;
-    max-width: 29.7cm;
-    min-width: 21cm;
-    height: auto;
+  
     page-break-after: always;
-
-    background:rgba(256, 256, 256, 0.85);
-
-    -webkit-box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
-    -moz-box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
-    box-shadow: 0px 0px 7px 3px rgba(31,31,31,0.4);
-
-    border-style: solid;
-    border-color: #bfbfbf;
-    border-width: 0.05cm;
-    -moz-border-radius: 0.1cm;
-    -webkit-border-radius: 0.1cm;
-    border-radius: 0.1cm;
-
-    padding: 1.0cm;
-    margin: 1.0cm;
-
+  
+    background:rgba(256, 256, 256, 0.0);
+    border-style: none;
+    padding: 0.0cm;
+    margin: 0.0cm;
+  
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  
+    -webkit-print-color-adjust:exact;
+    print-color-adjust: exact;
+  
+    -webkit-filter:opacity(1.0);
+    filter:opacity(1.0);
   }
-
-  @media print {
-
-  .page {
-
-  page-break-after: always;
-
-  background:rgba(256, 256, 256, 0.0);
-  border-style: none;
-  padding: 0.0cm;
-  margin: 0.0cm;
-
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-
-  -webkit-print-color-adjust:exact;
-  print-color-adjust: exact;
-
-  -webkit-filter:opacity(1.0);
-  filter:opacity(1.0);
-}
-
-.page:last-of-type {
-page-break-after: auto;
-}
-}
-*/
-}));
-
-return result;
-}
-
-
-// http://www.cssdesk.com/scHcP
-
-function newPage(issueKey){
-  var page = jQuery(document.createElement('div'))
-  .attr("id",issueKey)
-  .addClass("page")
-  .html(multilineString(function() {
-/*!
-<div class="card">
-  <div class="author">Bengt Brodersen - qoomon.com</div>
-  <div class="card-border"></div>
-  <div class="card-header">
-    <div class="type-icon badge circular"></div>
-    <div class="key badge"></div>
-    <div class="estimate badge circular " contenteditable="true"></div>
-    <div class="due">
-      <div class="due-icon badge circular "></div>
-      <div class="due-date badge" contenteditable="true"></div>
-    </div>
-  </div>
-  <div class="card-content">
-    <div class="content-header">
-      <span class="summary" contenteditable="true"></span>
-    </div>
-    <div class="description" contenteditable="true"></div>
-  </div>
-  <div class="card-footer">
-    <div class="assignee badge circular"></div>
-    <div class="qr-code badge"></div>
-    <div class="attachment badge circular"></div>
-    <div class="epic badge">
-      <span class="epic-key"></span>
-      <span class="epic-name" contenteditable="true"></span>
-      </div>
-  </div>
-</div>
-*/
+  
+  .page:last-of-type {
+  page-break-after: auto;
+  }
+  }
+  */
   }));
-
-  return page;
-}
-
-function printPanelCardCSS(){
-  var result = jQuery(document.createElement('style'))
-  .attr("type", "text/css")
-  .html(multilineString(function() {
-/*!
-* {
-    color: black;
-    font-family:"Droid Serif";
-}
-body {
-    margin: 0;
-}
-.hidden {
-    visibility: hidden;
-}
-.card-header:after, 
-.card-footer:after {
-    content:" ";
-    display: block;
-    clear: both;
-    height:0
-}
-.card-border, 
-.badge, 
-.shadow {
-    border-style: solid;
-    border-color: #2f2f2f;
-    border-top-width: 0.14cm;
-    border-left-width: 0.14cm;
-    border-bottom-width: 0.24cm;
-    border-right-width: 0.24cm;
-    -webkit-border-radius: 0.25cm;
-    border-radius: 0.25cm;
-    // -webkit-filter: drop-shadow(0px 5px 10px black)
-}
-.circular {
-    -moz-border-radius: 50%;
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-}
-.badge {
-    width: 3.2cm;
-    height: 3.2cm;
-    background: #d0d0d0;
-}
-
-.card {
-    position: relative;
-    min-width: 21.0cm;
-   
-}
-.author {
-    z-index: 999;
-    position: absolute;
-    top:3.1cm;
-    right:0.7cm;
-    -webkit-transform-origin: 100% 100%;
-    transform-origin: 100% 100%;
-    -webkit-transform: rotate(-90deg);
-    transform: rotate(-90deg);
-    font-size: 0.4cm;
-    color: DARKGREY;
-}
-.card-border {
-    position: absolute;
-    top:2.0cm;
-    left:0.4cm;
-    right:0.4cm;
-    height: calc(100% - 4.0cm);
-    background: #ffffff;
-
-}
-.card-header {
-  position: relative;
-}
-.card-content {
-    position: relative;
-    margin-top: 0.3cm;
-    margin-left: 1.0cm;
-    margin-right: 1.1cm;
-    margin-bottom: 0.2cm;
-    min-height: 3.0cm;
-}
-.content-header {
-    position: relative;
-    font-size: 1.1cm;
-    line-height: 1.1cm;
-    margin-bottom: 0.6cm;
-}
-.card-footer {
-    position: relative;
-    page-break-inside: avoid;
-}
-.summary {
-    font-weight: bold;
-}
-.description {
-    min-height: 3.0cm;
-    font-size: 0.6cm;
-    line-height: 0.6cm;
-}
-.key {
-    position: absolute;
-    float: left;
-    width: auto;
-    min-width: 4.4cm;
-    height: 1.35cm;
-    left: 3.0cm;
-    margin-top: 1.2cm;
-    padding-left: 0.7cm;
-    padding-right: 0.4cm;
-    text-align: center;
-    font-weight: bold;
-    font-size: 1.0cm;
-    line-height: 1.6cm;
-}
-.type-icon {
-    position: relative;
-    float: left;
-    background-color: GREENYELLOW;
-    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Objects.png);
-    background-repeat: no-repeat;
-    -webkit-background-size: 70%;
-    background-size: 70%;
-    background-position: center;
-    z-index: 1;
-}
-
-.card[type="story"] .type-icon {
-    background-color: GOLD;
-    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bulb.png);
-}
-.card[type="bug"] .type-icon {
-    background-color: CRIMSON;
-    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bug.png);
-}
-.card[type="epic"] .type-icon {
-    background-color: ROYALBLUE;
-    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Flash.png);
-}
-
-.estimate {
-    position: relative;
-    float: left;
-    left: -0.65cm;
-    top:-1.5cm;
-    height: 1.1cm;
-    width: 1.1cm;
-    text-align: center;
-    font-weight: bold;
-    font-size: 1cm;
-    line-height: 1.15cm;
-    margin-top:1.5cm;
-    z-index: 999;
-}
-
-.due {
-    position: relative;
-    float: right;
-}
-.due-icon {
-    position: relative;
-    float:right;
-    width: 2.5cm;
-    height: 2.5cm;
-    margin-top: 0.4cm;
-    background-color: MEDIUMPURPLE;
-    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/AlarmClock.png);
-    background-repeat: no-repeat;
-    -webkit-background-size: 65%;
-    background-size: 65%;
-    background-position: center;
-    z-index: 1;
-}
-.due-date {
-    position: relative;
-    float: right;
-    right: -0.6cm;
-    width: auto;
-    min-width: 2.8cm;
-    height: auto;
-    margin-top: 1.3cm;
-    padding-top: 0.2cm;
-    padding-bottom: 0.2cm;
-    padding-left: 0.3cm;
-    padding-right: 0.6cm;
-    text-align: center;
-    font-weight: bold;
-    font-size: 0.7cm;
-    line-height: 0.7cm;
-}
-.attachment {
-    position: relative;
-    float: left;
-    margin-left: 0.6cm;
-    width: 2.1cm;
-    height: 2.1cm;
-    background-color: LIGHTSKYBLUE;
-    background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/2f2f2f/attach-256.png);
-    background-repeat: no-repeat;
-    -webkit-background-size: 70%;
-    background-size: 70%;
-    background-position: center;
-    
-}
-.assignee {
-    position: relative;
-    float: right;
-    width: 2.1cm;
-    height: 2.1cm;
-    text-align: center;
-    font-weight: bold;
-    font-size: 1.8cm;
-    line-height: 2.5cm;
-    background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/aaaaaa/contacts-256.png);
-    background-repeat: no-repeat;
-    -webkit-background-size: cover;
-    background-size: cover;
-    -webkit-background-size: 100%;
-    background-size: 100%;
-    -webkit-filter: contrast(150%) grayscale(100%);
-    filter: contrast(150%) grayscale(100%);
-    background-position: center;
-}
-.qr-code {
-    position: relative;
-    float: left;
-    width: 2.1cm;
-    height: 2.1cm;
-    background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com);
-    background-repeat: no-repeat;
-    -webkit-background-size: cover;
-    background-size: cover;
-    background-position: center;
-}
-.epic {
-    width: auto;
-    height: auto;
-    position: relative;
-    float:right;
-    margin-right:0.6cm;
-    padding-top: 0.2cm;
-    padding-bottom: 0.2cm;
-    padding-left: 0.3cm;
-    padding-right: 0.3cm;
-    text-align: left;
-    font-size: 0.7cm;
-    line-height: 0.7cm;
-    max-width: calc( 100% - 10.2cm);
-}
-.epic-key {
-}
-.epic-name {
-    font-weight: bold;
-}
-*/
-}).replace(/{RESOURCE_ORIGIN}/g, resourceOrigin));
+  
   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 addDeferred(deferredList){
-  var deferred = new jQuery.Deferred()
-  deferredList.push(deferred);
-  return deferred;
-}
-
-function applyDeferred(deferredList, callback){
-  jQuery.when.apply(jQuery, deferredList).done(callback);
-}
-
-//############################################################################################################################
-//############################################################################################################################
-//############################################################################################################################
-
-
-function addJQueryFunctions() {
-  //jQuery Extention
-  jQuery.expr[':']['is'] = function(node, index, props){
-    return node.textContent == props[3];
   }
-}
-
-
-function addConsoleFunctions() {
-
-  console.ERROR = 0;
-  console.WARN  = 1;
-  console.INFO  = 2;
-  console.DEBUG = 3;
-  console.TRACE = 4;
-
-  console.logLevel = console.INFO ;
-
-  console.logError = function(msg){
-    if(console.logLevel >= console.ERROR ) {
-      console.log("ERROR: " + msg);
+  
+  
+  // http://www.cssdesk.com/scHcP
+  
+  function newPage(issueKey){
+    var page = jQuery(document.createElement('div'))
+    .attr("id",issueKey)
+    .addClass("page")
+    .html(multilineString(function() {
+  /*!
+  <div class="card">
+    <div class="author">Bengt Brodersen - qoomon.com</div>
+    <div class="card-border"></div>
+    <div class="card-header">
+      <div class="type-icon badge circular"></div>
+      <div class="key badge"></div>
+      <div class="estimate badge circular " contenteditable="true"></div>
+      <div class="due">
+        <div class="due-icon badge circular "></div>
+        <div class="due-date badge" contenteditable="true"></div>
+      </div>
+    </div>
+    <div class="card-content">
+      <div class="content-header">
+        <span class="summary" contenteditable="true"></span>
+      </div>
+      <div class="description" contenteditable="true"></div>
+    </div>
+    <div class="card-footer">
+      <div class="assignee badge circular"></div>
+      <div class="qr-code badge"></div>
+      <div class="attachment badge circular"></div>
+      <div class="epic badge">
+        <span class="epic-key"></span>
+        <span class="epic-name" contenteditable="true"></span>
+        </div>
+    </div>
+  </div>
+  */
+    }));
+  
+    return page;
+  }
+  
+  function printPanelCardCSS(){
+    var result = jQuery(document.createElement('style'))
+    .attr("type", "text/css")
+    .html(multilineString(function() {
+  /*!
+  * {
+      color: black;
+      font-family:"Droid Serif";
+  }
+  body {
+      margin: 0;
+  }
+  .hidden {
+      visibility: hidden;
+  }
+  .card-header:after, 
+  .card-footer:after {
+      content:" ";
+      display: block;
+      clear: both;
+      height:0
+  }
+  .card-border, 
+  .badge, 
+  .shadow {
+      border-style: solid;
+      border-color: #2f2f2f;
+      border-top-width: 0.14cm;
+      border-left-width: 0.14cm;
+      border-bottom-width: 0.24cm;
+      border-right-width: 0.24cm;
+      -webkit-border-radius: 0.25cm;
+      border-radius: 0.25cm;
+      // -webkit-filter: drop-shadow(0px 5px 10px black)
+  }
+  .circular {
+      -moz-border-radius: 50%;
+      -webkit-border-radius: 50%;
+      border-radius: 50%;
+  }
+  .badge {
+      width: 3.2cm;
+      height: 3.2cm;
+      background: #d0d0d0;
+  }
+  
+  .card {
+      position: relative;
+      min-width: 21.0cm;
+     
+  }
+  .author {
+      z-index: 999;
+      position: absolute;
+      top:3.1cm;
+      right:0.7cm;
+      -webkit-transform-origin: 100% 100%;
+      transform-origin: 100% 100%;
+      -webkit-transform: rotate(-90deg);
+      transform: rotate(-90deg);
+      font-size: 0.4cm;
+      color: DARKGREY;
+  }
+  .card-border {
+      position: absolute;
+      top:2.0cm;
+      left:0.4cm;
+      right:0.4cm;
+      height: calc(100% - 4.0cm);
+      background: #ffffff;
+  
+  }
+  .card-header {
+    position: relative;
+  }
+  .card-content {
+      position: relative;
+      margin-top: 0.3cm;
+      margin-left: 1.0cm;
+      margin-right: 1.1cm;
+      margin-bottom: 0.2cm;
+      min-height: 3.0cm;
+  }
+  .content-header {
+      position: relative;
+      font-size: 1.1cm;
+      line-height: 1.1cm;
+      margin-bottom: 0.6cm;
+  }
+  .card-footer {
+      position: relative;
+      page-break-inside: avoid;
+  }
+  .summary {
+      font-weight: bold;
+  }
+  .description {
+      min-height: 3.0cm;
+      font-size: 0.6cm;
+      line-height: 0.6cm;
+  }
+  .key {
+      position: absolute;
+      float: left;
+      width: auto;
+      min-width: 4.4cm;
+      height: 1.35cm;
+      left: 3.0cm;
+      margin-top: 1.2cm;
+      padding-left: 0.7cm;
+      padding-right: 0.4cm;
+      text-align: center;
+      font-weight: bold;
+      font-size: 1.0cm;
+      line-height: 1.6cm;
+  }
+  .type-icon {
+      position: relative;
+      float: left;
+      background-color: GREENYELLOW;
+      background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Objects.png);
+      background-repeat: no-repeat;
+      -webkit-background-size: 70%;
+      background-size: 70%;
+      background-position: center;
+      z-index: 1;
+  }
+  
+  .card[type="story"] .type-icon {
+      background-color: GOLD;
+      background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bulb.png);
+  }
+  .card[type="bug"] .type-icon {
+      background-color: CRIMSON;
+      background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bug.png);
+  }
+  .card[type="epic"] .type-icon {
+      background-color: ROYALBLUE;
+      background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Flash.png);
+  }
+  
+  .estimate {
+      position: relative;
+      float: left;
+      left: -0.65cm;
+      top:-1.5cm;
+      height: 1.1cm;
+      width: 1.1cm;
+      text-align: center;
+      font-weight: bold;
+      font-size: 1cm;
+      line-height: 1.15cm;
+      margin-top:1.5cm;
+      z-index: 999;
+  }
+  
+  .due {
+      position: relative;
+      float: right;
+  }
+  .due-icon {
+      position: relative;
+      float:right;
+      width: 2.5cm;
+      height: 2.5cm;
+      margin-top: 0.4cm;
+      background-color: MEDIUMPURPLE;
+      background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/AlarmClock.png);
+      background-repeat: no-repeat;
+      -webkit-background-size: 65%;
+      background-size: 65%;
+      background-position: center;
+      z-index: 1;
+  }
+  .due-date {
+      position: relative;
+      float: right;
+      right: -0.6cm;
+      width: auto;
+      min-width: 2.8cm;
+      height: auto;
+      margin-top: 1.3cm;
+      padding-top: 0.2cm;
+      padding-bottom: 0.2cm;
+      padding-left: 0.3cm;
+      padding-right: 0.6cm;
+      text-align: center;
+      font-weight: bold;
+      font-size: 0.7cm;
+      line-height: 0.7cm;
+  }
+  .attachment {
+      position: relative;
+      float: left;
+      margin-left: 0.6cm;
+      width: 2.1cm;
+      height: 2.1cm;
+      background-color: LIGHTSKYBLUE;
+      background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/2f2f2f/attach-256.png);
+      background-repeat: no-repeat;
+      -webkit-background-size: 70%;
+      background-size: 70%;
+      background-position: center;
+      
+  }
+  .assignee {
+      position: relative;
+      float: right;
+      width: 2.1cm;
+      height: 2.1cm;
+      text-align: center;
+      font-weight: bold;
+      font-size: 1.8cm;
+      line-height: 2.5cm;
+      background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/aaaaaa/contacts-256.png);
+      background-repeat: no-repeat;
+      -webkit-background-size: cover;
+      background-size: cover;
+      -webkit-background-size: 100%;
+      background-size: 100%;
+      -webkit-filter: contrast(150%) grayscale(100%);
+      filter: contrast(150%) grayscale(100%);
+      background-position: center;
+  }
+  .qr-code {
+      position: relative;
+      float: left;
+      width: 2.1cm;
+      height: 2.1cm;
+      background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com);
+      background-repeat: no-repeat;
+      -webkit-background-size: cover;
+      background-size: cover;
+      background-position: center;
+  }
+  .epic {
+      width: auto;
+      height: auto;
+      position: relative;
+      float:right;
+      margin-right:0.6cm;
+      padding-top: 0.2cm;
+      padding-bottom: 0.2cm;
+      padding-left: 0.3cm;
+      padding-right: 0.3cm;
+      text-align: left;
+      font-size: 0.7cm;
+      line-height: 0.7cm;
+      max-width: calc( 100% - 10.2cm);
+  }
+  .epic-key {
+  }
+  .epic-name {
+      font-weight: bold;
+  }
+  */
+  }).replace(/{RESOURCE_ORIGIN}/g, resourceOrigin));
+    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 addDeferred(deferredList){
+    var deferred = new jQuery.Deferred()
+    deferredList.push(deferred);
+    return deferred;
+  }
+  
+  function applyDeferred(deferredList, callback){
+    jQuery.when.apply(jQuery, deferredList).done(callback);
+  }
+  
+  //############################################################################################################################
+  //############################################################################################################################
+  //############################################################################################################################
+  
+  
+  function addJQueryFunctions() {
+    //jQuery Extention
+    jQuery.expr[':']['is'] = function(node, index, props){
+      return node.textContent == props[3];
     }
   }
-
-  console.logWarn = function(msg){
-    if(console.logLevel >= console.WARN ) {
-      console.log("WARN:  " + msg);
-    }
-  }
-
-  console.logInfo = function(msg){
-    if(console.logLevel >= console.INFO ) {
-      console.log("INFO:  " + msg);
-    }
-  }
-
-  console.logDebug = function(msg){
-    if(console.logLevel >= console.DEBUG ) {
-      console.log("DEBUG: " + msg);
-    }
-  }
-
-  console.logTrace = function(msg){
-    if(console.logLevel >= console.TRACE ) {
-      console.log("TRACE: " + msg);
-    }
-  }
-}
-
-function addStringFunctions() {
-
-  //trim string - remove leading and trailing whitespaces
-  if (!String.prototype.trim) {
-    String.prototype.trim = function() {
-      return this.replace(/^\s+|\s+$/g, '');
-    };
-  }
-
-  if (!String.prototype.startsWith) {
-    String.prototype.startsWith = function (str){
-      return this.slice(0, str.length) == str;
-    };
-  }
-
-  if (!String.prototype.endsWith) {
-    String.prototype.endsWith = function (str){
-      return this.slice(-str.length) == str;
-    };
-  }
-
-  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;
-    }
-  }
-}
-
-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.getUTCMinutes() / 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;
+  
+  
+  function addConsoleFunctions() {
+  
+    console.ERROR = 0;
+    console.WARN  = 1;
+    console.INFO  = 2;
+    console.DEBUG = 3;
+    console.TRACE = 4;
+  
+    console.logLevel = console.INFO ;
+  
+    console.logError = function(msg){
+      if(console.logLevel >= console.ERROR ) {
+        console.log("ERROR: " + msg);
       }
-      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; }
+    }
+  
+    console.logWarn = function(msg){
+      if(console.logLevel >= console.WARN ) {
+        console.log("WARN:  " + msg);
+      }
+    }
+  
+    console.logInfo = function(msg){
+      if(console.logLevel >= console.INFO ) {
+        console.log("INFO:  " + msg);
+      }
+    }
+  
+    console.logDebug = function(msg){
+      if(console.logLevel >= console.DEBUG ) {
+        console.log("DEBUG: " + msg);
+      }
+    }
+  
+    console.logTrace = function(msg){
+      if(console.logLevel >= console.TRACE ) {
+        console.log("TRACE: " + msg);
+      }
+    }
+  }
+  
+  function addStringFunctions() {
+  
+    //trim string - remove leading and trailing whitespaces
+    if (!String.prototype.trim) {
+      String.prototype.trim = function() {
+        return this.replace(/^\s+|\s+$/g, '');
+      };
+    }
+  
+    if (!String.prototype.startsWith) {
+      String.prototype.startsWith = function (str){
+        return this.slice(0, str.length) == str;
+      };
+    }
+  
+    if (!String.prototype.endsWith) {
+      String.prototype.endsWith = function (str){
+        return this.slice(-str.length) == str;
+      };
+    }
+  
+    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;
+      }
+    }
+  }
+  
+  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.getUTCMinutes() / 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.scrollHeight);
+  }
 
-function multilineString(commentFunction) {
-  return commentFunction.toString()
-  .replace(/^[^\/]+\/\*!?/, '')
-  .replace(/\*\/[^\/]+$/, '');
-}
-
-
-function resizeIframe(iframe) {
-  iframe.height(iframe[0].contentWindow.document.body.scrollHeight);
-}
+} catch (err) {
+  ga('send', 'exception', {
+    'exDescription': err.message,
+    'exFatal': true
+  });
+} 

From dcf79fefe77b3288565980a9bc46c26f970cf4c4 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Tue, 27 Jan 2015 23:02:50 +0100
Subject: [PATCH 02/10] Update bookmarklet.js

---
 bookmarklet.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index 2bed8c9..b2cafe7 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -5,6 +5,7 @@
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
 ga('create', 'UA-50840116-3', 'auto', {'name': 'jiraIssueCardPrinter'});
+ga('send', 'pageview');
 // </GoogleAnalytics>
 
 try {
@@ -58,8 +59,6 @@ try {
       alert("Please select at least one issue.");
       return;
     }
-  
-    ga('send', 'pageview');
     
     // open print preview
     jQuery("body").append(printOverlayHTML);

From 89a034ba300449c10387970b79f8140f8697ef52 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Tue, 27 Jan 2015 23:06:09 +0100
Subject: [PATCH 03/10] Update bookmarklet.js

---
 bookmarklet.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index b2cafe7..faf5280 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -4,7 +4,7 @@
   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', 'auto', {'name': 'jiraIssueCardPrinter'});
+ga('create', 'UA-50840116-3', 'auto');
 ga('send', 'pageview');
 // </GoogleAnalytics>
 

From 736bceec07e0212b767330e18b7b2c1386f0b608 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Tue, 27 Jan 2015 23:49:28 +0100
Subject: [PATCH 04/10] Update bookmarklet.js

---
 bookmarklet.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index faf5280..aa5ccc0 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -4,8 +4,7 @@
   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', 'auto');
-ga('send', 'pageview');
+ga('create', 'UA-50840116-3', 'auto', {'alwaysSendReferrer': true});
 // </GoogleAnalytics>
 
 try {
@@ -53,13 +52,15 @@ try {
     
     var issueKeyList = getSelectedIssueKeyList();
     
-    ga('send', 'event', 'bookmarklet', 'click', { 'eventValue': issueKeyList.length });
+    ga('send', 'event', 'bookmarklet', 'click', 'print', issueKeyList.length );
     
     if(issueKeyList.length <= 0){
       alert("Please select at least one issue.");
       return;
     }
     
+    ga('send', 'pageview', '/cardprinter');
+    
     // open print preview
     jQuery("body").append(printOverlayHTML);
     jQuery("#card-print-overlay").prepend(printOverlayStyle);

From de9bcf5d1a383b3eaa982637a1d585134cf1762c Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Wed, 28 Jan 2015 00:39:13 +0100
Subject: [PATCH 05/10] Update bookmarklet.js

---
 bookmarklet.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index aa5ccc0..855f182 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -4,7 +4,13 @@
   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', 'auto', {'alwaysSendReferrer': true});
+ga('create', 'UA-50840116-3', 'auto');
+ga('set', 'location', window.location.protocol + '//' + window.location.host + window.location.pathname);
+ga('set', 'hostname', window.location.hostname);
+ga('set', 'page', '/cardprinter');
+ga('set', 'title', document.title);
+//ga('set', 'campaignSource', '(direct)');
+//ga('set', 'campaignMedium', '(none)');
 // </GoogleAnalytics>
 
 try {
@@ -59,7 +65,7 @@ try {
       return;
     }
     
-    ga('send', 'pageview', '/cardprinter');
+    ga('send', 'pageview');
     
     // open print preview
     jQuery("body").append(printOverlayHTML);

From d53630abd6cbac5753db1c24b4617788a94eafbf Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Wed, 28 Jan 2015 00:45:56 +0100
Subject: [PATCH 06/10] Update bookmarklet.js

---
 bookmarklet.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index 855f182..d035a89 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -58,22 +58,23 @@ try {
     
     var issueKeyList = getSelectedIssueKeyList();
     
-    ga('send', 'event', 'bookmarklet', 'click', 'print', issueKeyList.length );
-    
     if(issueKeyList.length <= 0){
       alert("Please select at least one issue.");
       return;
     }
     
-    ga('send', 'pageview');
-    
     // open print preview
     jQuery("body").append(printOverlayHTML);
     jQuery("#card-print-overlay").prepend(printOverlayStyle);
+    
+    ga('send', 'pageview');
   
     jQuery("#card-print-dialog-title").text("Card Print   -   Loading " + issueKeyList.length + " issues...");
     renderCards(issueKeyList, function(){
       jQuery("#card-print-dialog-title").text("Card Print");
+      
+      ga('send', 'event', 'button', 'click', 'print', issueKeyList.length );
+      
       jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
     });
   }
@@ -1073,6 +1074,7 @@ try {
   }
 
 } catch (err) {
+  log.error(err.message);
   ga('send', 'exception', {
     'exDescription': err.message,
     'exFatal': true

From c76023c2ab5e787be9c85b574ba1e5a1a9fa733f Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Wed, 28 Jan 2015 00:49:18 +0100
Subject: [PATCH 07/10] Update bookmarklet.js

---
 bookmarklet.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index d035a89..8cd98b5 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -72,13 +72,15 @@ try {
     jQuery("#card-print-dialog-title").text("Card Print   -   Loading " + issueKeyList.length + " issues...");
     renderCards(issueKeyList, function(){
       jQuery("#card-print-dialog-title").text("Card Print");
-      
-      ga('send', 'event', 'button', 'click', 'print', issueKeyList.length );
-      
-      jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
+      print();
     });
   }
   
+  function print(){
+    ga('send', 'event', 'button', 'click', 'print', issueKeyList.length );
+    jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
+  }
+  
   function renderCards(issueKeyList, callback) {
   
     var printFrame = jQuery("#card-print-dialog-content-iframe");
@@ -344,7 +346,7 @@ try {
   
     result.find("#card-print-dialog-print")
     .click(function(event){
-      jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
+      print();
       return false;
     });
   

From 3248b18783f476012f635b2a9771bc10dd0f2267 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Wed, 28 Jan 2015 00:55:30 +0100
Subject: [PATCH 08/10] Update bookmarklet.js

---
 bookmarklet.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index 8cd98b5..af1c7d3 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -77,8 +77,11 @@ try {
   }
   
   function print(){
-    ga('send', 'event', 'button', 'click', 'print', issueKeyList.length );
+    ga('send', 'event', 'button', 'click', 'print', $(".card").length );
     jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
+    console.logInfo(jQuery('#card-print-dialog-content-iframe'));
+    console.logInfo(jQuery('#card-print-dialog-content-iframe')[0]);
+    console.logInfo(jQuery('#card-print-dialog-content-iframe')[0].contentWindow);
   }
   
   function renderCards(issueKeyList, callback) {
@@ -1076,7 +1079,7 @@ try {
   }
 
 } catch (err) {
-  log.error(err.message);
+  console.logError(err.message);
   ga('send', 'exception', {
     'exDescription': err.message,
     'exFatal': true

From 9324679b024cefe817590bdeadb856f82c576568 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Wed, 28 Jan 2015 00:57:48 +0100
Subject: [PATCH 09/10] Update bookmarklet.js

---
 bookmarklet.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/bookmarklet.js b/bookmarklet.js
index af1c7d3..0d4a0b9 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -79,9 +79,6 @@ try {
   function print(){
     ga('send', 'event', 'button', 'click', 'print', $(".card").length );
     jQuery('#card-print-dialog-content-iframe')[0].contentWindow.print();
-    console.logInfo(jQuery('#card-print-dialog-content-iframe'));
-    console.logInfo(jQuery('#card-print-dialog-content-iframe')[0]);
-    console.logInfo(jQuery('#card-print-dialog-content-iframe')[0].contentWindow);
   }
   
   function renderCards(issueKeyList, callback) {

From f16ca187c952369059dd8f456b7350ad93612ba6 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <qoomon@users.noreply.github.com>
Date: Wed, 28 Jan 2015 01:11:18 +0100
Subject: [PATCH 10/10] Update bookmarklet.js

---
 bookmarklet.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/bookmarklet.js b/bookmarklet.js
index 0d4a0b9..f46e916 100644
--- a/bookmarklet.js
+++ b/bookmarklet.js
@@ -1,3 +1,5 @@
+version = "3.1.7";
+console.logInfo("Version: " + version);
 // <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),