Merge lp://qastaging/~ahayzen/music-app/refactor-pull-now-playing-sidebar into lp://qastaging/music-app

Note this pulls in lp:~ahayzen/music-app/async-loader-pages as well.

OK reverse cherry picked async-loader-pages out, but this [0] patch still remains not sure it is needed in this specific branch, but it does fix columnflow issues.

0 - http://bazaar.launchpad.net/~music-app-dev/music-app/refactor-now-playing-as-sidebar/revision/842

PASSED: Continuous integration, rev:848
http://91.189.93.70:8080/job/music-app-refactor-ci/49/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-utopic/2398
        deb: http://91.189.93.70:8080/job/generic-mediumtests-utopic/2398/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/music-app-refactor-utopic-amd64-ci/7
    SUCCESS: http://91.189.93.70:8080/job/music-app-refactor-vivid-amd64-ci/49

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/music-app-refactor-ci/49/rebuild

PASSED: Continuous integration, rev:849
http://91.189.93.70:8080/job/music-app-refactor-ci/50/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-utopic/2399
        deb: http://91.189.93.70:8080/job/generic-mediumtests-utopic/2399/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/music-app-refactor-utopic-amd64-ci/8
    SUCCESS: http://91.189.93.70:8080/job/music-app-refactor-vivid-amd64-ci/50

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/music-app-refactor-ci/50/rebuild

Currently there are issues with app rotation in vivid. These are fixed with the full implementation of shell rotation (which has not yet landed). This MP is more or less blocked from using autorotation until that lands in vivid and vivid becomes the stable channel.

PASSED: Continuous integration, rev:851
http://91.189.93.70:8080/job/music-app-refactor-ci/55/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-utopic/2462
        deb: http://91.189.93.70:8080/job/generic-mediumtests-utopic/2462/artifact/work/output/*zip*/output.zip
    SUCCESS: http://91.189.93.70:8080/job/music-app-refactor-utopic-amd64-ci/13
    SUCCESS: http://91.189.93.70:8080/job/music-app-refactor-vivid-amd64-ci/55

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/music-app-refactor-ci/55/rebuild

Is this still valid / wanted?

This pulls in the final portion of the code that was prototyped for the "converged" music app that was demoed at MWC. Currently it is blocked by the vivid rotation bug [1]. We discussed possibly disabling auto-rotation and landing this, but we assumed the auto-rotation bug would be fixed soon. If we want to have the "converged" app available, we can disable auto-rotation and land this.

1 - lp:1448017

PASSED: Continuous integration, rev:852
http://91.189.93.70:8080/job/music-app-ci/1330/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/music-app-vivid-amd64-ci/182

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/music-app-ci/1330/rebuild

Inline note to self :-)

PASSED: Continuous integration, rev:853
http://91.189.93.70:8080/job/music-app-ci/1342/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/music-app-vivid-amd64-ci/194

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/music-app-ci/1342/rebuild

I've been playing with this branch a bit on my desktop and a Nexus 7. One thing I think we should do is to optimize the side panel Now Playing page a bit more.

1. The text for the current song title should be smaller
2. The padding between components could be made a lot smaller
3. Maybe we put the progress current time and duration on the same Row as the ProgressBar?
4. Maybe the buttons could be a bit smaller?
5. Perhaps we can make the side panel smaller such that the blurred header is "square" and the cover art utilizes this space better

If we try to minimize items 2, 3, and 4 then perhaps the cover art could be made to fit the blurred header a bit more better, ie be square.

This doesn't need to be done under this MP, but I think it'd be great if this single switch to the converged view did so cleanly.

Or perhaps we could make the NowPlayingSidebar component 47 GU high [1]. The down side is that it's not as clear that the queue is under the Now Playing component. Maybe we need to reconsider having 2 headers? We should check with the SDK and see if that's the intended path.

1 - http://i.imgur.com/c3lFxpL.jpg

Thinking about it more, I think just making the NowPlayingSidebar 47 GU tall is the best course of action for now. If we want to optimize the spacing and whatnot later we can do so at that time. I don't think the view for the converged device will be as small as the Nexus 7.

PASSED: Continuous integration, rev:856
http://91.189.93.70:8080/job/music-app-ci/1364/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/music-app-vivid-amd64-ci/216

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/music-app-ci/1364/rebuild