diff options
| author | Pedro Alvarez <pedro.alvarez@codethink.co.uk> | 2015-09-29 15:51:37 +0100 |
|---|---|---|
| committer | Pedro Alvarez <pedro.alvarez@codethink.co.uk> | 2015-09-29 15:51:37 +0100 |
| commit | da220fa43ee3039910d61ce4e44152f29034aed2 (patch) | |
| tree | 4430890342fe5279992f3ca7534eff4b15ae620c /partials | |
| parent | 86278c55bebeda273e5a048a725e8fea5d2eee5b (diff) | |
| download | ciat-ui-da220fa43ee3039910d61ce4e44152f29034aed2.tar.gz | |
Separate boxes by lane
Diffstat (limited to 'partials')
| -rw-r--r-- | partials/visualisation.html | 42 |
1 files changed, 37 insertions, 5 deletions
diff --git a/partials/visualisation.html b/partials/visualisation.html index f7a4555..ae310fa 100644 --- a/partials/visualisation.html +++ b/partials/visualisation.html @@ -1,11 +1,43 @@ <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="lane"> + <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"> + <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"> + <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"> + <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> + <br /> <div class="detail" ng-show="selected" |