travis-ci/travis-ci — pull request #415 by KL-7 (2012-02-09 19:15:02+00:00)
Title: Show status image codes.

I made some initial steps to resolve #381 and #404. I added main status image to the right of the repository name. Hovering over this image reveals form with branch selector and a number of fields (currently only two of them) that are refilled with proper url and mardown code when you select a branch. Mouse click on the input selects its content so all that left for user to do is to copy it. The whole block hides when you click anywhere outside of it. Here is how it looks (click for full-size image):

[![Status image codes](http://i.minus.com/ibeQd9OQWBbHdP.png)](http://min.us/mUsGhrWlg#5o)

I think there are several things that can be improved:

* Hopefully someone will be pleasantly surprised when he reaches out for the status image to copy its link and get this form displayed, but when it's hidden there is no hint of its existence. I tried some arrow like button to the right of the image but it didn't look well. May be there should be some small text note though it might not fit nice into this place
* The form is displayed on hover and is hidden on click (outside of it) that is a bit awkward. First I tried showing it on image's `mouseenter` and hiding on form's `mouseleave` but get into troubles with long list of branches. In that case select options list goes out of the box's boundary and click on the option that is outside triggers `mouseleave` on the box.
* Looks like click on the repository in the list on the left of the page causes `repository.slug` to change multiple times that leads to at least two calls of `_updateGithubBranches` and as the result - two API calls to Github. Obviously, it's should be fixed but I'm not sure what is the best way to deal with that.
* A couple of other popular formats like Textile or RDoc should be added.

I'd appreciate any comments to the implementation and ideas of how to make this feature better. I'll be happy to polish it until it's good enough for merging.