プロジェクト

全般

プロフィール

Vote #63016

完了

Cosmetics: Add Icons to "Activity"-View

Admin Redmine さんが約3年前に追加. 約3年前に更新.

ステータス:
Closed
優先度:
低め
担当者:
-
カテゴリ:
UI_10
対象バージョン:
開始日:
2008/04/09
期日:
進捗率:

0%

予定工数:
category_id:
10
version_id:
1
issue_org_id:
1025
author_id:
767
assigned_to_id:
0
comments:
20
status_id:
5
tracker_id:
2
plus1:
3
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

It's a trivial thing but it would make the gorgeous UI even better if
the headlines in the "Activity"-View were prefixed with small icons to
indicate the type of the individual events.

Right now the list is a bit tiresome to parse because it's
a continuous, uniform blob of text.

Some may argue that one can use the filter-box for a cleaner picture but
sometimes I want to look at changesets and tickets at the same time
(for chronological reference) and some visual clues would make this task
much more comfortable.


journals

Found another place where the use of images instead of text
could reduce clutter and improve usability:

The issue list-view, e.g. http://www.redmine.org/projects/redmine/issues.

Column "Priority" could be expressed as an image.

Don't be shy to take inspiration from mantisbt:
http://www.futureware.biz/mantisdemo/images/priority_3.gif
http://www.futureware.biz/mantisdemo/images/priority_2.gif
http://www.futureware.biz/mantisdemo/images/priority_1.gif

--------------------------------------------------------------------------------
This is comment just to icons in column icons>

Hi Moe, I'm sorry but I disagree with this.

Sure, I like icons, anyway we are GUI designers also, but my suggestion is to use icons rare and clever. For some places it's very usefull to have icons. r everyday users it's really usefull, but remebmer there are still users which are using redime just a few days in month. For these users is textual description very handy and if they see just icons, they don't know what it means. There are exception in case of very general icons like print, close, etc., but for example "priority" doesn't have any widely-accepted image, which is associated with meaning.

What I suggest is to use combination of icon and textual description when possible: IMHO it the sollution, you can see this Update / Watch / Copy links above ticket. Some people tends to preffer textual representation, other people visually sticks to icons, so this sollution fit needs of both groups.

And last note to icons: in columns, it's usefull to have icons maybe in columns which are so narror to accomodate textual representation, but for example priority column is okay with text, because textual representation of priority is wider than column header, so there is no practical space saving.

Na dthe lůast reason is export to other formats and systems, when you still keep textual representation of columns.
--------------------------------------------------------------------------------
And remember that priorities can be defined as textual records, so every implementation of redmine can use different naming of priorities. This is really great feature and it should be kept. ;)
--------------------------------------------------------------------------------
+1 to icons in activity view. The same implementation is in Trac, so there are small icons to the left from headline, which speeds up look-up process, if you are looking for some specific activity.
--------------------------------------------------------------------------------
bq. but for example "priority" doesn't have any widely-accepted image, which is associated with meaning

I agree with Maxim Krušina. I used a system that used red, blue, and gray boxes for priorities. The first question for every new user was "What does the box mean?".

I love how the Redmine alternative theme highlights the priorities with different color backgrounds. It gives so much information at a quick glance, e.g. "Why is my issue list all red? Oh ...., everythings Urgent now!"
--------------------------------------------------------------------------------
+1 for icons in the activity view. The HTML is already tagged with CSS classes so it should be easy to add other things like a background color or image.
--------------------------------------------------------------------------------
Go to the activity view here on redmine.org (hit F5 if needed).
What do you think ?
--------------------------------------------------------------------------------
bq. Go to the activity view here on redmine.org (hit F5 if needed). What do you think ?

Very nice but the wiki is off. The image is applied to @dt.wiki@ but the activity renders as @dt.wikicontent::version@
--------------------------------------------------------------------------------
Excellent! Looks very nice and clean.

You guys are right about the Priority-Column, there is no "one-size-fits-all" graphical representation.
I forgot that the fields are customizable.

So just forget about that one and thanks for the quick fix. :-)

--------------------------------------------------------------------------------
Nice one! But I vote for: Ticket resolved = Note with green checkbox. Now it's very simillar to stand-alone note icon. Also, "pen" means mostly "edit", not resolved, done or closed.

If needed, I can prepare appropriate icon.
BTW: Where is source of all these icons, plz?
--------------------------------------------------------------------------------
Can you put it intu trunk?
--------------------------------------------------------------------------------
bq. Ticket resolved = Note with green checkbox.

Resolved is just a default status (which can be removed). It would be better if:

<pre>
issue.status.closed? #=> Note with green checkbox
</pre>

That way administrators can configure which issue status would use the icon.

Now that I think about it, what if the Activity view added the issue status text as a CSS class? Then Redmine can provide the basic classes and a theme can override all the defaults:

<pre>
# HTML for Resolved issue
<dt class="journal resolved">...

# HTML for New issue
<dt class="journal new">...

# CSS
dt.journal { ..default journal css..}
dt.new { ..CSS for a New image }
</pre>
--------------------------------------------------------------------------------
+1 on Eric's idea.
Flexible and elegant, what more could we ask for? :)

--------------------------------------------------------------------------------
I agree with Eric's proposition.
Just one thing, we can't use the status name as a css class since it may contain any character. The name can be easily changed too.
I would suggest to use a css class name like status-1 (where 1 = status.id) and an additional class "closed" (when issue.status.closed?) for those how just want to target closed issues.
So we would have:

class="journal status-2"

or

class="journal status-4 closed"
--------------------------------------------------------------------------------
Maxim: you can find the icon set here http://www.famfamfam.com/lab/icons/silk/
--------------------------------------------------------------------------------
Jean-Philippe: Great, I tried to contact creator of icons, unfortunately, his site is a bit broken now ;)
--------------------------------------------------------------------------------
New icon for "Ticked resolved"... see attachment
--------------------------------------------------------------------------------
> New icon for "Ticked resolved"

Very nice :-)
Thanks
--------------------------------------------------------------------------------
Icons on activity view committed in r1342.
For now, there a 3 css classes for issues:

<pre>
class="issue" -- new issue
class="issue-edit" -- status changed
class="issue-closed" -- issue closed
</pre>

Maxim, your icon is used for the last one.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

Admin Redmine さんが約3年前に更新

  • カテゴリUI_10 にセット
  • 対象バージョン0.7_1 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0