In efficient project list on main page

[Sean Dague]

The main page does this odd tile arrangement for projects, which provides nearly no ability to mentally group them. The circle graphs are neat, but not really useful.

A better display would be a table:

| project name | pass rate | bar graph |
| openstack/nova | 95% | ===================================++|
| openstack/manila | 85% | =============================+++++++|
| openstack/ironic | 75% | ====================+++++++++++++++|

Both project name and pass rate should be sortable columns, so the data will sort in either direction. Then you can look for specific projects or projects with the biggest current issues.

[Masayuki Igawa (igawa)]

I agree with this. So I'm trying to solve.

[OpenStack Infra (hudson-openstack)]

Fix proposed to branch: master
Review: https://review.openstack.org/280095

[Masayuki Igawa (igawa)]

I'm tackling with this bug now. And I've attached two screenshots with my WIP patch.
So when I change conditions (such as project name, resolution, periods), the bad align bar graphs show up. But when I resize my web browser, they are aligned correctly..

I think the root cause is the table columns width changing by angularjs while the graphs are rendering.
So I think one of the solution is that firing a window resize event after angularjs rendering. But I cannot find the way so far.. :(

[Sean Dague (sdague)]

That looks super awesome, I love the screen shot.

[Andrea Frittoli (andrea-frittoli)]

+1 It looks really cool

[OpenStack Infra (hudson-openstack)]

Reviewed: https://review.openstack.org/280095
Committed: https://git.openstack.org/cgit/openstack/openstack-health/commit/?id=393ccb0417274feecc4ebf9747bb4e67460a45de
Submitter: Jenkins
Branch: master

commit 393ccb0417274feecc4ebf9747bb4e67460a45de
Author: Masayuki Igawa <email address hidden>
Date: Mon Feb 15 14:24:29 2016 +0900

    Improve projects list UI in the home page

    This commit introduces bar graphs and a color classification by failure
    rates to the home page project list.
    In this commit, the width of the bar graphs is fixed to 300px because
    auto widths cause unaligned widths. We should solve this issue in the
    future but we don't have the solution right now.

    Closes-Bug: #1543635
    Change-Id: I448876d5342b1569ae7fe90c4a947dadab758a86