yvan/jira-card-printer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: introduce $ variable for jQuery

Browse Source
This commit is contained in:
Bengt Brodersen 2015-12-27 22:51:13 +01:00
parent c3839573d8
commit 1c09c951c5
1 changed files with 68 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
bookmarklet.js
View File

@ -1,4 +1,6 @@
(function() { (function() {
$ = $ || jQuery;
// Public Instances // Public Instances
// Jira: https://connect.atlassian.net/browse/NERDS-33286 // Jira: https://connect.atlassian.net/browse/NERDS-33286
// PivotTracker: https://www.pivotaltracker.com/n/projects/510733 // PivotTracker: https://www.pivotaltracker.com/n/projects/510733
@ -29,11 +31,17 @@
}); });
function main() { function main() {
//preconditions
if ($("#card-printer-iframe").length > 0) {
alert("Card Printer already opened!");
return;
}
var promises = []; var promises = [];
console.log("Run...") console.log("Run...")
// determine application // determine application
if (jQuery("meta[name='application-name'][ content='JIRA']").length > 0) { if ($("meta[name='application-name'][ content='JIRA']").length > 0) {
console.log("App: " + "Jira"); console.log("App: " + "Jira");
global.appFunctions = jiraFunctions; global.appFunctions = jiraFunctions;
} else if (/.*pivotaltracker.com\/.*/g.test(document.URL)) { } else if (/.*pivotaltracker.com\/.*/g.test(document.URL)) {
@ -60,16 +68,10 @@
return; return;
} }
//preconditions
if (jQuery("#card-printer-iframe").length > 0) {
alert("Card Printer already opened!");
return;
}
// create iFrame // create iFrame
var appFrame = document.createElement('iframe'); var appFrame = document.createElement('iframe');
appFrame.id = "card-printer-iframe"; appFrame.id = "card-printer-iframe";
jQuery(appFrame).css({ $(appFrame).css({
'position': 'fixed', 'position': 'fixed',
'height': '100%', 'height': '100%',
'width': '100%', 'width': '100%',
@ -80,16 +82,16 @@
'wordWrap': 'break-word', 'wordWrap': 'break-word',
'zIndex': '99999' 'zIndex': '99999'
}); });
jQuery("body").append(appFrame); $("body").append(appFrame);
appFrame.window = appFrame.contentWindow; appFrame.window = appFrame.contentWindow;
appFrame.document = appFrame.window.document; appFrame.document = appFrame.window.document;
global.appFrame = appFrame; global.appFrame = appFrame;
// open print preview // open print preview
jQuery("head", appFrame.document).prepend(printPreviewElementStyle()); $("head", appFrame.document).prepend(printPreviewElementStyle());
jQuery("body", appFrame.document).append(printPreviewElement()); $("body", appFrame.document).append(printPreviewElement());
var printFrame = jQuery("#card-print-dialog-content-iframe", appFrame.document)[0]; var printFrame = $("#card-print-dialog-content-iframe", appFrame.document)[0];
printFrame.window = printFrame.contentWindow; printFrame.window = printFrame.contentWindow;
printFrame.document = printFrame.window.document; printFrame.document = printFrame.window.document;
global.printFrame = printFrame; global.printFrame = printFrame;
@ -100,20 +102,20 @@
var settings = global.settings; var settings = global.settings;
// restore UI state // restore UI state
jQuery("#scaleRange", appFrame.document).val(settings.scale); $("#scaleRange", appFrame.document).val(settings.scale);
jQuery("#scaleRange", appFrame.document).parent().find("output").val(settings.scale); $("#scaleRange", appFrame.document).parent().find("output").val(settings.scale);
jQuery("#rowCount", appFrame.document).val(settings.rowCount); $("#rowCount", appFrame.document).val(settings.rowCount);
jQuery("#columnCount", appFrame.document).val(settings.colCount); $("#columnCount", appFrame.document).val(settings.colCount);
jQuery("#single-card-page-checkbox", appFrame.document).attr('checked', settings.singleCardPage ); $("#single-card-page-checkbox", appFrame.document).attr('checked', settings.singleCardPage );
jQuery("#description-checkbox", appFrame.document).attr('checked', !settings.hideDescription ); $("#description-checkbox", appFrame.document).attr('checked', !settings.hideDescription );
jQuery("#assignee-checkbox", appFrame.document).attr('checked', !settings.hideAssignee ); $("#assignee-checkbox", appFrame.document).attr('checked', !settings.hideAssignee );
jQuery("#due-date-checkbox", appFrame.document).attr('checked', !settings.hideDueDate ); $("#due-date-checkbox", appFrame.document).attr('checked', !settings.hideDueDate );
jQuery("#qr-code-checkbox", appFrame.document).attr('checked', !settings.hideQrCode ); $("#qr-code-checkbox", appFrame.document).attr('checked', !settings.hideQrCode );
jQuery("#card-print-dialog-title", appFrame.document).text("Card Printer " + global.version + " - Loading issues..."); $("#card-print-dialog-title", appFrame.document).text("Card Printer " + global.version + " - Loading issues...");
promises.push(renderCards(issueKeyList).then(function() { promises.push(renderCards(issueKeyList).then(function() {
jQuery("#card-print-dialog-title", appFrame.document).text("Card Printer " + global.version); $("#card-print-dialog-title", appFrame.document).text("Card Printer " + global.version);
})); }));
if (global.isProd) { if (global.isProd) {
@ -189,7 +191,7 @@
function print() { function print() {
if (global.isProd) { if (global.isProd) {
ga('send', 'event', 'button', 'click', 'print', jQuery(".card", global.printFrame.contentWindow.document).length); ga('send', 'event', 'button', 'click', 'print', $(".card", global.printFrame.contentWindow.document).length);
} }
global.printFrame.contentWindow.print(); global.printFrame.contentWindow.print();
@ -203,18 +205,18 @@
printFrame.document.open(); printFrame.document.open();
printFrame.document.write("<head/><body></body>"); printFrame.document.write("<head/><body></body>");
jQuery("head", printFrame.document).append(cardElementStyle()); $("head", printFrame.document).append(cardElementStyle());
jQuery("body", printFrame.document).append("<div id='preload'/>"); $("body", printFrame.document).append("<div id='preload'/>");
jQuery("#preload", printFrame.document).append("<div class='zigzag'/>"); $("#preload", printFrame.document).append("<div class='zigzag'/>");
console.log("load " + issueKeyList.length + " issues..."); console.log("load " + issueKeyList.length + " issues...");
jQuery.each(issueKeyList, function(index, issueKey) { $.each(issueKeyList, function(index, issueKey) {
var card = cardElement(issueKey); var card = cardElement(issueKey);
card.attr("index", index); card.attr("index", index);
card.hide(); card.hide();
card.find('.issue-id').text(issueKey); card.find('.issue-id').text(issueKey);
jQuery("body", printFrame.document).append(card); $("body", printFrame.document).append(card);
promises.push(global.appFunctions.getCardData(issueKey).then(function(cardData) { promises.push(global.appFunctions.getCardData(issueKey).then(function(cardData) {
console.log("cardData: " + JSON.stringify(cardData,2,2)); console.log("cardData: " + JSON.stringify(cardData,2,2));
@ -231,7 +233,7 @@
return Promise.all(promises).then(function() { return Promise.all(promises).then(function() {
console.log("...all issues loaded."); console.log("...all issues loaded.");
jQuery(printFrame.window).load(function() { $(printFrame.window).load(function() {
console.log("...all resources loaded."); console.log("...all resources loaded.");
}); });
console.log("wait for resources loaded..."); console.log("wait for resources loaded...");
@ -313,22 +315,22 @@
var printFrame = global.printFrame var printFrame = global.printFrame
// hide/show description // hide/show description
jQuery(".issue-description", printFrame.document).toggle(!settings.hideDescription); $(".issue-description", printFrame.document).toggle(!settings.hideDescription);
// hide/show assignee // hide/show assignee
jQuery(".issue-assignee", printFrame.document).toggle(!settings.hideAssignee); $(".issue-assignee", printFrame.document).toggle(!settings.hideAssignee);
// hide/show assignee // hide/show assignee
jQuery(".issue-due-box", printFrame.document).toggle(!settings.hideDueDate); $(".issue-due-box", printFrame.document).toggle(!settings.hideDueDate);
// hide/show cr code // hide/show cr code
jQuery(".issue-qr-code", printFrame.document).toggle(!settings.hideQrCode); $(".issue-qr-code", printFrame.document).toggle(!settings.hideQrCode);
// enable/disable single card page // enable/disable single card page
jQuery(".card", printFrame.document).css({ 'page-break-after' : '', 'float' : '', 'margin-bottom': '' }); $(".card", printFrame.document).css({ 'page-break-after' : '', 'float' : '', 'margin-bottom': '' });
if (settings.singleCardPage) { if (settings.singleCardPage) {
jQuery(".card", printFrame.document).css({ 'page-break-after': 'always', 'float': 'none', 'margin-bottom': '20px' }); $(".card", printFrame.document).css({ 'page-break-after': 'always', 'float': 'none', 'margin-bottom': '20px' });
} else { } else {
jQuery(".card", printFrame.document).each(function(index, element){ $(".card", printFrame.document).each(function(index, element){
if(index % (settings.colCount * settings.rowCount ) >= (settings.colCount * (settings.rowCount - 1))){ if(index % (settings.colCount * settings.rowCount ) >= (settings.colCount * (settings.rowCount - 1))){
jQuery(element).css({ 'margin-bottom': '20px' }); $(element).css({ 'margin-bottom': '20px' });
} }
}); });
} }
@ -352,16 +354,16 @@
// scale // scale
// reset scale // reset scale
jQuery("html", printFrame.document).css("font-size", scaleRoot + "cm"); $("html", printFrame.document).css("font-size", scaleRoot + "cm");
jQuery("#gridStyle", printFrame.document).remove(); $("#gridStyle", printFrame.document).remove();
// calculate scale // calculate scale
var bodyElement = jQuery("body", printFrame.document); var bodyElement = $("body", printFrame.document);
var cardMaxWidth = Math.floor(bodyElement.outerWidth() / columnCount); var cardMaxWidth = Math.floor(bodyElement.outerWidth() / columnCount);
var cardMaxHeight = Math.floor(bodyElement.outerHeight() / rowCount); var cardMaxHeight = Math.floor(bodyElement.outerHeight() / rowCount);
var cardElement = jQuery(".card", printFrame.document); var cardElement = $(".card", printFrame.document);
var cardMinWidth = cardElement.css("min-width").replace("px", ""); var cardMinWidth = cardElement.css("min-width").replace("px", "");
var cardMinHeight = cardElement.css("min-height").replace("px", ""); var cardMinHeight = cardElement.css("min-height").replace("px", "");
@ -370,7 +372,7 @@
var scale = Math.min(scaleWidth, scaleHeight, 1); var scale = Math.min(scaleWidth, scaleHeight, 1);
// scale // scale
jQuery("html", printFrame.document).css("font-size", ( scaleRoot * scale ) + "cm"); $("html", printFrame.document).css("font-size", ( scaleRoot * scale ) + "cm");
// grid size // grid size
var style = document.createElement('style'); var style = document.createElement('style');
@ -380,7 +382,7 @@
"width: calc( 100% / " + columnCount + " );" + "width: calc( 100% / " + columnCount + " );" +
"height: calc( 100% / " + rowCount + " );"+ "height: calc( 100% / " + rowCount + " );"+
"}"; "}";
jQuery("head", printFrame.document).append(style); $("head", printFrame.document).append(style);
} }
function cropCards() { function cropCards() {
@ -402,7 +404,7 @@
} }
function closePrintPreview() { function closePrintPreview() {
jQuery("#card-printer-iframe").remove(); $("#card-printer-iframe").remove();
} }
//############################################################################################################################ //############################################################################################################################
@ -412,7 +414,7 @@
// http://www.cssdesk.com/T9hXg // http://www.cssdesk.com/T9hXg
function printPreviewElement() { function printPreviewElement() {
var result = jQuery('<div/>').html(global.printPreviewHtml).contents(); var result = $('<div/>').html(global.printPreviewHtml).contents();
// info // info
result.find("#report-issue").click(function(event) { result.find("#report-issue").click(function(event) {
@ -473,7 +475,7 @@
// scale font // scale font
result.find("#scaleRange").on("input", function() { result.find("#scaleRange").on("input", function() {
global.settings.scale = jQuery(this).val(); global.settings.scale = $(this).val();
saveSettings(); saveSettings();
redrawCards(); redrawCards();
}); });
@ -481,7 +483,7 @@
// grid // grid
result.find("#rowCount").on("input", function() { result.find("#rowCount").on("input", function() {
global.settings.rowCount = jQuery(this).val(); global.settings.rowCount = $(this).val();
saveSettings(); saveSettings();
redrawCards(); redrawCards();
}); });
@ -491,7 +493,7 @@
result.find("#columnCount").on("input", function() { result.find("#columnCount").on("input", function() {
global.settings.colCount = jQuery(this).val(); global.settings.colCount = $(this).val();
saveSettings(); saveSettings();
redrawCards(); redrawCards();
}); });
@ -523,7 +525,7 @@
return true; return true;
}); });
jQuery(document).keyup(function(e) { $(document).keyup(function(e) {
if (e.keyCode == 27) { // ESC if (e.keyCode == 27) { // ESC
closePrintPreview(); closePrintPreview();
} }
@ -538,7 +540,7 @@
} }
function printPreviewElementStyle() { function printPreviewElementStyle() {
var result = jQuery(document.createElement('style')) var result = $(document.createElement('style'))
.attr("type", "text/css") .attr("type", "text/css")
.html(global.printPreviewCss); .html(global.printPreviewCss);
return result; return result;
@ -547,13 +549,13 @@
// card layout: http://jsfiddle.net/qoomon/ykbLb2pw/76 // card layout: http://jsfiddle.net/qoomon/ykbLb2pw/76
function cardElement(issueKey) { function cardElement(issueKey) {
var result = jQuery('<div/>').html(global.cardHtml).contents() var result = $('<div/>').html(global.cardHtml).contents()
.attr("id", issueKey) .attr("id", issueKey)
return result; return result;
} }
function cardElementStyle() { function cardElementStyle() {
var result = jQuery(document.createElement('style')) var result = $(document.createElement('style'))
.attr("type", "text/css") .attr("type", "text/css")
.html(global.cardCss); .html(global.cardCss);
return result; return result;
@ -629,11 +631,11 @@
} }
function httpGet(){ function httpGet(){
return Promise.resolve(jQuery.get.apply(this, arguments)); return Promise.resolve($.get.apply(this, arguments));
} }
function httpGetJSON(){ function httpGetJSON(){
return Promise.resolve(jQuery.getJSON.apply(this, arguments)); return Promise.resolve($.getJSON.apply(this, arguments));
} }
function multilineString(commentFunction) { function multilineString(commentFunction) {
@ -643,7 +645,7 @@
} }
function resizeIframe(iframe) { function resizeIframe(iframe) {
iframe = jQuery(iframe); iframe = $(iframe);
iframe.height(iframe[0].contentWindow.document.body.height); iframe.height(iframe[0].contentWindow.document.body.height);
} }
//############################################################################################################################ //############################################################################################################################
@ -712,7 +714,7 @@
var url = '/rest/api/2/search?jql=' + jql + "&maxResults=500&fields=key"; var url = '/rest/api/2/search?jql=' + jql + "&maxResults=500&fields=key";
console.log("IssueUrl: " + url); console.log("IssueUrl: " + url);
//console.log("Issue: " + issueKey + " Loading..."); //console.log("Issue: " + issueKey + " Loading...");
jQuery.ajax({ $.ajax({
type: 'GET', type: 'GET',
url: url, url: url,
data: {}, data: {},
@ -721,7 +723,7 @@
success: function(responseData) { success: function(responseData) {
console.log("responseData: " + responseData.issues); console.log("responseData: " + responseData.issues);
jQuery.each(responseData.issues, function(key, value) { $.each(responseData.issues, function(key, value) {
jqlIssues.push(value.key); jqlIssues.push(value.key);
}); });
}, },
@ -742,8 +744,8 @@
// RapidBoard // RapidBoard
if (/.*\/secure\/RapidBoard.jspa.*/g.test(document.URL)) { if (/.*\/secure\/RapidBoard.jspa.*/g.test(document.URL)) {
return jQuery('div[data-issue-key].ghx-selected').map(function() { return $('div[data-issue-key].ghx-selected').map(function() {
return jQuery(this).attr('data-issue-key'); return $(this).attr('data-issue-key');
}); });
} }
@ -816,7 +818,7 @@
return httpGetJSON(url).then(function(responseData) { return httpGetJSON(url).then(function(responseData) {
//console.log("Issue: " + issueKey + " Loaded!"); //console.log("Issue: " + issueKey + " Loaded!");
// add custom fields with field names // add custom fields with field names
jQuery.each(responseData.names, function(key, value) { $.each(responseData.names, function(key, value) {
if (key.startsWith("customfield_")) { if (key.startsWith("customfield_")) {
var fieldName = value.toCamelCase(); var fieldName = value.toCamelCase();
//console.log("add new field: " + fieldName + " with value from " + key); //console.log("add new field: " + fieldName + " with value from " + key);
@ -840,8 +842,8 @@
// Agile Board // Agile Board
if (/.*\/rest\/agile.*/g.test(document.URL)) { if (/.*\/rest\/agile.*/g.test(document.URL)) {
return jQuery('div.sb-task-focused').map(function() { return $('div.sb-task-focused').map(function() {
return jQuery(this).attr('id'); return $(this).attr('id');
}); });
} }
@ -880,7 +882,7 @@
//console.log("Issue: " + issueKey + " Loading..."); //console.log("Issue: " + issueKey + " Loading...");
return httpGetJSON(url).then(function(responseData) { return httpGetJSON(url).then(function(responseData) {
//console.log("Issue: " + issueKey + " Loaded!"); //console.log("Issue: " + issueKey + " Loaded!");
jQuery.each(responseData.field, function(key, value) { $.each(responseData.field, function(key, value) {
// add fields with field names // add fields with field names
var fieldName = value.name.toCamelCase(); var fieldName = value.name.toCamelCase();
//console.log("add new field: " + newFieldId + " with value from " + fieldName); //console.log("add new field: " + newFieldId + " with value from " + fieldName);
@ -903,8 +905,8 @@
// Board // Board
if (/.*\/projects\/.*/g.test(document.URL)) { if (/.*\/projects\/.*/g.test(document.URL)) {
return jQuery('.story[data-id]:has(.selected)').map(function() { return $('.story[data-id]:has(.selected)').map(function() {
return jQuery(this).attr('data-id'); return $(this).attr('data-id');
}); });
} }