diff options
Diffstat (limited to 'partials/visualisation.html')
| -rw-r--r-- | partials/visualisation.html | 58 |
1 files changed, 53 insertions, 5 deletions
diff --git a/partials/visualisation.html b/partials/visualisation.html index f7a4555..4cb9c61 100644 --- a/partials/visualisation.html +++ b/partials/visualisation.html @@ -1,11 +1,59 @@ <div class="visualisation" ng-style="selected && {'top': '35%'}"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in steps" - ng-click="select(step, $event)"> - {{step.name}} + + + <div class="row"> + + <div class="lane col-md-2"> + <h3>Change detection</h3> + </div> + + <div class="lane col-md-2"> + <h3>Integration</h3> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in integrations" + ng-click="select(step, $event)"> + {{step.name}} + </div> + </div> + + <div class="lane col-md-2"> + <h3>Build</h3> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in builds" + ng-click="select(step, $event)"> + {{step.name}} + </div> + </div> + + <div class="lane col-md-2"> + <h3>Provisioning</h3> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in deploys" + ng-click="select(step, $event)"> + {{step.name}} + </div> + </div> + + <div class="lane col-md-2"> + <h3>Automatic test</h3> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in tests" + ng-click="select(step, $event)"> + {{step.name}} + </div> + </div> + + <div class="lane col-md-2"> + <h3>Publishing</h3> + </div> + </div> + <br /> <div class="detail" ng-show="selected" |