[Buildbot] #3128: [GSOC CHALENGE] Directive for build dashboard

[Buildbot trac]

#3128: [GSOC CHALENGE] Directive for build dashboard
-------------------------+-------------------------
Reporter:  tardyp        |       Owner:  ChaseZhang
    Type:  project-idea  |      Status:  assigned
Priority:  major         |   Milestone:  0.9.+
 Version:  master        |  Resolution:
Keywords:  web           |
-------------------------+-------------------------
Description changed by sa2ajj:

Old description:

> Create a directive that can represent a build like the attached mocked
> picture
>
> provided build is the result of a build rest api in the $scope, the
> directive:
>
> <buildsticker build="build">
>
> should produce output like attached picture
>
> Goal is to replace following code in home.tpl.jade
>
>           li(ng-repeat="build in builds_running")
>             buildsummary(buildid="build.buildid", condensed="true")
>
> by:
>
>           li(ng-repeat="build in builds_running")
>             buildsticker(build="build")
>
> Clicking on the sticker will put the user to the corresponding build
> page.
>
> The directive must come with a unit tested. Test should instanciate the
> directive with mocked build in $scope, and verify the proper DOM has been
> generated.
>
> Example build REST api output is:
>
> {"builderid":1,"buildid":43,"buildrequestid":33,"buildslaveid":1,"complete":true,"complete_at":1418120690,"masterid":2,"number":9,"results":0,"started_at":1418120628,"state_string":"finished"}
>
> Directive should query the rest api for builder in order to get the
> buildername for build
> Example output for builder REST api is:
> {"builderid":1,"description":null,"name":"runtests3","tags":[]}
>
> Student can look at the "buildsummary" directive that is already existing
> and does similar but more complex view.

New description:

 Create a directive that can represent a build like the attached mocked
 picture

 provided build is the result of a build rest api in the $scope, the
 directive:

 <buildsticker build="build">

 should produce output like attached picture

 Goal is to replace following code in home.tpl.jade

 {{{
           li(ng-repeat="build in builds_running")
             buildsummary(buildid="build.buildid", condensed="true")
 }}}

 by:

 {{{
           li(ng-repeat="build in builds_running")
             buildsticker(build="build")
 }}}

 Clicking on the sticker will put the user to the corresponding build page.

 The directive must come with a unit tested. Test should instanciate the
 directive with mocked build in $scope, and verify the proper DOM has been
 generated.

 Example build REST api output is:

 {{{
 {"builderid":1,"buildid":43,"buildrequestid":33,"buildslaveid":1,"complete":true,"complete_at":1418120690,"masterid":2,"number":9,"results":0,"started_at":1418120628,"state_string":"finished"}
 }}}

 Directive should query the rest api for builder in order to get the
 buildername for build
 Example output for builder REST api is:
 {{{
 {"builderid":1,"description":null,"name":"runtests3","tags":[]}
 }}}

 Student can look at the "buildsummary" directive that is already existing
 and does similar but more complex view.

--

--
Ticket URL: <http://trac.buildbot.net/ticket/3128#comment:7>
Buildbot <http://buildbot.net/>
Buildbot: build/test automation