Project

General

Profile

Actions

Patch #28510

closed

Show issue assignee gravatar in roadmap and version page

Added by Marius BĂLTEANU over 6 years ago. Updated over 5 years ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
Roadmap
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:

Description

I'm trying to make the roadmap and version page more useful for the users. I believe that this module should be one of the most important modules from Redmine, but currently it does provide only some basic features or information (from my/our users point of view).

A first improvement that is quite small and easy to add is the issue assignee gravatar.

On mouse over the image, the assignee name is shown under the format ("Assignee: assignee name" - for eg: "Assignee: David Loper").

Some screenshots:

PS: After/if this patch is committed, we can use this new title format also for author/assignee avatars in the issue page instead of the one added in #26689.


Files

0001-show-issue-assignee-on-roadmap.patch (4.41 KB) 0001-show-issue-assignee-on-roadmap.patch Marius BĂLTEANU, 2018-04-09 13:03
roadmap.png (131 KB) roadmap.png Marius BĂLTEANU, 2018-04-09 13:07
version.png (83.1 KB) version.png Marius BĂLTEANU, 2018-04-09 13:16
gantt-icons.png (7.47 KB) gantt-icons.png Go MAEDA, 2019-02-07 07:17
28510.patch (4.8 KB) 28510.patch Takenori TAKAKI, 2019-05-05 18:37
version-gravatar-enabled@2x.png (27.7 KB) version-gravatar-enabled@2x.png Go MAEDA, 2019-05-06 03:34
version-gravatar-disabled@2x.png (27.1 KB) version-gravatar-disabled@2x.png Go MAEDA, 2019-05-06 03:34
assignee_first.png (91.9 KB) assignee_first.png Marius BĂLTEANU, 2019-05-06 22:44
0001-Show-assignee-avatar-in-Roadmap-and-Version.patch (3.79 KB) 0001-Show-assignee-avatar-in-Roadmap-and-Version.patch Marius BĂLTEANU, 2019-05-18 15:40
uneven-issues@2x.png (10.6 KB) uneven-issues@2x.png Go MAEDA, 2019-05-20 17:09
0002-Add-issue-css_classes-to-issue-rows.patch (1.8 KB) 0002-Add-issue-css_classes-to-issue-rows.patch Marius BĂLTEANU, 2019-05-21 18:14
0001-Show-assignee-avatar-in-Roadmap-and-Version.patch (5.04 KB) 0001-Show-assignee-avatar-in-Roadmap-and-Version.patch Marius BĂLTEANU, 2019-05-21 18:14

Related issues

Related to Redmine - Patch #31964: VersionsControllerTest#test_show randomly failsClosedGo MAEDA

Actions
Related to Redmine - Feature #31704: Show Gravatar icon in issues list.New

Actions
Has duplicate Redmine - Patch #31752: Show assigned people when displaying tickets which are related to a specific versionsReopened

Actions
Actions #1

Updated by Bernhard Rohloff over 6 years ago

Marius BALTEANU wrote:

I'm trying to make the roadmap and version page more useful for the users. I believe that this module should be one of the most important modules from Redmine, but currently it does provide only some basic features or information (from my/our users point of view).

I totally agree with you that the Roadmap module is one of Redmine's most serious modules and there's a lot of 'untouched' potential in it. If you have any kind of concept/vision for it, it would be great if we could have a glance/discussion on it. Maybe in the forums or somewhere else.

...
A first improvement that is quite small and easy to add is the issue assignee gravatar.

I think it's a good improvement for the issues list. I personally would prefer to have the icon on the left side besides the issues name. On widescreen monitors the distance between the both sides of the table becomes rather huge and there's much empty space in between. Often this makes it hard for me to correlate the content on both sides with each other.

Actions #2

Updated by Marius BĂLTEANU over 6 years ago

Bernhard Rohloff wrote:

... If you have any kind of concept/vision for it, it would be great if we could have a glance/discussion on it. Maybe in the forums or somewhere else.

Yes, I've something in mind, but I want to make a screen to discuss on it.

Actions #3

Updated by Akipii Oga over 6 years ago

+1
I think that the feature of the roadmap should be improved further.
Because the feature of the roadmap is directly linked to the operation of agile development.
I think that it is better for Redmine to get closer to agile development.

Actions #4

Updated by Bernhard Rohloff over 6 years ago

Marius BALTEANU wrote:

Yes, I've something in mind, but I want to make a screen to discuss on it.

Cool! I'm looking forward to see the results. :-)

Actions #5

Updated by Go MAEDA almost 6 years ago

I think it is better to add an icon to the left side of the tracker name because gantt already shows gravatar icons like that.

Here is a screenshot of gantt. tiket.png is displayed when gravatar is disabled or no one is assigned to the issue.

Actions #6

Updated by Mizuki ISHIKAWA over 5 years ago

+1

Actions #7

Updated by Takenori TAKAKI over 5 years ago

+1
As Marius says, adding Gravatar will be a simple and useful UI improvement. I have always felt that I could confirm assigne on the version page.
As for placement, I agree with Mr. Maeda's suggestion.
I made a patch to display the avatar on the left side of the tracker name, and attache it.

Actions #8

Updated by Go MAEDA over 5 years ago

Takenori TAKAKI wrote:

I made a patch to display the avatar on the left side of the tracker name, and attache it.

Looks nice. Thanks.

Marius, what do you think about this patch?

[Gravatar enabled]
No avagar icon for issues without an assignee (Issue 1 and 12).

[Gravatar disabled]

Actions #9

Updated by Marius BĂLTEANU over 5 years ago

I think we should take more feedback from users because displaying the ticket image ('icon-issue') to all unassigned issues is not a relevant information from my point of view. I already know that inside a version, all entries are issues. In gantt, it makes a little bit more sense because there the content is mixed (projects, versions, issues). The same is in the activity page where the content is mixed and the icons are used to make a visual difference.

Also, thinking at the near future and gantt, when the users will have the possibility to select the columns (#27672), maybe it'll be better to remove the avatar from issue's subject.

If you really want to show the assignee first, I think I prefer to not have any icon for unassigned issues:

But again, this is just my opinion according to my tastes and how I understand that ticket image.

Regarding the proposed patch, I think we can slightly improve the code.

Actions #10

Updated by Go MAEDA over 5 years ago

Marius BALTEANU wrote:

If you really want to show the assignee first, I think I prefer to not have any icon for unassigned issues:

The design is also OK for me. I agree with your opinion that ticket icons don't provide any useful information in this context.

Actions #11

Updated by Marius BĂLTEANU over 5 years ago

Here is the updated patch that can be applied after #31391 is committed.

Actions #12

Updated by Go MAEDA over 5 years ago

Marius BALTEANU wrote:

Here is the updated patch that can be applied after #31391 is committed.

The patch works fine but I prefer the layout of assignee_first.png is better the layout of the latest patch because the start position of tracker names is not aligned with the patch applied.

Actions #13

Updated by Takenori TAKAKI over 5 years ago

To specify the style of the list element,
How about making the following small changes to the Mariu's patch?

diff --git a/app/views/versions/index.html.erb b/app/views/versions/index.html.erb
index 856ee69ea..4bd61b97b 100644
--- a/app/views/versions/index.html.erb
+++ b/app/views/versions/index.html.erb
@@ -30,7 +30,7 @@
         <% issues.each do |issue| -%>
           <tr class="issue hascontextmenu">
             <td class="checkbox"><%= check_box_tag 'ids[]', issue.id, false, :id => nil %></td>
-            <td class="subject"><%= assignee_avatar(issue.assigned_to, :size => 16, :class => 'icon-gravatar').html_safe + link_to_issue(issue, :project => (@project != issue.project)) %></td>
+            <td class="subject"><%= assignee_avatar(issue.assigned_to, :size => 16, :class => 'icon-gravatar').html_safe + content_tag('span', link_to_issue(issue, :project => (@project != issue.project))) %></td>
             <td class="buttons"><%= link_to_context_menu %></td>
           </tr>
         <% end -%>
diff --git a/app/views/versions/show.html.erb b/app/views/versions/show.html.erb
index 6092c9792..65b82fc1b 100644
--- a/app/views/versions/show.html.erb
+++ b/app/views/versions/show.html.erb
@@ -44,7 +44,7 @@
   <%- @issues.each do |issue| -%>
     <tr class="issue hascontextmenu">
       <td class="checkbox"><%= check_box_tag 'ids[]', issue.id, false, :id => nil %></td>
-      <td class="subject"><%= assignee_avatar(issue.assigned_to, :size => 16, :class => 'icon-gravatar').html_safe + link_to_issue(issue, :project => (@project != issue.project)) %></td>
+      <td class="subject"><%= assignee_avatar(issue.assigned_to, :size => 16, :class => 'icon-gravatar').html_safe + content_tag('span', link_to_issue(issue, :project => (@project != issue.project))) %></td>
       <td class="buttons"><%= link_to_context_menu %></td>
     </tr>
   <% end %>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 03fd81441..0e0115d43 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -587,6 +587,8 @@ div#roadmap .wiki h1 { font-size: 120%; }
 div#roadmap .wiki h2 { font-size: 110%; }
 div#roadmap h2, div#roadmap h3 { display: inline; padding-right: 0;}
 body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
+body.avatars-on div#roadmap .related-issues td.subject img { position: absolute; }
+body.avatars-on div#roadmap .related-issues td.subject span { padding-left: 20px; display: inline-block; }

 div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
 div#version-summary fieldset { margin-bottom: 1em; }
Actions #15

Updated by Takenori TAKAKI over 5 years ago

Thanks Marius for new suggestion.

Marius BALTEANU wrote:

What do you think if we render the assignee in its own cell?

I think that the code is cleaner and easier to improve, If we render the assignee in its own cell.
Your patches( #28510#note-14 ) works fine in my environment.

Actions #16

Updated by Go MAEDA over 5 years ago

  • Assignee changed from Go MAEDA to Marius BĂLTEANU

The patch in #28510#note-14 looks nice. Thanks!

But 0002-Add-issue-css_classes-to-issue-rows.patch seems to implement another feature different from this issue. Gravatars are shown correctly, even without the patch. I think it is better to open a new issue to add CSS classes. What do you think?

Actions #17

Updated by Marius BĂLTEANU over 5 years ago

Go MAEDA wrote:

The patch in #28510#note-14 looks nice. Thanks!

But 0002-Add-issue-css_classes-to-issue-rows.patch seems to implement another feature different from this issue. Gravatars are shown correctly, even without the patch. I think it is better to open a new issue to add CSS classes. What do you think?

Agree. Let commit only the first patch which will fix also the error reported in #31391 and I'll open a new issue later with the second patch.

Actions #18

Updated by Go MAEDA over 5 years ago

  • Status changed from New to Resolved
  • Target version changed from Candidate for next major release to 4.1.0

Committed the patch. Thank you all for working on this feature.

Marius, could you open a new issue for the second patch?

Actions #19

Updated by Go MAEDA over 5 years ago

  • Status changed from Resolved to Closed
  • Assignee changed from Marius BĂLTEANU to Go MAEDA

Go MAEDA wrote:

Marius, could you open a new issue for the second patch?

I have confirmed #31424. Thanks.

Actions #20

Updated by Marius BĂLTEANU over 5 years ago

  • Has duplicate Patch #31752: Show assigned people when displaying tickets which are related to a specific versions added
Actions #21

Updated by Go MAEDA over 5 years ago

  • Related to Patch #31964: VersionsControllerTest#test_show randomly fails added
Actions #22

Updated by Go MAEDA over 5 years ago

  • Category changed from UI to Roadmap
Actions #23

Updated by Go MAEDA about 5 years ago

Actions

Also available in: Atom PDF