Project

General

Profile

Actions

Feature #23310

closed

Improved "jump to project" drop-down

Added by Jean-Philippe Lang almost 8 years ago. Updated almost 7 years ago.

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

0%

Estimated time:
Resolution:
Fixed

Description

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.


Files

mobile.png (19.8 KB) mobile.png Jean-Philippe Lang, 2016-07-12 23:49
standard.png (70.2 KB) standard.png Jean-Philippe Lang, 2016-07-12 23:49
parent_task.png (31.5 KB) parent_task.png Marius BĂLTEANU, 2016-07-13 09:03
selectplugin.PNG (3.82 KB) selectplugin.PNG Jake Kemme, 2016-07-13 19:54
mobile-menu.png (21 KB) mobile-menu.png Jake Kemme, 2016-07-19 17:44
site-menu.png (29.3 KB) site-menu.png Jake Kemme, 2016-07-19 17:44
minimal-menu.png (25.9 KB) minimal-menu.png Jake Kemme, 2016-07-19 18:01
all-projects-link.png (27.1 KB) all-projects-link.png Go MAEDA, 2017-01-11 07:40
autocomplete-on.png (20.8 KB) autocomplete-on.png Marius BĂLTEANU, 2017-04-05 18:06
autocomplete-off.png (19.9 KB) autocomplete-off.png Marius BĂLTEANU, 2017-04-05 18:07
autocomplete-off.diff (1.01 KB) autocomplete-off.diff Marius BĂLTEANU, 2017-04-05 18:11
autocomplete-off.diff (1.01 KB) autocomplete-off.diff Marius BĂLTEANU, 2017-04-05 18:20

Related issues

Related to Redmine - Patch #4218: Javascript Project SelectionClosed2009-11-14

Actions
Related to Redmine - Patch #19370: Parent projects in project jump dropdownNew

Actions
Related to Redmine - Feature #7935: Add "View all issues" link to top_menu + homeClosed2011-03-21

Actions
Related to Redmine - Feature #14006: A shortcut to view all issues of all projectsClosed

Actions
Related to Redmine - Defect #5522: "search" form should have "all projects" and "my projects"Closed2010-05-13

Actions
Related to Redmine - Feature #19299: Project Quick Jump Dropdown - Sorting/Ordering or Dynamic Searching of Current User's ProjectsClosed

Actions
Related to Redmine - Patch #24833: Always show "Jump to project" drop-downClosedJean-Philippe Lang

Actions
Related to Redmine - Feature #7751: Filter projects dropdown menuClosed2011-03-02

Actions
Has duplicate Redmine - Feature #5860: quick jump project combo improvementClosed2010-07-09

Actions
Has duplicate Redmine - Feature #10737: Make the quick search a combo boxClosed

Actions
Actions #1

Updated by Marius BĂLTEANU almost 8 years ago

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 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.

Actions #2

Updated by JW Fuchs almost 8 years ago

+1
This sounds like a great improvement!

Actions #3

Updated by budo kaiman almost 8 years ago

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).

Actions #4

Updated by Jake Kemme almost 8 years ago

We currently use the Improved Searchbox Plugin and would prefer to not move the quicksearch to a dropdown menu in core redmine.

Actions #5

Updated by Robert Korulczyk almost 8 years ago

+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.

Actions #6

Updated by Sebastian Paluch over 7 years ago

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.

Actions #7

Updated by Go MAEDA over 7 years ago

  • Related to Patch #4218: Javascript Project Selection added
Actions #8

Updated by Jake Kemme over 7 years ago

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

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

Actions #9

Updated by Toshi MARUYAMA over 7 years ago

  • Related to Patch #19370: Parent projects in project jump dropdown added
Actions #10

Updated by Jan from Planio www.plan.io over 7 years ago

We had implemented this functionality for a client as a plugin based on the popular Select2 for jQuery.

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?

Actions #11

Updated by Jean-Philippe Lang over 7 years ago

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.

Actions #12

Updated by Jan from Planio www.plan.io over 7 years ago

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!

Actions #13

Updated by Robert Schneider over 7 years ago

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.

Actions #14

Updated by budo kaiman over 7 years ago

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).

Actions #15

Updated by Jean-Philippe Lang over 7 years ago

  • Status changed from New to Closed
  • Resolution set to Fixed

The new "jump to project" drop-down that allow to search in all projects is committed.

Actions #16

Updated by Kush Suryavanshi over 7 years ago

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.

Actions #17

Updated by Go MAEDA over 7 years ago

  • Has duplicate Feature #5860: quick jump project combo improvement added
Actions #18

Updated by Go MAEDA over 7 years ago

  • Related to Feature #7935: Add "View all issues" link to top_menu + home added
Actions #19

Updated by Go MAEDA over 7 years ago

  • Related to Feature #14006: A shortcut to view all issues of all projects added
Actions #20

Updated by Go MAEDA over 7 years ago

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

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

Actions #21

Updated by Go MAEDA over 7 years ago

  • Related to Defect #5522: "search" form should have "all projects" and "my projects" added
Actions #22

Updated by Go MAEDA over 7 years ago

  • Related to Feature #19299: Project Quick Jump Dropdown - Sorting/Ordering or Dynamic Searching of Current User's Projects added
Actions #23

Updated by Jean-Philippe Lang about 7 years ago

  • Related to Patch #24833: Always show "Jump to project" drop-down added
Actions #24

Updated by Marius BĂLTEANU about 7 years ago

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:

Setting the autocomplete attribute to off (patch attached):

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

Actions #25

Updated by Toshi MARUYAMA about 7 years ago

  • Status changed from Closed to Reopened
Actions #26

Updated by Marius BĂLTEANU about 7 years ago

Sorry, I've a mistake in my patch. Attaching the correct one.

Actions #27

Updated by Jean-Philippe Lang about 7 years ago

  • Status changed from Reopened to Closed

Patch committed, thanks.

Actions #28

Updated by Takeshi Nakamura almost 7 years ago

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

Actions #29

Updated by Go MAEDA almost 7 years ago

  • Status changed from Closed to Reopened

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.

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')
Actions #30

Updated by Holger Just almost 7 years ago

Another option could be to use Object#presence as follows:

text = @project.try(:name).presence || l(:label_jump_to_a_project)
Actions #31

Updated by Jean-Philippe Lang almost 7 years ago

  • Status changed from Reopened to Closed

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.

Actions #32

Updated by Go MAEDA almost 4 years ago

Actions #33

Updated by Go MAEDA almost 3 years ago

  • Has duplicate Feature #10737: Make the quick search a combo box added
Actions

Also available in: Atom PDF