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

Merge branch 'develop' into gh-pages

Browse Source
This commit is contained in:
Bengt Brodersen 2015-11-24 14:11:14 +01:00
commit 23994f4bd1
1 changed files with 100 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

167
bookmarklet.js
View File

@ -1,5 +1,5 @@
(function() { (function() {
var version = "4.1.1"; var version = "4.2.0";
console.log("Version: " + version); console.log("Version: " + version);
var global = {}; var global = {};
@ -310,27 +310,13 @@
var cardCount = jQuery(".card", printDocument).length; var cardCount = jQuery(".card", printDocument).length;
var pageCount = Math.ceil(cardCount / (columnCount * rowCount)) 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 // scale
// reset scale
jQuery("html", printDocument).css("font-size", "1cm"); jQuery("html", printDocument).css("font-size", "1cm");
jQuery("#styleColumnCount", printDocument).remove();
jQuery("#styleRowCount", printDocument).remove();
// scale horizontal // scale horizontal
// substract one pixel due to rounding problems // substract one pixel due to rounding problems
@ -345,11 +331,27 @@
var cardMinHeight = jQuery(".card", printDocument).css("min-height").replace("px", ""); var cardMinHeight = jQuery(".card", printDocument).css("min-height").replace("px", "");
var scaleHeight = cardMaxHeight / cardMinHeight; var scaleHeight = cardMaxHeight / cardMinHeight;
// scale min // scale down
var scale = Math.min(scaleWidth, scaleHeight, 1); var scale = Math.min(scaleWidth, scaleHeight, 1);
if (scale < 1) { if (scale < 1) {
jQuery("html", printDocument).css("font-size", scale + "cm"); jQuery("html", printDocument).css("font-size", scale + "cm");
} }
// size
// size horizontal
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
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);
} }
function cropCards() { function cropCards() {
@ -660,7 +662,7 @@
return result; return result;
} }
// card layout: http://jsfiddle.net/qoomon/ykbLb2pw/ // card layout: http://jsfiddle.net/qoomon/ykbLb2pw/76
function cardHtml(issueKey) { function cardHtml(issueKey) {
var page = jQuery(document.createElement('div')) var page = jQuery(document.createElement('div'))
@ -668,31 +670,35 @@
.addClass("card") .addClass("card")
.html(multilineString(function() { .html(multilineString(function() {
/*! /*!
<div class="card-content"> <div class="card-content">
<div class="card-body shadow"> <div class="card-body shadow">
<div class="issue-summary"></div> <div class="issue-summary"></div>
<div class="issue-description"></div> <div class="issue-description"></div>
</div> </div>
<div class="card-header"> <div class="card-header">
<div class="issue-id badge"></div> <div class="issue-id badge"></div>
<div class="issue-icon badge" type="story"></div> <div class="issue-id-fadeout"></div>
<div class="issue-estimate badge"></div> <div class="issue-icon badge" type="story"></div>
<div class="issue-due-box"> <div class="issue-estimate badge"></div>
<div class="issue-due-date badge"></div> <div class="issue-due-box">
<div class="issue-due-icon badge"></div> <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>
</div> </div>
</div> </div>
<div class="card-footer"> <div class="author">
<div class="issue-qr-code badge"></div> <span>©BengtBrodersen</span><br>
<div class="issue-attachment badge"></div> qoomon.com
<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>
<div class="author">© qoomon.com Bengt Brodersen</div>
*/ */
})); }));
@ -712,7 +718,7 @@ html {
background: WHITE; background: WHITE;
padding: 0rem; padding: 0rem;
margin: 0rem; margin: 0rem;
font-size: 1.0cm; font-size: 1.3cm;
overflow-y: scroll; overflow-y: scroll;
} }
body { body {
@ -725,10 +731,19 @@ body {
left: 100%; left: 100%;
} }
.author { .author {
color: DIMGREY;
position: absolute; position: absolute;
top:0.6rem; top:0.35rem;
left:calc(50% - 3rem); left:calc(50% - 2rem);
font-size: 0.6rem; font-size: 0.6rem;
overflow:visible;
line-height: 0.38rem;
}
.author > span {
position: relative;
left: 0.23rem;
font-size: 0.6em;
text-align: center;
} }
.card { .card {
position: relative; position: relative;
@ -736,9 +751,8 @@ body {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 0.5cm; padding: 0.5cm;
min-width:19.0rem; min-width:14.5rem;
min-height:10.0rem; min-height:10.0rem;
border-color: LightGray; border-color: LightGray;
border-style: dotted; border-style: dotted;
border-width: 0.03cm; border-width: 0.03cm;
@ -756,7 +770,7 @@ body {
height: 100%; height: 100%;
margin-left: 0.4rem; margin-left: 0.4rem;
margin-right: 0.4rem; margin-right: 0.4rem;
padding-top: 1.2rem; padding-top: 1.1rem;
padding-bottom: 1.1rem; padding-bottom: 1.1rem;
padding-left: 0.4rem; padding-left: 0.4rem;
padding-right: 0.4rem; padding-right: 0.4rem;
@ -776,15 +790,13 @@ body {
} }
.issue-summary { .issue-summary {
font-weight: bold; font-weight: bold;
display: -webkit-box; font-size: 0.9rem;
//-webkit-line-clamp: 2;
//-webkit-box-orient: vertical;
} }
.issue-description { .issue-description {
margin-top: 0.4rem; margin-top: 0.1rem;
display: block; display: block;
font-size: 0.5rem; font-size: 0.6rem;
line-height: 0.52rem; line-height: 0.62rem;
overflow: hidden; overflow: hidden;
} }
.issue-description p:first-of-type { .issue-description p:first-of-type {
@ -798,8 +810,8 @@ body {
left: 1rem; left: 1rem;
top: 1.2rem; top: 1.2rem;
height: 1.5rem; height: 1.5rem;
max-width: calc(85% - 5rem); max-width: calc(100% - 7.5rem);
min-width: 5rem; min-width: 4rem;
padding-left: 2.1rem; padding-left: 2.1rem;
padding-right: 0.4rem; padding-right: 0.4rem;
background-color: WHITESMOKE; background-color: WHITESMOKE;
@ -810,6 +822,15 @@ body {
white-space: nowrap; white-space: nowrap;
direction: rtl; direction: rtl;
} }
.issue-id-fadeout {
position: absolute;
left: 2.4rem;
top: 1.2rem;
width: 1.2rem;
height: 1.3rem;
z-index: 0;
background: linear-gradient(to left, rgba(224, 224, 224, 0) 0%, rgba(224, 224, 224, 1) 60%);
}
.issue-icon { .issue-icon {
position: absolute; position: absolute;
left: 0rem; left: 0rem;
@ -823,7 +844,7 @@ body {
background-position: center; background-position: center;
background-size: 63%; background-size: 63%;
} }
.issue-icon[type="story"], .issue-icon[type="user story"]{ .issue-icon[type="story"], .issue-icon[type="user story"] {
background-color: GOLD !important; background-color: GOLD !important;
background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bulb.png); background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bulb.png);
} }
@ -873,7 +894,7 @@ body {
} }
.issue-attachment { .issue-attachment {
position: absolute; position: absolute;
left:2.8rem; left:2.5rem;
top: 0rem; top: 0rem;
width: 2.0rem; width: 2.0rem;
height: 2.0rem; height: 2.0rem;
@ -905,12 +926,12 @@ body {
} }
.issue-epic-box { .issue-epic-box {
position: absolute; position: absolute;
right:3.0rem; right:2.5rem;
top: 0rem; top: 0rem;
width: auto; width: auto;
min-width: 6rem; min-width: 2rem;
width: auto; width: auto;
max-width: 10rem; max-width: calc(100% - 7.5rem);
height: auto; height: auto;
max-height: 2.2rem; max-height: 2.2rem;
padding-top: 0.1rem; padding-top: 0.1rem;
@ -918,15 +939,13 @@ body {
padding-left: 0.3rem; padding-left: 0.3rem;
padding-right: 0.3rem; padding-right: 0.3rem;
text-align: left; text-align: left;
font-size: 0.6rem; font-size: 0.5rem;
line-height: 0.8rem; line-height: 0.55rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
.issue-epic-id { .issue-epic-id {
font-size: 0.5rem; font-size: 0.5rem;
font-weight: bold; font-weight: bold;
max-width: 1rem;
} }
.issue-epic-name { .issue-epic-name {
margin-left: 0.1rem; margin-left: 0.1rem;
@ -982,7 +1001,6 @@ body {
.hidden { .hidden {
display: none; display: none;
} }
.zigzag { .zigzag {
border-bottom-width: 0rem; border-bottom-width: 0rem;
} }
@ -1011,7 +1029,7 @@ body {
.card { .card {
page-break-inside: avoid; page-break-inside: avoid;
} }
} }
} }
*/ */
}).replace(/https:\/\/qoomon.github.io\/Jira-Issue-Card-Printer\/resources/g, global.resourceOrigin)); }).replace(/https:\/\/qoomon.github.io\/Jira-Issue-Card-Printer\/resources/g, global.resourceOrigin));
@ -1292,6 +1310,19 @@ body {
}; };
} }
function httpGet(url){
var response;
jQuery.ajax({
url: 'https://jsonp.afeld.me/?url=' + url,
success: function (data) {
result = data
},
async: false
});
return response;
}
function multilineString(commentFunction) { function multilineString(commentFunction) {
return commentFunction.toString() return commentFunction.toString()
.replace(/^[^\/]+\/\*!?/, '') .replace(/^[^\/]+\/\*!?/, '')