refactor new styles
This commit is contained in:
Lisa P
parent
6e7a27da87
commit
3a366a234a
|
|
@ -8,7 +8,7 @@ BranchRowComponent = Ember.Component.extend
|
||||||
routing: Ember.inject.service('-routing')
|
routing: Ember.inject.service('-routing')
|
||||||
tagName: 'li'
|
tagName: 'li'
|
||||||
classNameBindings: ['build.last_build.state']
|
classNameBindings: ['build.last_build.state']
|
||||||
classNames: ['branch-row']
|
classNames: ['branch-row', 'row-li']
|
||||||
isLoading: false
|
isLoading: false
|
||||||
isTriggering: false
|
isTriggering: false
|
||||||
hasTriggered: false
|
hasTriggered: false
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ DashboardRowComponent = Ember.Component.extend
|
||||||
|
|
||||||
tagName: 'li'
|
tagName: 'li'
|
||||||
classNameBindings: ['repo.default_branch.last_build.state']
|
classNameBindings: ['repo.default_branch.last_build.state']
|
||||||
classNames: ['dashboard-row']
|
classNames: ['dashboard-row', 'row-li']
|
||||||
isLoading: false
|
isLoading: false
|
||||||
isTriggering: false
|
isTriggering: false
|
||||||
hasTriggered: false
|
hasTriggered: false
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
OwnerRepoTileComponent = Ember.Component.extend
|
OwnerRepoTileComponent = Ember.Component.extend
|
||||||
|
|
||||||
tagName: 'li'
|
tagName: 'li'
|
||||||
classNames: ['owner-tile']
|
classNames: ['owner-tile', 'row-li']
|
||||||
classNameBindings: ['repo.default_branch.last_build.state']
|
classNameBindings: ['repo.default_branch.last_build.state']
|
||||||
|
|
||||||
ownerName: (->
|
ownerName: (->
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,6 @@ Controller = Ember.Controller.extend
|
||||||
org = @get('org')
|
org = @get('org')
|
||||||
|
|
||||||
repos = repos.filter (item, index) ->
|
repos = repos.filter (item, index) ->
|
||||||
console.log(item)
|
|
||||||
item.get('default_branch.last_build') != null
|
item.get('default_branch.last_build') != null
|
||||||
.sortBy('default_branch.last_build.finished_at')
|
.sortBy('default_branch.last_build.finished_at')
|
||||||
.reverse()
|
.reverse()
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,7 @@
|
||||||
|
|
||||||
@import "app/animation/tractor";
|
@import "app/animation/tractor";
|
||||||
|
|
||||||
|
@import "app/modules/row";
|
||||||
@import "app/modules/loader";
|
@import "app/modules/loader";
|
||||||
@import "app/modules/tiles";
|
@import "app/modules/tiles";
|
||||||
@import "app/modules/buttons";
|
@import "app/modules/buttons";
|
||||||
|
|
|
||||||
|
|
@ -29,17 +29,6 @@
|
||||||
padding: 0
|
padding: 0
|
||||||
list-style: none
|
list-style: none
|
||||||
|
|
||||||
%border-radius-4px
|
|
||||||
border-radius: 4px
|
|
||||||
|
|
||||||
%border-top-4px
|
|
||||||
border-top-left-radius: 4px
|
|
||||||
border-top-right-radius: 4px
|
|
||||||
|
|
||||||
%border-bottom-4px
|
|
||||||
border-bottom-left-radius: 4px
|
|
||||||
border-bottom-right-radius: 4px
|
|
||||||
|
|
||||||
%absolute-center
|
%absolute-center
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 0
|
top: 0
|
||||||
|
|
@ -66,7 +55,6 @@
|
||||||
font-weight: 400
|
font-weight: 400
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// @todo simplyfiy coloring mixins
|
// @todo simplyfiy coloring mixins
|
||||||
|
|
||||||
@mixin colorStatusIcons($color, $status)
|
@mixin colorStatusIcons($color, $status)
|
||||||
|
|
@ -92,7 +80,8 @@
|
||||||
&.#{$status}
|
&.#{$status}
|
||||||
background: linear-gradient(to right, $color2 0%, $color2 9px, white 9px, white 100%) no-repeat
|
background: linear-gradient(to right, $color2 0%, $color2 9px, white 9px, white 100%) no-repeat
|
||||||
.row-name,
|
.row-name,
|
||||||
.row-request a
|
.row-request a,
|
||||||
|
.row-color a
|
||||||
color: $color
|
color: $color
|
||||||
&:hover
|
&:hover
|
||||||
border-color: $color
|
border-color: $color
|
||||||
|
|
|
||||||
|
|
@ -4,19 +4,6 @@
|
||||||
margin: 1.5em 0 0.7em
|
margin: 1.5em 0 0.7em
|
||||||
|
|
||||||
.branch-row
|
.branch-row
|
||||||
border: 1px solid $cream-dark
|
|
||||||
font-size: 16px
|
|
||||||
text-align: right
|
|
||||||
margin-bottom: .3rem
|
|
||||||
color: $grey-dark
|
|
||||||
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
|
||||||
|
|
||||||
.icon
|
|
||||||
width: 1.3em
|
|
||||||
height: 1.3em
|
|
||||||
margin-right: .2em
|
|
||||||
display: inline-block
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.avatar
|
.avatar
|
||||||
display: inline-block
|
display: inline-block
|
||||||
|
|
@ -27,21 +14,10 @@
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
background-color: #E9EBEB
|
background-color: #E9EBEB
|
||||||
|
|
||||||
.row-item
|
|
||||||
margin: .2em
|
|
||||||
font-size: 16px
|
|
||||||
font-weight: $font-weight-normal
|
|
||||||
white-space: nowrap
|
|
||||||
overflow: hidden
|
|
||||||
a
|
|
||||||
color: $grey-dark
|
|
||||||
text-decoration: none
|
|
||||||
&:hover
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
& > div:first-of-type
|
& > div:first-of-type
|
||||||
width: 30%
|
width: 30%
|
||||||
|
padding-left: 1em
|
||||||
& > div:nth-of-type(2)
|
& > div:nth-of-type(2)
|
||||||
width: 20%
|
width: 20%
|
||||||
& > div:nth-of-type(3)
|
& > div:nth-of-type(3)
|
||||||
|
|
@ -50,6 +26,7 @@
|
||||||
// width: 5%
|
// width: 5%
|
||||||
& > div:nth-of-type(4)
|
& > div:nth-of-type(4)
|
||||||
width: 28%
|
width: 28%
|
||||||
|
float: right
|
||||||
@media #{$large-up}
|
@media #{$large-up}
|
||||||
& > div:nth-of-type(2)
|
& > div:nth-of-type(2)
|
||||||
width: 21%
|
width: 21%
|
||||||
|
|
@ -60,53 +37,17 @@
|
||||||
& > div:nth-of-type(4)
|
& > div:nth-of-type(4)
|
||||||
width: 25%
|
width: 25%
|
||||||
|
|
||||||
@include statusColors($green-dark, 'passed')
|
.row-last-build
|
||||||
@include statusColors($red-dark, 'failed')
|
|
||||||
@include statusColors($red-dark, 'errored')
|
|
||||||
@include statusColors($grey-medium, 'canceled')
|
|
||||||
@include statusColors(#bfb502, 'started', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'queued', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'booting', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'received', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'created', #e5da3f)
|
|
||||||
|
|
||||||
%row-element
|
|
||||||
vertical-align: middle
|
|
||||||
@media #{$medium-up}
|
|
||||||
display: inline-block
|
|
||||||
.row-item
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.two-line
|
|
||||||
@extend %row-element
|
|
||||||
padding: .4em 0
|
|
||||||
margin-left: 2em
|
|
||||||
text-align: left
|
|
||||||
|
|
||||||
@media #{$medium-up}
|
|
||||||
margin-left: 0
|
|
||||||
|
|
||||||
.one-line
|
|
||||||
@extend %row-element
|
|
||||||
.row-item
|
|
||||||
display: inline-block
|
|
||||||
.row-nav
|
|
||||||
display: none
|
|
||||||
text-align: center
|
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
display: block
|
padding-left: 1em
|
||||||
|
&:before
|
||||||
.row-last-build
|
content: "";
|
||||||
@media #{$medium-up}
|
display: block;
|
||||||
padding-left: 1em
|
width: 1px;
|
||||||
&:before
|
background-color: #EFF0EC;
|
||||||
content: "";
|
position: absolute;
|
||||||
display: block;
|
height: 3.7em;
|
||||||
width: 1px;
|
margin-left: -1em;
|
||||||
background-color: #EFF0EC;
|
|
||||||
position: absolute;
|
|
||||||
height: 3.7em;
|
|
||||||
margin-left: -1em;
|
|
||||||
|
|
||||||
// @todo refactor into dropup module
|
// @todo refactor into dropup module
|
||||||
%dropup
|
%dropup
|
||||||
|
|
@ -222,10 +163,6 @@
|
||||||
path
|
path
|
||||||
fill: $teal-dark
|
fill: $teal-dark
|
||||||
|
|
||||||
.label-align
|
|
||||||
vertical-align: middle
|
|
||||||
line-height: 1.5
|
|
||||||
|
|
||||||
// @todo refactor to status-icon module
|
// @todo refactor to status-icon module
|
||||||
.status-icon
|
.status-icon
|
||||||
.is-rotating
|
.is-rotating
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,3 @@
|
||||||
.fade-out
|
|
||||||
@media #{$medium-up}
|
|
||||||
white-space: nowrap
|
|
||||||
position:relative
|
|
||||||
overflow: hidden
|
|
||||||
&:after
|
|
||||||
content: ""
|
|
||||||
@include fadeOut(right, -90deg, $white, 30%)
|
|
||||||
|
|
||||||
@mixin colorDashboardTiles($color, $status, $color2: $color)
|
|
||||||
&.#{$status}
|
|
||||||
.row-request
|
|
||||||
color: $color
|
|
||||||
.row-name a,
|
|
||||||
.row-request a
|
|
||||||
color: $color
|
|
||||||
|
|
||||||
|
|
||||||
.dashboard
|
.dashboard
|
||||||
.centered
|
.centered
|
||||||
|
|
@ -33,51 +16,20 @@
|
||||||
margin: 3rem 0 5rem
|
margin: 3rem 0 5rem
|
||||||
list-style-type: none
|
list-style-type: none
|
||||||
|
|
||||||
|
|
||||||
.dashboard-active li
|
.dashboard-active li
|
||||||
|
|
||||||
border: 1px solid $cream-dark
|
|
||||||
font-size: 16px
|
|
||||||
text-align: left
|
text-align: left
|
||||||
margin-bottom: .3rem
|
|
||||||
color: $grey-dark
|
|
||||||
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 9px, white 100%) no-repeat
|
|
||||||
|
|
||||||
.icon
|
|
||||||
width: 1.3em
|
|
||||||
height: 1.3em
|
|
||||||
margin-right: .2em
|
|
||||||
display: inline-block
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
h2, h3
|
|
||||||
margin: 0
|
|
||||||
font-weight: $font-weight-normal
|
|
||||||
|
|
||||||
h3
|
|
||||||
font-size: 16px
|
|
||||||
|
|
||||||
h2
|
|
||||||
font-size: 18px
|
|
||||||
.one-line
|
.one-line
|
||||||
margin-left: 2em
|
margin-left: 2em
|
||||||
|
text-align: left
|
||||||
.two-line
|
.two-line
|
||||||
padding: .1em 0
|
padding: .1em 0
|
||||||
|
.row-item h2
|
||||||
.row-item
|
font-size: 18px
|
||||||
margin: .2em
|
|
||||||
font-size: 16px
|
|
||||||
font-weight: $font-weight-normal
|
|
||||||
white-space: nowrap
|
|
||||||
overflow: hidden
|
|
||||||
a
|
|
||||||
color: $grey-dark
|
|
||||||
text-decoration: none
|
|
||||||
&:hover
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
& > div:first-of-type
|
& > div:first-of-type
|
||||||
width: 28%
|
width: 30%
|
||||||
position: relative
|
position: relative
|
||||||
padding-left: 1em
|
padding-left: 1em
|
||||||
&:after
|
&:after
|
||||||
|
|
@ -100,26 +52,3 @@
|
||||||
li
|
li
|
||||||
border: none
|
border: none
|
||||||
transform: translate(-19%, -170%)
|
transform: translate(-19%, -170%)
|
||||||
|
|
||||||
|
|
||||||
@include statusColors($green-dark, 'passed')
|
|
||||||
@include statusColors($red-dark, 'failed')
|
|
||||||
@include statusColors($red-dark, 'errored')
|
|
||||||
@include statusColors($grey-medium, 'canceled')
|
|
||||||
@include statusColors(#bfb502, 'started', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'queued', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'booting', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'received', #e5da3f)
|
|
||||||
@include statusColors(#bfb502, 'created', #e5da3f)
|
|
||||||
|
|
||||||
@include colorDashboardTiles($green-dark, 'passed')
|
|
||||||
@include colorDashboardTiles($red-dark, 'failed')
|
|
||||||
@include colorDashboardTiles($red-dark, 'errored')
|
|
||||||
@include colorDashboardTiles($grey-medium, 'canceled')
|
|
||||||
@include colorDashboardTiles(#bfb502, 'started', #e5da3f)
|
|
||||||
@include colorDashboardTiles(#bfb502, 'queued', #e5da3f)
|
|
||||||
@include colorDashboardTiles(#bfb502, 'booting', #e5da3f)
|
|
||||||
@include colorDashboardTiles(#bfb502, 'received', #e5da3f)
|
|
||||||
@include colorDashboardTiles(#bfb502, 'created', #e5da3f)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -82,87 +82,21 @@
|
||||||
padding: 0
|
padding: 0
|
||||||
list-style-type: none
|
list-style-type: none
|
||||||
|
|
||||||
%one-line
|
|
||||||
font-size: 16px
|
|
||||||
font-weight: 400
|
|
||||||
vertical-align: middle
|
|
||||||
margin: 0
|
|
||||||
display: inline-block
|
|
||||||
*
|
|
||||||
display: inline-block
|
|
||||||
font-size: inherit
|
|
||||||
font-weight: 400
|
|
||||||
vertical-align: middle
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
line-height: 1
|
|
||||||
|
|
||||||
.owner-tile
|
|
||||||
padding: .8em 0 .8em 2em
|
|
||||||
margin-bottom: .5em
|
|
||||||
border: #F2F0F0 solid 1px
|
|
||||||
|
|
||||||
a
|
|
||||||
text-decoration: none
|
|
||||||
&:hover
|
|
||||||
span
|
|
||||||
text-decoration: underline
|
|
||||||
.repo-title a:hover
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
||||||
.icon
|
|
||||||
width: 1.3em
|
|
||||||
height: 1.1em
|
|
||||||
|
|
||||||
.build-status
|
.build-status
|
||||||
text-transform: capitalize
|
text-transform: capitalize
|
||||||
|
|
||||||
.repo
|
.owner-tile
|
||||||
@extend %one-line
|
padding: .4em 0 .3em
|
||||||
white-space: nowrap
|
|
||||||
width: grid-calc(9, 12)
|
|
||||||
.build
|
|
||||||
@extend %one-line
|
|
||||||
width: grid-calc(5, 12)
|
|
||||||
.branch
|
|
||||||
@extend %one-line
|
|
||||||
width: grid-calc(6, 12)
|
|
||||||
.commit
|
|
||||||
@extend %one-line
|
|
||||||
width: grid-calc(6, 12)
|
|
||||||
.duration
|
|
||||||
@extend %one-line
|
|
||||||
width: grid-calc(12, 12)
|
|
||||||
|
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
display: flex
|
& > div:first-of-type
|
||||||
flex-direction: row
|
width: 30%
|
||||||
flex-flow: space-between
|
padding-left: 1em
|
||||||
align-items: baseline
|
& > div:nth-of-type(2)
|
||||||
height: 3.8em
|
width: 10%
|
||||||
padding: .8em 0
|
& > div:nth-of-type(3)
|
||||||
|
width: 15%
|
||||||
.build
|
& > div:nth-of-type(4)
|
||||||
width: grid-calc(2, 12)
|
width: 15%
|
||||||
.branch
|
& > div:nth-of-type(5)
|
||||||
width: grid-calc(2, 12)
|
width: 25%
|
||||||
.commit
|
|
||||||
width: grid-calc(2, 12)
|
|
||||||
.duration
|
|
||||||
width: grid-calc(4, 12)
|
|
||||||
.repo
|
|
||||||
width: grid-calc(4, 12)
|
|
||||||
margin-left: 2em
|
|
||||||
|
|
||||||
|
|
||||||
@include statusColors($green-dark, 'passed')
|
|
||||||
@include statusColors($red-dark, 'failed')
|
|
||||||
@include statusColors($red-dark, 'errored')
|
|
||||||
@include statusColors($grey-medium, 'canceled')
|
|
||||||
@include statusColors(#ECCE4B, 'started')
|
|
||||||
@include statusColors(#ECCE4B, 'queued')
|
|
||||||
@include statusColors(#ECCE4B, 'booting')
|
|
||||||
@include statusColors(#ECCE4B, 'received')
|
|
||||||
@include statusColors(#ECCE4B, 'created')
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
79
app/styles/app/modules/row.sass
Normal file
79
app/styles/app/modules/row.sass
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
.fade-out
|
||||||
|
@media #{$medium-up}
|
||||||
|
white-space: nowrap
|
||||||
|
position:relative
|
||||||
|
overflow: hidden
|
||||||
|
&:after
|
||||||
|
content: ""
|
||||||
|
@include fadeOut(right, -90deg, $white, 30%)
|
||||||
|
|
||||||
|
.label-align
|
||||||
|
vertical-align: middle
|
||||||
|
line-height: 1.5
|
||||||
|
|
||||||
|
.row-li
|
||||||
|
border: 1px solid $cream-dark
|
||||||
|
font-size: 16px
|
||||||
|
margin-bottom: .3rem
|
||||||
|
color: $grey-dark
|
||||||
|
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
||||||
|
|
||||||
|
.row-item
|
||||||
|
display: inline-block
|
||||||
|
margin: .2em
|
||||||
|
font-size: 16px
|
||||||
|
font-weight: $font-weight-normal
|
||||||
|
white-space: nowrap
|
||||||
|
overflow: hidden
|
||||||
|
a
|
||||||
|
color: $grey-dark
|
||||||
|
text-decoration: none
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
|
h2, h3
|
||||||
|
margin: 0
|
||||||
|
font-weight: $font-weight-normal
|
||||||
|
font-size: 16px
|
||||||
|
|
||||||
|
%row-element
|
||||||
|
vertical-align: middle
|
||||||
|
@media #{$medium-up}
|
||||||
|
display: inline-block
|
||||||
|
.row-item
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
.two-line
|
||||||
|
@extend %row-element
|
||||||
|
padding: .4em 0
|
||||||
|
margin-left: 2em
|
||||||
|
text-align: left
|
||||||
|
|
||||||
|
@media #{$medium-up}
|
||||||
|
margin-left: 0
|
||||||
|
|
||||||
|
.one-line
|
||||||
|
@extend %row-element
|
||||||
|
.row-item
|
||||||
|
display: inline-block
|
||||||
|
.row-nav
|
||||||
|
display: none
|
||||||
|
text-align: center
|
||||||
|
@media #{$medium-up}
|
||||||
|
display: block
|
||||||
|
|
||||||
|
.icon
|
||||||
|
width: 1.3em
|
||||||
|
height: 1.3em
|
||||||
|
margin-right: .2em
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
@include statusColors($green-dark, 'passed')
|
||||||
|
@include statusColors($red-dark, 'failed')
|
||||||
|
@include statusColors($red-dark, 'errored')
|
||||||
|
@include statusColors($grey-medium, 'canceled')
|
||||||
|
@include statusColors(#bfb502, 'started', #e5da3f)
|
||||||
|
@include statusColors(#bfb502, 'queued', #e5da3f)
|
||||||
|
@include statusColors(#bfb502, 'booting', #e5da3f)
|
||||||
|
@include statusColors(#bfb502, 'received', #e5da3f)
|
||||||
|
@include statusColors(#bfb502, 'created', #e5da3f)
|
||||||
|
|
@ -33,7 +33,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="two-line row-last-build">
|
<div class="two-line row-last-build fade-out">
|
||||||
<div class="row-request">
|
<div class="row-request">
|
||||||
<div class="row-item">
|
<div class="row-item">
|
||||||
{{#if build.last_build}}
|
{{#if build.last_build}}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
<div class="two-line fade-out">
|
<div class="two-line fade-out">
|
||||||
<div class="row-name row-item">
|
<div class="row-name row-item row-color">
|
||||||
<h3>{{#link-to "owner" repo.owner.login}}{{status-icon status=repo.default_branch.last_build.state}} {{repo.owner.login}}{{/link-to}}</h3>
|
<h3>{{#link-to "owner" repo.owner.login}}{{status-icon status=repo.default_branch.last_build.state}} {{repo.owner.login}}{{/link-to}}</h3>
|
||||||
<h2>{{#link-to "repo" repo.owner.login repo.name}}<span class="label-align">{{repo.name}}</span>{{/link-to}}</h2>
|
<h2>{{#link-to "repo" repo.owner.login repo.name}}<span class="label-align">{{repo.name}}</span>{{/link-to}}</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,87 +1,99 @@
|
||||||
{{!-- {{#if repo.private }}
|
{{!-- {{#if repo.private }}
|
||||||
<div class="tile-lock"><span class="icon icon-lock"></span></div>
|
<div class="tile-lock"><span class="icon icon-lock"></span></div>
|
||||||
{{/if}} --}}
|
{{/if}} --}}
|
||||||
<div class="repo fade-out">
|
<div class="row-item fade-out">
|
||||||
<h2 class="repo-title">
|
<div clas="one-line">
|
||||||
{{status-icon status=repo.default_branch.last_build.state}}
|
<h2 class="repo-title">
|
||||||
{{#link-to "repo" ownerName repoName }}
|
{{status-icon status=repo.default_branch.last_build.state}}
|
||||||
<span class="label-align">{{repoName}}</span>
|
{{#link-to "repo" ownerName repoName }}
|
||||||
{{/link-to}}
|
<span class="label-align">{{repoName}}</span>
|
||||||
</h2>
|
{{/link-to}}
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{#if repo.default_branch.last_build}}
|
{{#if repo.default_branch.last_build}}
|
||||||
<div class="build">
|
<div class="row-item">
|
||||||
{{#link-to "build" ownerName repoName repo.default_branch.last_build.id}}
|
<div class="one-line">
|
||||||
<span class="icon">
|
{{#link-to "build" ownerName repoName repo.default_branch.last_build.id}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<span class="icon">
|
||||||
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||||
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
||||||
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
||||||
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
||||||
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
||||||
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
||||||
L-277.2,202.4z"/>x
|
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
||||||
|
L-277.2,202.4z"/>x
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
<span class="label-align">{{repo.default_branch.last_build.number}}</span>
|
||||||
|
{{/link-to}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row-item fade-out">
|
||||||
|
<div class="one-line">
|
||||||
|
{{request-icon build=repo.default_branch.last_build}}
|
||||||
|
<span class="label-align">{{repo.default_branch.name}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row-item">
|
||||||
|
<div class="one-line">
|
||||||
|
<a href="{{repo.default_branch.last_build.commit.compare_url}}">
|
||||||
|
<span class="icon">
|
||||||
|
<svg x="0px" y="0px" viewBox="2 0 20 20" xml:space="preserve">
|
||||||
|
<g id="Commit">
|
||||||
|
<path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
|
||||||
|
c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
|
||||||
|
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||||
|
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||||
|
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||||
|
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||||
|
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||||
|
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||||
|
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||||
|
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||||
|
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||||
|
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||||
|
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||||
|
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||||
|
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||||
|
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||||
|
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||||
|
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||||
|
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||||
|
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||||
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
<span>{{repo.default_branch.last_build.number}}</span>
|
<span class="label-align">{{format-sha repo.default_branch.last_build.commit.sha}}</span>
|
||||||
{{/link-to}}
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="branch fade-out">
|
|
||||||
{{request-icon build=repo.default_branch.last_build}}
|
|
||||||
<span class="label-align">{{repo.default_branch.name}}</span>
|
|
||||||
|
|
||||||
</div>
|
<div class="row-item fade-out">
|
||||||
<div class="commit">
|
<div class="one-line">
|
||||||
<a href="{{repo.default_branch.last_build.commit.compare_url}}">
|
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<svg x="0px" y="0px" viewBox="2 0 20 20" xml:space="preserve">
|
<svg viewBox="0 0 20 20">
|
||||||
<g id="Commit">
|
<g id="Cal">
|
||||||
<path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
|
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||||
c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
|
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
V10.7z"/>
|
||||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
|
||||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
|
||||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
|
||||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
|
||||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
|
||||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
|
||||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
|
||||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
|
||||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
|
||||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
<span class="label-align">{{format-sha repo.default_branch.last_build.commit.sha}}</span>
|
<span class="build-status label-align">{{repo.default_branch.last_build.state}}</span>
|
||||||
</a>
|
<span class="finished-at label-align">{{format-time repo.default_branch.last_build.finished_at}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="duration">
|
|
||||||
<span class="icon">
|
|
||||||
<svg viewBox="0 0 20 20">
|
|
||||||
<g id="Cal">
|
|
||||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
|
||||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
|
||||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
|
||||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
|
||||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
|
||||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
|
||||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
|
||||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
|
||||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
|
||||||
V10.7z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
<span class="build-status label-align">{{repo.default_branch.last_build.state}}</span>
|
|
||||||
<span class="finished-at label-align">{{format-time repo.default_branch.last_build.finished_at}}</span>
|
|
||||||
</div>
|
</div>
|
||||||
{{else}}
|
{{else}}
|
||||||
<p>there is no build</p>
|
<p>there is no build</p>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user