Thanks for the suggestion! Maybe someone has an idea on how this could be achieved? when we have some idea about the design then i'll move it to next version milestone (eg. 2.6.0)

Possible solutions:

• Remove individual goals pages and replace with a single 'Single Goal Summary' page. On the page will be a dropdown that lists each goal (and maybe some quick info about the goal, like [ triggered when url contains '...']). Changing the goal dropdown value would change the page for the selected goal.
• Changing the menu so the list of items is ellipsized (ie, 'Goal 1' 'Goal 2' 'Goal 3' ...) and making the ellipses a link that shows a dropdown for the extra menu items.

I do not know what will work best, however.

Here's proposed solution: http://vm8ttr.axshare.com

+1 for the proposed solution with dropdown (maybe only in case there are more than for instance 2 or 3 goals)

@mattab: Is it possible to have it done in 2.6.0?

@quba moved issue to 2.6.0

+1 to show it only when more than 3 goals (as it looks fine when there are only 3 goals)

It'll always show "Choose Goal" by default unless you actually select a goal. On page reload it'll show "Choose Goal" again but the title of the current goal is at least visible in the view below. Didn't find a way so far to identify which one should be opened.

The dropdown will only show if more than 3 goals. Anyone wants to give it a try?

Looks cool!

Maybe we could leave the ability to add new goal? Currently it is only displayed when there are no goals and I think it's confusing.

Closing it for now. Feel free to reopen if any problems occur. @mattab maybe you also want to have a look at it.

Looks really good!

Here is some feedback:

• When clicking on the selector, put the autofocus in the search field
  • Advantages: allows for quick searching, similar behaviour to Website selector
• When Enter key is pressed, open the currently selected goal
  • if there is only one goal matching the searched string, then simply pressing enter will load this goal
• On hover on Goal name in the selector, display a tooltip $Goal name (id = $X)

I found a couple little bugs:

bug 1)

• click on Goals > Overview.
• click on one of the goals in selector Download Piwik
• click on Goals > Overview.
• got: the goal selector displays Download Piwik. Expected: Choose goal

bug 2)

• click on Goals > Overview.
• in the overview, click on a H2 title eg. Goal 'Download Piwik'
• got: the goal selector displays Choose goal. Expected: Download Piwik is shown in the goal selector.

I'm aware of "bug" or "feature" 1 and 2 but was ok with that as it can take even days to make this nice working. Would be no issue at all with Angular Routing etc. :)

• Put the autofocus: OK
• Pressing enter and using arrow keys can take easily a day of work as well since needs quite some changes as the component is not fully AngularJS
• On hover: OK although I do not really see the point displaying the ID there

it can take even days to make this nice working. Would be no issue at all with Angular Routing etc. :)

Would you mind create a ticket for Angular routing?
Maybe we could work on this in next few months, as we recently quite often mentioned this.

done #6037

Looks good, I created follow up issue #6052