Feature #13297

Adding icons for different trackers

Added by Pavel Lautsevich over 4 years ago. Updated over 3 years ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:-
Resolution:

Description

It would be great to have set of icons that can be associated with the tracker, as in Jira. Then, instead of the name of the tracker could display its icon and thus save space in the task list, such as additional columns.

jira-icons.png (61.1 KB) Pavel Lautsevich, 2013-02-26 19:20


Related issues

Related to Redmine - Patch #13309: Add "tracker-[id]" CSS class to issues Closed
Related to Redmine - Feature #4967: Issues colors Reopened 2010-03-02
Related to Redmine - Patch #13747: Issue Colors Patch for #4967 New
Duplicated by Redmine - Feature #6614: icons per tracker for tickets symbol additional or as rep... Closed 2010-10-09

History

#1 Updated by Pavel Lautsevich over 4 years ago

Something like this. In addition, the icons can be added to the "Priority" and "Status".

#2 Updated by Jan Niggemann (redmine.org team member) over 4 years ago

That should IMHO be made using a theme...

#3 Updated by Pavel Lautsevich over 4 years ago

Why? Two different users can use two different themes, but they both can want to have the same icons. And as in the case of theme, you can associate a specific tracker with a certain icon?

#4 Updated by Filou Centrinov over 4 years ago

I also would'nt insert a icon. But if the theme is going to set a icon we need a class for the tracker. The status and the priority are already available as classes like status-1 or priority-2

So my request: Please, add a class for the tracker.

#5 Updated by Benjamin Jeanjean over 4 years ago

It would be really useful ! It's much easier to see the status directly with icons !

I think it must be implements in theme core, not in special theme.
It would be a pain to make a new set of icons for new theme !

There's a lot of free set icons like :
- http://p.yusukekamiyamane.com/
- http://www.famfamfam.com/

Of with fonts :
- http://fortawesome.github.com/Font-Awesome/

Wouldn't be so hard to add extra CSS class and set of icons associated ! :)

#6 Updated by Pavel Lautsevich over 4 years ago

I can provide unique icons for Redmine!

#7 Updated by Jan Niggemann (redmine.org team member) over 4 years ago

We keep the visual aspects (i.e. the representation of the information) apart so people can theme redmine to their liking.
IMHO this issue is about theme development and not about redmine core...

Pavel Lautsevich wrote:

Why? Two different users can use two different themes

Since when?

#8 Updated by Filou Centrinov over 4 years ago

Related with #13309. (Add tracker class)

#9 Updated by Pavel Lautsevich over 4 years ago

Ok take out icons in the templates. How then can a custom tracker assign custom icon without editing the CSS?

#10 Updated by Filou Centrinov over 4 years ago

The easiest way to insert the tracker icons is to edit the application.css from your theme. Furthermore you insert some Javascript to skip the tracker text value. You need Remine 2.3 or higher because this adaptation depends on #13309.

public/themes/YOUR_THEME/javascript/theme.js

function addTrackerIcons() {
  $('tr.issue td.tracker').empty();
}

$(document).ready(addTrackerIcons);

public/themes/YOUR_THEME/stylesheets/application.css

table.issues tr.tracker-1 td.tracker {
    background: url("../images/YOUR_TRACKER_IMAGE_01.png") no-repeat scroll 50% 0 transparent;
}

table.issues tr.tracker-2 td.tracker {
    background: url("../images/YOUR_TRACKER_IMAGE_02.png") no-repeat scroll 50% 0 transparent;
}

/* Add further tracker icons...*/

If you want to keep the tracker text modify the css like this only:

public/themes/YOUR_THEME/stylesheets/application.css

table.issues td.tracker {
   padding-left: 20px;
}

table.issues tr.tracker-1 td.tracker {
    background: url("../images/YOUR_TRACKER_IMAGE_01.png") no-repeat scroll 0 0 transparent;
}

table.issues tr.tracker-2 td.tracker {
    background: url("../images/YOUR_TRACKER_IMAGE_02.png") no-repeat scroll 0 0 transparent;
}

/* Add further tracker icons...*/

Don't forget to add your tracker images to public/themes/YOUR_THEME/images/.

#11 Updated by Pavel Lautsevich over 4 years ago

Guys you talk about geeks way, I talk about best user experience way.

#12 Updated by Daniel Felix over 4 years ago

This issue duplicates #6614, but I'm closing #6614 as this one has more details.

#13 Updated by Daniel Felix over 4 years ago

I'll provide a patch for this as soon as possible. :-)

#14 Updated by Terence Mill over 4 years ago

This is a nice fature and would to be able to define a icon per tracker which symbolizes the issue in the issue views, roadmap and wiki macro. It could be used additional or as replacement in any view for a quick visual understanding which issues are of what tracker type. This bitmaps shall be default but configurable, as vor addtional trackers, nobdoy knows which icons could fit best as the creator or admin of the instance.

#15 Updated by Daniel Felix over 4 years ago

In the first patch I just provide icons and some colourcodingfs for the issue list and roadmap list.

Maybe I could extend this later.

#16 Updated by Pavel Lautsevich over 4 years ago

+1 to Terence!

Daniel, I'll be waiting impatiently results!

#17 Updated by Bruno Medeiros over 4 years ago

If you need some help to test and give feedback, just let me know.

#18 Updated by Daniel Felix over 4 years ago

I've provided a hardcoded patch for this with some other things together in #13747. This won't be dynamicly. I'll work on another addition, which lets the user define these by himself on top of the patch from #13747.

But maybe for the start, this could be helpful.

Best regards,
Daniel

#19 Updated by Eugene Batogov over 3 years ago

Hello all.
Please, try my little plugin for these requirements
https://github.com/JohnBat26/redmine_issue_icons

Also available in: Atom PDF