From 706c6fd1e22d52355e4374ec588ff8b1eed09268 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 09:44:52 +0100 Subject: [PATCH 1/6] Update README.md --- README.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/README.md b/README.md index 0b29cda..83dae69 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,9 @@ # Jira-Issue-Card-Printer Beautiful Jira Issue Card Printer + +## More Info... +http://qoomon.blogspot.de/2014/01/jira-issue-card-printer-bookmarklet.html + +### Card Layout + +![My image](http://4.bp.blogspot.com/-BgfPtVWFxVo/VLTjiqpPzjI/AAAAAAAAGLw/PgF3D6eq35c/s1600/Screen%2BShot%2B2015-01-13%2Bat%2B10.19.22.png) From 70bdd4f3434e3caaa1f7a8085bc4296b696751e1 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 12:00:08 +0100 Subject: [PATCH 2/6] Update bookmarklet.js --- bookmarklet.js | 64 ++++++++++++++++++++++++++++++++------------------ 1 file changed, 41 insertions(+), 23 deletions(-) diff --git a/bookmarklet.js b/bookmarklet.js index 0b202d2..0510fb2 100644 --- a/bookmarklet.js +++ b/bookmarklet.js @@ -298,6 +298,10 @@ function printOverlayHTML(){
Card Print
+
+ + +
Cancel @@ -310,6 +314,19 @@ function printOverlayHTML(){
*/ })); + // 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 @@ -354,64 +371,58 @@ function printOverlayStyle(){ .attr("type", "text/css") .html(multilineString(function() { /*! -#card-print-dialog-cancel { - padding:5px 10px 5px 10px; -} #card-print-overlay { - position: fixed; + position: absolute; 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; + overflow-y: scroll; + } #card-print-dialog { position: relative; - top: 60px; + top: 100px; right:0px; left:0px; - - height: calc(100% - 120px); - width: 1000px; + + height: auto; + width: 810px; 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; - + height: 30px; + border-bottom: 1px solid #cccccc; - - padding: 15px 20px 15px 20px; + + padding: 15px; } #card-print-dialog-content { position: relative; background: white; - height: calc(100% - 106px); - width: 100%; - - overflow-y: scroll; -} -#card-print-dialog-content-iframe { - position: relative; - height: 100%; + height: 100px; width: 100%; + border:none; } @@ -419,7 +430,6 @@ function printOverlayStyle(){ position: relative; background: #f0f0f0; border-top: 1px solid #cccccc; - height: 30px; padding: 10px; text-align: right; } @@ -431,6 +441,14 @@ function printOverlayStyle(){ height 30px; } +#info { + position: absolute; + right: 250px; + float: left; + display: inline-block; + height 30px; +} + #card-print-dialog-title{ position: relative; float: left; From aa014837bf15dba2cbf5b18db4d88b3fadbc29b2 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 13:20:10 +0100 Subject: [PATCH 3/6] Update bookmarklet.js --- bookmarklet.js | 369 +++++++++++++++++++++++++------------------------ 1 file changed, 187 insertions(+), 182 deletions(-) diff --git a/bookmarklet.js b/bookmarklet.js index 0510fb2..3182b75 100644 --- a/bookmarklet.js +++ b/bookmarklet.js @@ -583,248 +583,253 @@ function printPanelCardCSS(){ .html(multilineString(function() { /*! * { - color: black; - font-family:"Droid Serif"; + color: black; + font-family:"Droid Serif"; } body { - margin: 0; + margin: 0; } .hidden { - visibility: hidden; + visibility: hidden; } - .card-header:after, - .card-footer:after { - content:" "; - display: block; - clear: both; - height:0 +.card-header:after, +.card-footer:after { + content:" "; + display: block; + clear: both; + height:0 } -.card-border, -.badge, +.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) + 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%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .badge { - width: 3.2cm; - height: 3.2cm; - background: #d0d0d0; + width: 3.2cm; + height: 3.2cm; + background: #d0d0d0; } + .card { - position: relative; - min-width: 21.0cm; + 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; + 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; + 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: 5.0cm; + 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; + position: relative; + font-size: 1.1cm; + line-height: 1.1cm; + margin-bottom: 0.6cm; } .card-footer { - position: relative; - page-break-inside: avoid; + position: relative; + page-break-inside: avoid; } .summary { - font-weight: bold; + font-weight: bold; } .description { - font-size: 0.6cm; - line-height: 0.6cm; + font-size: 0.6cm; + line-height: 0.6cm; } .key { - position: absolute; - float: left; - width: auto; - min-width: 4.4cm; - height: 1.35cm; - left: 2.8cm; - margin-top: 1.05cm; - padding-top: 0.2cm; - padding-left: 0.9cm; - padding-right: 0.4cm; - text-align: center; - font-weight: bold; - font-size: 1.0cm; - line-height: 1.30cm; + 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.4cm; } .type-icon { - position: relative; - float: left; - background-color: GREENYELLOW; - background-image: url({RESOURCE_ORIGIN}icons/Objects.png); - background-repeat: no-repeat; - -webkit-background-size: 70%; - background-size: 70%; - background-position: center; - z-index: 1; + 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({RESOURCE_ORIGIN}icons/Bulb.png); + 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({RESOURCE_ORIGIN}icons/Bug.png); + 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({RESOURCE_ORIGIN}icons/Flash.png); + 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; + 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; + position: relative; + float: right; } .due-icon { - position: relative; - float:right; - width: 2.5cm; - height: 2.5cm; - margin-top: 0.35cm; - background-color: MEDIUMPURPLE; - background-image: url({RESOURCE_ORIGIN}icons/AlarmClock.png); - background-repeat: no-repeat; - -webkit-background-size: 65%; - background-size: 65%; - background-position: center; - z-index: 1; + 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.3cm; - 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; + 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({RESOURCE_ORIGIN}icons/Attachment.png); - background-repeat: no-repeat; - -webkit-background-size: 70%; - background-size: 70%; - background-position: center; + 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: 2.0cm; - line-height: 2.5cm; - padding-left: 0.1cm; - background-image: url({RESOURCE_ORIGIN}icons/Person.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; + position: relative; + float: right; + width: 2.1cm; + height: 2.1cm; + text-align: center; + font-weight: bold; + font-size: 2.1cm; + line-height: 2.1cm; + 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; + 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); + 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; + font-weight: bold; } */ }).replace(/{RESOURCE_ORIGIN}/g, resourceOrigin)); From 4056429645512e22144e7f30e10cf6eaaeb8bd03 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 13:24:12 +0100 Subject: [PATCH 4/6] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 83dae69..e4b980f 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ Beautiful Jira Issue Card Printer ## More Info... -http://qoomon.blogspot.de/2014/01/jira-issue-card-printer-bookmarklet.html +https://qoomon.github.io/Jira-Issue-Card-Printer/index.html ### Card Layout From 5fc9fc03de75a48b72317a7b7803fdca29fa62e2 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 13:29:05 +0100 Subject: [PATCH 5/6] Update bookmarklet.js --- bookmarklet.js | 26 +++++++++++++++++--------- 1 file changed, 17 insertions(+), 9 deletions(-) diff --git a/bookmarklet.js b/bookmarklet.js index 3182b75..0416fb4 100644 --- a/bookmarklet.js +++ b/bookmarklet.js @@ -372,7 +372,7 @@ function printOverlayStyle(){ .html(multilineString(function() { /*! #card-print-overlay { - position: absolute; + position: fixed; height: 100%; width: 100%; top: 0; @@ -382,19 +382,18 @@ function printOverlayStyle(){ box-sizing: border-box; word-wrap:break-word; z-index: 99999; - overflow-y: scroll; - + } #card-print-dialog { position: relative; - top: 100px; + top: 60px; right:0px; left:0px; - height: auto; - width: 810px; + height: calc(100% - 120px); + width: 1000px; margin: auto; border-style: solid; @@ -410,17 +409,25 @@ function printOverlayStyle(){ #card-print-dialog-header { position: relative; background: #f0f0f0; - height: 30px; + height: 25px; border-bottom: 1px solid #cccccc; - padding: 15px; + padding: 15px 20px 15px 20px; } #card-print-dialog-content { position: relative; background: white; - height: 100px; +height: calc(100% - 106px); + height: 100px; + width: 100%; + + overflow-y: scroll; +} + +#card-print-dialog-content-iframe { + position: relative; + height: 100%; width: 100%; border:none; @@ -430,6 +437,7 @@ function printOverlayStyle(){ position: relative; background: #f0f0f0; border-top: 1px solid #cccccc; + height: 30px; padding: 10px; text-align: right; } From d14e282ea6c4d5e0ba5180c527b28b4ef3874913 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 13:32:41 +0100 Subject: [PATCH 6/6] Update bookmarklet.js --- bookmarklet.js | 1 + 1 file changed, 1 insertion(+) diff --git a/bookmarklet.js b/bookmarklet.js index 0416fb4..f5e4bdd 100644 --- a/bookmarklet.js +++ b/bookmarklet.js @@ -682,6 +682,7 @@ body { font-weight: bold; } .description { + min-height: 3.0cm; font-size: 0.6cm; line-height: 0.6cm; }