project list needs alpha-based navigation

It would be good if there would be a way to search projects, or filter the list by the project name.

If you look for one project specifically, the "jumpbox" on the front page is the way to go. You can just type in the name of the project and get an autocomplete response. I agree though that the project list is not scalable to how it is currently used. Recategorizing for the right project.

Putting in an autocomplete search box on the project listing page as well as a start. Committing this one. I think this still needs more work to make this page more useful, but this is a quick stop-gap.

require add text-align:left to autocomplete pop-up list.

duplicated ?? #554116: Add alphabetic filter and sorting to projects listing

Marked that one as duplicate, right :) I'd also love to commit/deploy a quick patch to ensure left aligned autocomplete. Noticed that bug too but did not yet get around to produce a fix.

:)

Committed this follow up as well, thanks. Deploying in a minute :) Moving back to active since we did not solve all the stuff here yet.

Before I start looking at #1095806: Add sorting options to overall project list, here's a quick patch which adds an alphabetical pager above the standard pager on the "Explore projects" page (see attached screenshot).

When a user navigates to translate/projects, she sees the full list of projects (the current behavior). If she clicks one of the letters in the alphabetical pager, the project list is filtered on the first letter in the project URI (according to http://groups.drupal.org/node/24465 we can assume that all current project names start with a letter).

The filtered project list still uses a pager to avoid showing too many projects at once.

Based on the comments on #1095806: Add sorting options to overall project list I have updated the patch to make the alphabetic pager filter on the project titles instead of the project URIs.

All projects that do not have a letter as the first character in the title are grouped under a '#' element in the pager (see the attached screenshot).

This implementation uses the MySQL function RLIKE; we may have to come up with a more generic solution.

Ok, i've added an "All" option and disabled display of the pager if there was only 2 items (All and one single letter), in which case displaying it did not make sense. Committing this one.

Oh, also, you'll notice I've used the title of the projects not the uri as discussed on the other issue.

Woops crosspost :) Incorporating your latest changes, here is the followup that I'm committing.

In fact, we should make the All non-link when selected like the other letters. Committing this too :)

Looks good. The All-link is a nice addition.

Ok, the All and 0 links were now in conflict for looking active. Also, the URL was gameable with characters like á, @ and such. I wanted to make sure it is not, so instead of supporting whatever coming in, I reworked this code a bit to have a list of concrete available options instead and only support those. also fixed the active link issue with the All and 0 links.

Related: #1102568: Make project listing theming simpler.