プロジェクト

全般

プロフィール

Vote #77627

完了

Improved "jump to project" drop-down

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

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

0%

予定工数:
category_id:
10
version_id:
119
issue_org_id:
23310
author_id:
1
assigned_to_id:
1
comments:
33
status_id:
5
tracker_id:
2
plus1:
2
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

I'd like to replace the "jump to project..." select with a more elaborate drop-down under the "Projects" link in the header. Here are some mockups for the standard and the mobile views.
The drop-down would display user's projects by default and provide an ajax based search field for finding other projects.

I'm setting it for 3.4.0, please let me know what you think about this change.

!standard.png!

!mobile.png!


journals

IMHO, it looks very good and solves a big current UI/UX issue: the impossibility to search after the project name (now we use the search from the browser, but we need to navigate first to projects page). Also, it can be improved in the future to include something like: recent projects (e.g: the last 3 projects opened by user) or favorite projects.

A little bit off topic, do you have in plan to use the JS library "Select2":https://select2.github.io/examples.html to implement this? I'm asking because in our environment we use that library to make some improvements in parent task autocomplete from the issue page (parent_task.png) and we can contribute with the changes if the library will be part of the Redmine core.
--------------------------------------------------------------------------------
+1
This sounds like a great improvement!
--------------------------------------------------------------------------------
For mobile, where exactly does that dropdown come from? Is it from clicking on the "Redmine" project name? I definitely think the new menu is an improvement, the placing just seems a bit odd to me (on both views).
--------------------------------------------------------------------------------
We currently use the "Improved Searchbox Plugin":/plugins/redmine_improved_searchbox and would prefer to not move the quicksearch to a dropdown menu in core redmine.
--------------------------------------------------------------------------------
+1 for that. This will solve another annoying issue - finally you will be able to easily open different project in new tab by using middle-click.
--------------------------------------------------------------------------------
Although, I like the functionality (Ajax), I'm not convinced that moving this drop down is good idea.

Users are used to current drop down, this is most important, mostly used navigation way. I can already hear all the questions from dozens of users...

There is no other drop down menus like that, so, proposed solution seems to be totally new approach, not aligned with current style/navigation/etc.

Please also take a look on #19370.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
Here is an alternate proposal which matches other sites like gitlab, based on jquery-ui/ fontawesome with the typical dropdown chevron

| !site-menu.png! | !mobile-menu.png! |

Or, stick with a minimal change approach to avoid user confusion:

!minimal-menu.png!

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

--------------------------------------------------------------------------------
We had implemented this functionality for a client as a plugin based on the popular "Select2 for jQuery":https://select2.github.io/.

We could transform this into a core patch and propose it here, if that is desired. But it probably would not make sense if there's existing code for this yet.

Jean-Philippe, are your screenshots made with Photoshop or do you have working code yet? Would you like us to propose an implementation based on Select2?
--------------------------------------------------------------------------------
I have some working code for this but it does not rely on Select2. Select2 has a huge footprint and I'd prefer not to use it.
--------------------------------------------------------------------------------
Jean-Philippe Lang wrote:
> I have some working code for this but it does not rely on Select2. Select2 has a huge footprint and I'd prefer not to use it.

Okay, thanks for your feedback. Then, we'll happily wait for your implementation!
--------------------------------------------------------------------------------
May I suggest to think about a better project page (proposals are in many tickets, e.g. #3224) instead of implementing this project select? Since I don't see the big advantage of it. Although it's not bad to have it I would prefer to have better search and order options on the project page, together with some project information. There it could be also implemented with a "live" filtering (somehow).

One reason, why I don't like it that much, is that I need to open the dropdown with the mouse and then switch to the keyboard. And after that I will probably use the mouse again. A single click on the Projects link and some scrolling could be in many situations faster.

Just my 2 cents. Maybe I don't see the advantage yet.
--------------------------------------------------------------------------------
Robert Schneider wrote:
> One reason, why I don't like it that much, is that I need to open the dropdown with the mouse and then switch to the keyboard. And after that I will probably use the mouse again. A single click on the Projects link and some scrolling could be in many situations faster.

I don't think you'd *need* to switch to the keyboard with the drop-down. Once you open the drop-down, you should be able to just scroll through the list (ie. exactly what you are proposing for the projects page, just without the extra page load).
--------------------------------------------------------------------------------
The new "jump to project" drop-down that allow to search in all projects is committed.
--------------------------------------------------------------------------------
For us, because we have more than 500 projects, this is really useful. Though, we would love to see #3224 with filter, order by, sort and export capacity just like issues - as it will help us in reporting on projects. Thanks much for this enhancement in drop down.
--------------------------------------------------------------------------------

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

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

--------------------------------------------------------------------------------
I really liked the "All projects" link implemented in r16172. The operability of seeing cross-project information is greatly improved. Thanks, Jean-Phillipe.

!all-projects-link.png!

It covers feature request #14006 and #5860. I closed them.

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

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

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

--------------------------------------------------------------------------------
I'm proposing to set the autocomplete off for the search input in order to avoid the cases where the autocomplete suggestions (from the browser history) overlaps the results returned in the dropdown. For example, I've the following issue on my chrome browser:

!autocomplete-on.png!

Setting the autocomplete attribute to off (patch attached):
!autocomplete-off.png!

I didn't open a new issue because the change is very small. If it is necessary, please let me know.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
Sorry, I've a mistake in my patch. Attaching the correct one.
--------------------------------------------------------------------------------
Patch committed, thanks.
--------------------------------------------------------------------------------
On new project creation screen, "Jump to project..." is not shown in the drop-down.
When accessing /projects/new, @project.try(:name) returns not nil but empty.
source:/trunk/app/helpers/application_helper.rb@16680#L380

--------------------------------------------------------------------------------
Takeshi Nakamura wrote:
> On new project creation screen, "Jump to project..." is not shown in the drop-down.
> When accessing /projects/new, @project.try(:name) returns not nil but empty.
> source:/trunk/app/helpers/application_helper.rb@16680#L380

Thank you for catching it. Here is a patch to fix the problem.

<pre><code class="diff">
Index: app/helpers/application_helper.rb
===================================================================
--- app/helpers/application_helper.rb (revision 16680)
+++ app/helpers/application_helper.rb (working copy)
@@ -377,7 +377,8 @@
# Renders the project quick-jump box
def render_project_jump_box
projects = projects_for_jump_box(User.current)
- text = @project.try(:name) || l(:label_jump_to_a_project)
+ text = @project.try(:name)
+ text = l(:label_jump_to_a_project) if text.blank?
url = autocomplete_projects_path(:format => 'js', :jump => current_menu_item)

trigger = content_tag('span', text, :class => 'drdn-trigger')
</code></pre>
--------------------------------------------------------------------------------
Another option could be to use "@Object#presence@":http://api.rubyonrails.org/classes/Object.html#method-i-presence as follows:

<pre><code class="ruby">
text = @project.try(:name).presence || l(:label_jump_to_a_project)
</pre>
--------------------------------------------------------------------------------
Fixed in r16688. #project_was is used to fix the text when editing a project as well (eg. edit a project, clear the ites name and submit).
Please open new tickets for defects on this feature from now on.
--------------------------------------------------------------------------------

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

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


related_issues

relates,Closed,4218,Javascript Project Selection
relates,New,19370,Parent projects in project jump dropdown
relates,Closed,7935,Add "View all issues" link to top_menu + home
relates,Closed,14006,A shortcut to view all issues of all projects
relates,Closed,5522,"search" form should have "all projects" and "my projects"
relates,Closed,19299,Project Quick Jump Dropdown - Sorting/Ordering or Dynamic Searching of Current User's Projects
relates,Closed,24833,Always show "Jump to project" drop-down
relates,Closed,7751,Filter projects dropdown menu
duplicates,Closed,5860,quick jump project combo improvement
duplicates,Closed,10737,Make the quick search a combo box

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

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

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

いいね!0
いいね!0