From 139159a52570d8c9ce261cd4f5593e1bd64c61aa Mon Sep 17 00:00:00 2001 From: oleg Date: Wed, 23 Dec 2015 22:56:31 +0300 Subject: [PATCH] select current build at sidebar --- static/css/sources/components/builds.less | 15 +++++++++++++++ static/js/app/components/buildSidebar/index.jade | 4 +++- static/js/app/components/builds/view.jade | 2 +- 3 files changed, 19 insertions(+), 2 deletions(-) diff --git a/static/css/sources/components/builds.less b/static/css/sources/components/builds.less index 5beb586..77ba637 100644 --- a/static/css/sources/components/builds.less +++ b/static/css/sources/components/builds.less @@ -177,6 +177,21 @@ border-right-color: darken(@well-bg, 10%); top: 13px; } + + &__current { + &:before { + left: 10px; + border-right-color: @component-active-bg; + top: 13px; + } + + .builds { + &_inner { + border-left: 6px solid @component-active-bg; + } + } + + } } &_header { diff --git a/static/js/app/components/buildSidebar/index.jade b/static/js/app/components/buildSidebar/index.jade index e155b5b..0fa5115 100644 --- a/static/js/app/components/buildSidebar/index.jade +++ b/static/js/app/components/buildSidebar/index.jade @@ -1,6 +1,8 @@ .builds.builds__timeline.builds__timeline-small each item in this.state.items - .builds_item(key=item.id, class="builds_item__#{item.status}") + - var buildItemClasses = ['builds_item__' + item.status]; + - if (item.id === this.props.currentBuild.id) buildItemClasses.push('builds_item__current'); + .builds_item(key=item.id, class=buildItemClasses) .builds_inner .row .builds_header diff --git a/static/js/app/components/builds/view.jade b/static/js/app/components/builds/view.jade index d0d8c03..0318348 100644 --- a/static/js/app/components/builds/view.jade +++ b/static/js/app/components/builds/view.jade @@ -14,7 +14,7 @@ mixin statusBadge(build) .row if this.state.build .col-sm-3.hidden-xs - BuildSidebar(projectName=this.state.build.project.name) + BuildSidebar(projectName=this.state.build.project.name, currentBuild=this.state.build) .col-sm-9 h1.page-header