Code Monkey home page Code Monkey logo

jira-issue-card-printer's Introduction

Issue-Card-Printer

Build Workflow

Beautiful Issue Card Printer

This little bookmarklet is for converting digital issues in a pretty card layout for printing.

License

Attribution-NoDerivatives 4.0 International (CC BY-ND 4.0)

It is free for personal and professional purpose.

You are not allowed to change or host this bookmarklet on your own.

You may fork this project to contribute.

Installation

Just create a Bookmark with following content as URL

javascript:(function(){
 var script = document.createElement("script");
 script.src = "https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js";
 document.head.appendChild(script).remove();
})();

Card Layout

Card Layout

Features

  • Multiple/Single Issue per Page
  • Scale Card Layout
  • Cards Information
  • Issue Type
  • Issue Id
  • Title
  • Description
  • Assignee
  • Due Date
  • Estimate
  • QR Code with Issue Link
  • Tags/Lables/Epics

Usage

Just select Issue(s) then run the Bookmarklet.

  • Make sure to enable "Print Background Images and Colors"

Marker to separate description into print and no print area ("~~~~~")

Select multiple issues

Jira
Jira Agile

holding STRG / CMD or SHIFT and click on issues

Jira Classic

just search for issues

Trello
read-only access Boards

select the columns by click on the title so they get highlighted

write access Boards

select a column by open the add new card input for specific column

Support

Browser

  • Chrome Browsers 46+
  • Firefox 67+
  • Safari 9+
  • Internet Explore 11+

Issue tracker

Info

I make use of Google Analytics to get some usage feedback. I will only track the pageview and the amount of rendered cards I do and will not track anything else

Developer Notes

jira-issue-card-printer's People

Contributors

dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar qoomon avatar realdadfish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jira-issue-card-printer's Issues

"stack": ReferenceError: formatDate is not defined

Summary

When trying to print an issue, an error pops up (see screenshot), and it is impossible to print the issue correctly (no description or summary on the card).

System info

JIRA-version: 6.4.7
Browser: Google Chrome (Version 54.0.2840.99 m (64-bit))
Jira-Issue-Card-Printer version: 1.1.6

Details

jiracardprinter_bugreport_screenshot

Mixed Content warning

Hi qoomon :)

When using your issue card printer a colleague of mine gets following error message in the javascript console and the output fails.

Mixed Content: The page at ... was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint . This request has been blocked; the content must be served over HTTPS.

It seems that the underlying JIRA is HTTPS secured but the bookmarklet tries to load content via HTTP.
Would be really nice if you would find the time to have a look at it.

Thanks in advance.

Cards are empty when using latest Jira interface

Hello,

This week Atlassian released a new version of Jira and, when using the new interface, we started having this issue. The cards are empty and an error message pops up.

See the screenshot attached for details.

print_issue

The cards are not empty and no error is hit when reverting to use the previous version of Jira interface.

Cheers!

Page / Issue / Title format

I just stumbled over this very useful and awesome bookmarklet, thanks a bunch for this!

A small feature request, though: Would it be possible to restrict the size / height of an issue so that one can always print out two issues on one A4 page? I believe the only way to do this properly is to calculate the final text box' height and reduce its font size until it fits into the given format.

The same would be needed for the summary field. Some of my issues have quite long texts, so in order to not break the layout it would be great if that text scales, too.

Thanks again!

Support Jira "next-gen project"

Currently it's not possible to print anything in "next gen projects" of Jira, an alert with following text show up.

{
    "readyState": 4,
    "responseText": "{\"errorMessages\":[\"Issue does not exist or you do not have permission to see it.\"],\"errors\":{}}",
    "responseJSON": {
        "errorMessages": [
            "Issue does not exist or you do not have permission to see it."
        ],
        "errors": {}
    },
    "status": 404,
    "statusText": "error"
}

Use JQL search results as selection

Currently the bookmarklet does not work on the search results page. Would be very nice to use that as selection. Currently it is quite a hassle to print all issues (including subtasks) from a sprint since in the backlog one can only select regular issues (no subtasks) and within the active sprint one can not select multiple issues

Something changed?

Hello my friend,

it looks like you changed something? If I use the bookmarklet i normally print some issue with 1 by 2 page grid settings (for our normal sprint board) and then the same issues in a 3 by 6 grid (for a smaller board).
So if I use the normal bookmarklet it seems that it doesn't scale properly anymore. The icons and fonts are way to large so you can't ready anything.
If I use the code from the bookmarklet of my fork everything scales pretty well (as I expected) so it seems like you changed something? Maybe within implementing the IE support?

I am using Chrome Version 54.0.2840.98 (64-bit)

If you need I could make some Screenshots and attach them after I greyed out all the "non public" stuff so I try to avoid this at the moment ^^

Greetings

Show Epic Name instead of Epic issue key

As a product owner
I want to see the Epic Name on the printed cards instead of the Epic issue key
So that I get a readable wording (similar to a label) on the card instead of an incomprehensible number

misplaced comma in card.css

Line 190

.issue-icon[type="bug"] .issue-icon[type="problem"], .issue-icon[type="correction"], {

should be

.issue-icon[type="bug"], .issue-icon[type="problem"], .issue-icon[type="correction"] {

Size is too big.

This is really useful. Thank you for the plugin.

One problem I see is the size of the cards. They take too much space. Is there a way to resize them?

Variable/Custom Sizing

I find that if I'm trying to print this out on an A3 piece of paper, I get full-width tickets (i.e. 7.5") regardless of what I instruct the printer to print. Would having a fixed size option as well solve this?

Custom Font Size for Issue Summary

It would be greatly appreciated if you could implement font size option. I like to print relatively small cards for physical board (4 row and 3 column in A4 paper). With this setting, the card title can only be read when standing very close to the board.
Thank you!

Design change

Hi, I'd have one more question. I've noticed that the design and the text size has changed recently.
It looked like this earlier:
issue_card_old
And now it looks like this:
issue_card_new

Is this intentional? There's much less info visible mainly because of the bigger fonts used I think. I preferred the earlier version personally. :)

Avatar Missing on Printout

When initially activating the bookmarklet, the previews show the avatar of the assigned user on the Jira ticket in the bottom right hand corner. However, the avatar does not appear on the printout.

Reflect Status of Ticket

Would it be possible to somehow reflect the status of the ticket? Such as Closed, Resolved, In Progress, Open, etc. (this should possibly be optional, since if you're printing them for a board, you're going to be moving them across status columns anyway)

404 Not Found exception

Using the Bookmark:

javascript:(function(){ var script = document.createElement("script"); script.src = "https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js"; document.body.appendChild(script); document.body.removeChild(script);})();

On Chrome 55.0.2883.87 m or Firefox 50.1.0 results in the following 404:

{
  "readyState": 4,
  "responseText": "{\"message\":\"null for uri: https://OURDOMAIN/rest/agile/1.0/issue/ABC-7000?expand=renderedFields,names\",\"status-code\":404}",
  "responseJSON": {
    "message": "null for uri: https://OURDOMAIN/rest/agile/1.0/issue/ABC-7000?expand=renderedFields,names",
    "status-code": 404
  },
  "status": 404,
  "statusText": "Not Found"
}

Printing worked perfect previously and no changes were made that the devs are aware of ;)
Thanks for looking into this!

Trello - card should be printed with rendered description

Trello supports Markdown in card's description. Unfortunately, card's print preview shows that it would be rendered as-is instead of being parsed and rendered.
What can be done about it? :)

How it looks like in Trello:
trello - content

How it's about to be printed:
trello - print view

Jira without jQuery or jQuery in save mode

Just preload jQuery with this:
javascript:(function(){var head=document.getElementsByTagName('head')[0],jq=document.createElement('script');jq.onload=function(){var script=document.createElement('script');script.src='https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js';head.appendChild(script);head.removeChild(script);};jq.src='https://code.jquery.com/jquery-2.2.4.min.js';head.appendChild(jq);})();

unminified:
javascript:(function () {
var head = document.getElementsByTagName('head')[0],
jq = document.createElement('script');
jq.onload = function () {
var script = document.createElement('script');
script.src = 'https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js';
head.appendChild(script);
head.removeChild(script);
};
jq.src = 'https://code.jquery.com/jquery-2.2.4.min.js';
head.appendChild(jq);
})();

It should be just a temporary workaround!

Trello support not working

I've tried both solutions for read-only and read-and-write Trello boards but they both result in this error message:

ERROR {"stack":"TypeError: Cannot read property 'match' of undefined
    at HTMLSpanElement.<anonymous> (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:4:4800)
    at https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:1:13622
    at Function.map (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:1:15865)
    at he.fn.init.map (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:1:13590)
    at Object.o [as getSelectedIssueKeyList] (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:4:4758)
    at https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:5:4261
    at Object.r.13../lib/bitbucket-issue-tracker (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:5:4717)
    at i (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:1:254)
    at e (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:1:420)
    at https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:1:437","message":"Cannot read property 'match' of undefined"}

Using this with Firefox

Hey there Bengt!

I am working under MrAddon currently and we are having a small issue with using this on Firefox,

Our issue cards will not show next to each other (have attached photos of this working in chrome but not in firefox)

Do you have any idea how we could fix this please, I think it is an issue with the CSS but am not quite sure,

Regards,
Joseph.

Screen Shot 2019-03-13 at 17 46 06

Screen Shot 2019-03-13 at 17 46 10

Javascript Error cardElement.css(...) is undefined

Sorry something went wrong.

cardElement.css(...) is undefined

Please create an issue at https://github.com/qoomon/Jira-Issue-Card-Printer

scaleCards@https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:348:24
redrawCards@https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:229:5
renderCards/</<@https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:216:9

Environment
Atlassian JIRA (v6.2.1#6256-sha1:f72b283)
Firefox 43.0.1

Issue Card Printer plugin for Jira

Hi,

we have installed Issue Card Printer plugin in Jira.

When we try to print any issue, it gives a pop up saying please select an issue, though we have already selected issues.
Please Find the attached screenshots
issue card printer-1
issue card printer-2

Please let us know how to resolve this asap.

Thank you for your support.

Using Internet Explorer 11 gives "startsWith" error

Dear Sir/Madam,

Using Internet Explorer 11 in combination with your wonderful free product gives an error.

◦Exception: Object doesn't support property or method 'startsWith'
◦Resource: http://jira.locamation.lan/s/e7614d0339edcdfe2715997cfc3b53af-CDN/en_GB6rkjka/71011/7a3ba503990e525c1cd68edbfe2e05eb/47dd929b481b68eee9cdb16683a07d8c/_/download/contextbatch/js/greenhopper-rapid-non-gadget,atl.general,gh-rapid,jira.global,jira.project.sidebar,jira.general,-_super/batch.js?agile_global_admin_condition=true&is-server-instance=true&is-system-admin=true&jag=true&jaguser=true&locale=en-GB&nps-not-opted-out=true&sd_licensed=true
◦Line: 2481
◦Column: 605

The JIRA error looks like this:
https://i.sli.mg/hpOyfU.png

Firefox, Chrome, and Opera work fine though.

Google Analytics

For the more sensible folks you should mention that the bookmarklet contacts Google Analytics and sends certain events regarding the usage of the bookmarklet's print overlay or possible Javascript exceptions to their service.

Support for Kanboard

Kanboard is a lightweight and recent project management web software.
The number of the users of Kanboard is rising continiously.

So my question is if you are going to provide support for Kanboard?

https://kanboard.org/

If required, i can offer a testing instance of Kanboard, because it is self-hosted!

Best wishes

Row count does not work

Seems that the row count parameter is ignored and the tickets don't get scaled, I can only print two tickets per page...Was working until very recently. :)

Feature request

Hi Bengt, How are you? I hope you fine!

Recently someone called M. Piper write us a review of the plugin requesting two new features.
The features are: print from backlog (of Scrum or Kanban boards of JIRA). This is possible?
Another feature is the possibility of print the "Labels" field (standard of JIRA).

Many thanks & best regards!

Show Epic or parent issue on card

As a guy who has to print the issues
I want to see the Epic or the parent-issue-ID on the tickets
To improve the handling on a physical board and mae it easier to group tasks to stories.

May we host this on our intranet for our own in-house use?

@qoomon Thanks for the bookmarklet, we are considering using it on my team.

Regarding this requirement

You are not allowed to change or host this bookmarklet on your own.

We would like to host it behind our corporate firewall, on our private network, purely for our own use, just a handful of people for now, it would be completely inaccessible from the internet.

Because our environment is quite secure, this allows us to eyeball the script before using it, and gives us control over when it is updated.

Would this be acceptable to you and your licence conditions?

Print all cards from one lane in Trello

Hi everybody,

is it possible to print more than one Trello-Card e.g. all cards in a particular list?
I couldn't find the possibility to select more than one card in Trello, so i'd better ask.

Thanks in advance,
BaSche

How to print all sub-tasks in Open Sprint?

As a ScrumMaster
I Want to print all Issues and Sub-Tasks of the active sprint
So That all issues and and sub-tasks are visible on our physical board.

It is not possible to select subtasks of different issues in the active sprint view. There are no sub-tasks in the backlog view. The booklet does not seem to work in the IssueFilter, where i can find all sub-tasks of the current sprint.

Is there a way to achieve this?

Cannot read property 'toUpperCase' of undefined

Sometimes I get this error:

{
"stack": "TypeError: Cannot read property 'toUpperCase' of undefined\n at data.assignee.split.map.namePart (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:352:78)\n at Array.map (native)\n at fillCard (https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:352:51)\n at https://qoomon.github.io/Jira-Issue-Card-Printer/bookmarklet.js:254:9",
"message": "Cannot read property 'toUpperCase' of undefined"
}

It looks like it is related to the assigned user. But this user has not any special characters in his name.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.