suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style pullrequests

Browse Source
This commit is contained in:
Lisa P 2015-11-30 14:47:38 +01:00
parent 336479a2be
commit 85f61c5155
14 changed files with 118 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/builds-item.coffee
View File

@ -3,8 +3,10 @@
`import { githubCommit as githubCommitUrl } from 'travis/utils/urls'` `import { githubCommit as githubCommitUrl } from 'travis/utils/urls'`
BuildsItemComponent = Ember.Component.extend BuildsItemComponent = Ember.Component.extend
tagName: 'li'
classNameBindings: ['build.state'] classNameBindings: ['build.state']
classNames: ['tile', 'tile--small', 'tile--build', 'row'] classNames: ['row-li', 'pr-row']
urlAuthorGravatarImage: (-> urlAuthorGravatarImage: (->
gravatarImage(@get('build.commit.authorEmail'), 40) gravatarImage(@get('build.commit.authorEmail'), 40)

6
app/components/repos-list-item.coffee
View File

@ -10,15 +10,11 @@ ReposListItemComponent = Ember.Component.extend Polling,
pollModels: 'repo' pollModels: 'repo'
classNames: ['repo'] classNames: ['repo']
classNameBindings: ['color', 'selected'] classNameBindings: ['selected']
selected: (-> selected: (->
@get('repo') == @get('selectedRepo') @get('repo') == @get('selectedRepo')
).property('selectedRepo') ).property('selectedRepo')
color: (->
colorForState(@get('repo.lastBuildState'))
).property('repo.lastBuildState')
scrollTop: (-> scrollTop: (->
if (window.scrollY > 0) if (window.scrollY > 0)
$('html, body').animate({scrollTop: 0}, 200) $('html, body').animate({scrollTop: 0}, 200)

1
app/styles/app.scss
View File

@ -56,6 +56,7 @@
@import "app/layouts/broadcasts"; @import "app/layouts/broadcasts";
@import "app/layouts/repo"; @import "app/layouts/repo";
@import "app/layouts/jobs"; @import "app/layouts/jobs";
@import "app/layouts/pull-requests";
@import "app/layouts/requests"; @import "app/layouts/requests";
@import "app/layouts/caches"; @import "app/layouts/caches";

3
app/styles/app/_mixins/mixins.sass
View File

@ -61,7 +61,7 @@
svg g > * svg g > *
fill: $color fill: $color
=statusColors($color, $status, $width, $color2: $color) =statusColors($color, $status, $width, $color2: $color, $building:false)
&.#{$status} &.#{$status}
background: linear-gradient(to right, $color2 0%, $color2 $width, white $width, white 100%) no-repeat background: linear-gradient(to right, $color2 0%, $color2 $width, white $width, white 100%) no-repeat
.row-name, .row-name,
@ -82,6 +82,7 @@
.build-status .build-status
color: $color color: $color
@include colorStatusIcons($color, $status) @include colorStatusIcons($color, $status)
@include colorLinks($color, $status, $building)
=colorBg($color, $status, $width, $color2: white) =colorBg($color, $status, $width, $color2: white)
&.#{$status} &.#{$status}

2
app/styles/app/base.sass
View File

@ -11,4 +11,4 @@ a
text-decoration: none text-decoration: none
&:hover, &:hover,
&:active &:active
text-decoration: underline text-decoration: none

9
app/styles/app/layouts/branches.sass
View File

@ -5,15 +5,6 @@
.branch-row .branch-row
.avatar
display: inline-block
width: 16px
height: 16px
margin-right: .7em
border-radius: 50%
vertical-align: middle
background-color: #E9EBEB
@media #{$medium-up} @media #{$medium-up}
display: flex display: flex
justify-content: space-between justify-content: space-between

28
app/styles/app/layouts/pull-requests.sass Normal file
View File

@ -0,0 +1,28 @@
.build-list
padding: 0
margin: 0
list-style: none
.pr-row
@media #{$medium-up}
display: flex
justify-content: space-between
flex-flow: row wrap
.two-line
padding: 0
margin: .4em 0
.row-item
display: block
.row-committer
padding-left: 1.6em
.two-line:first-of-type
flex: 0 0 55%
padding-left: .5em
border-right: 1px solid $cream-dark
.two-line:nth-of-type(2)
flex: 0 0 20%
.two-line:last-of-type
flex: 0 0 20%

15
app/styles/app/modules/icons.sass
View File

@ -151,9 +151,22 @@
%icon-line-trigger-teal %icon-line-trigger-teal
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%2340a3ad" d="M17.2 7.9c-.2-.3-.6-.2-.9.1l-1 1.2C14.9 6 12.2 3.6 9 3.6c-3.6 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4c1.8 0 3.6-.8 4.8-2.2.2-.3.2-.7-.1-.9-.3-.2-.7-.2-.9.1-1 1.1-2.4 1.7-3.9 1.7-2.8 0-5.1-2.3-5.1-5.1S6.1 4.9 9 4.9c2.7 0 4.9 2.1 5.1 4.7l-1.7-1.1c-.3-.2-.7-.1-.9.2s-.1.7.2.9l2.8 1.8c.1.1.2.1.3.1.1 0 .2 0 .3-.1 0 0 .1 0 .1-.1l.1-.1 2-2.4c.3-.3.2-.7-.1-.9z"/></svg>') background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%2340a3ad" d="M17.2 7.9c-.2-.3-.6-.2-.9.1l-1 1.2C14.9 6 12.2 3.6 9 3.6c-3.6 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4c1.8 0 3.6-.8 4.8-2.2.2-.3.2-.7-.1-.9-.3-.2-.7-.2-.9.1-1 1.1-2.4 1.7-3.9 1.7-2.8 0-5.1-2.3-5.1-5.1S6.1 4.9 9 4.9c2.7 0 4.9 2.1 5.1 4.7l-1.7-1.1c-.3-.2-.7-.1-.9.2s-.1.7.2.9l2.8 1.8c.1.1.2.1.3.1.1 0 .2 0 .3-.1 0 0 .1 0 .1-.1l.1-.1 2-2.4c.3-.3.2-.7-.1-.9z"/></svg>')
%icon-github
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 560"><path fill="%23A7AEAE" d="M418.4 490c-8.4 0-14-5.6-14-14v-28c-11.2 0-28 2.8-39.2-2.8-11.2-2.8-36.4-14-50.4-47.6-2.8-5.6-8.4-11.2-11.2-16.8-2.8-2.8-5.6-8.4-8.4-11.2C284 358.4 284 336 292.4 322c8.4-11.2 19.6-14 33.6-8.4 19.6 5.6 30.8 25.2 39.2 36.4 2.8 2.8 2.8 5.6 5.6 5.6 11.2 11.2 28 8.4 39.2 2.8l8.4-8.4h-5.6c-19.6-2.8-36.4-11.2-53.2-19.6-5.6-5.6-16.8-11.2-22.4-19.6-8.4-8.4-14-19.6-19.6-33.6-2.8-14-5.6-25.2-8.4-39.2 0-11.2-2.8-25.2 0-39.2C312 182 317.6 168 326 154c2.8-2.8 2.8-5.6 5.6-8.4v-2.8c-2.8-8.4-2.8-16.8-2.8-28s2.8-22.4 8.4-33.6C340 72.8 345.6 70 354 70s22.4 2.8 33.6 8.4C398.8 84 410 89.6 421.2 98c14-2.8 28-5.6 44.8-5.6h56c14 0 28 2.8 39.2 5.6l5.6-2.8c5.6-2.8 14-8.4 19.6-11.2 11.2-5.6 19.6-8.4 30.8-8.4h8.4c8.4 0 14 2.8 16.8 11.2 5.6 16.8 11.2 33.6 5.6 56v2.8c0 2.8 0 5.6-2.8 8.4 14 16.8 19.6 36.4 22.4 58.8V238c0 14-2.8 28-5.6 39.2-5.6 14-11.2 28-19.6 39.2-8.4 11.2-19.6 16.8-28 22.4-16.8 8.4-33.6 16.8-50.4 19.6 5.6 11.2 8.4 22.4 8.4 36.4v89.6c0 8.4-5.6 14-14 14l-140-8.4zM536 350c-2.8-2.8-2.8-8.4-2.8-14 2.8-5.6 5.6-8.4 11.2-8.4h8.4c19.6-2.8 36.4-8.4 53.2-19.6 8.4-5.6 16.8-11.2 19.6-16.8 5.6-8.4 11.2-16.8 14-28 5.6-11.2 5.6-22.4 8.4-36.4v-19.6c-2.8-19.6-8.4-33.6-19.6-47.6-5.602-5.6-5.602-11.2-2.802-16.8 0-2.8 2.8-5.6 2.8-8.4v-2.8c2.8-11.2 0-22.4-2.8-33.6h-2.8c-5.6 0-14 2.8-19.6 5.6-5.6 2.8-11.2 5.6-19.6 11.2l-11.2 5.6c-2.8 2.8-8.4 2.8-11.2 2.8-14-2.8-25.2-5.6-39.2-5.6h-53.2c-16.8-2.8-30.8 0-44.8 5.6-2.8 0-8.4 0-14-2.8-11.2-8.4-22.4-14-33.6-19.6-5.6-2.8-11.2-2.8-16.8-2.8-2.8 5.6-2.8 14-2.8 19.6 0 8.4 0 14 2.8 19.6 0 2.8 0 2.8 2.8 5.6 2.8 5.6 0 11.2-2.8 14l-5.6 5.6c0 2.8-2.8 5.6-5.6 8.4-5.6 8.4-11.2 19.6-14 33.6-2.8 11.2 0 22.4 0 30.8 0 11.2 2.8 22.4 5.6 33.6 2.8 11.2 8.4 19.6 14 25.2 8.4 5.6 14 11.2 19.6 14 14 8.4 28 14 44.8 16.8 5.6 0 19.6 2.8 19.6 2.8 2.8 0 8.4 2.8 8.4 5.6 2.8 2.8 2.8 5.6 2.8 11.2 0 2.8-8.4 28-25.2 39.2-19.6 11.2-50.4 14-70-8.4l-8.4-8.4c-5.6-8.398-16.8-22.398-28-28h-2.8l-2.8 2.8c0 5.602 0 11.2 2.8 16.802 2.8 2.8 5.6 5.6 8.4 11.2 5.6 8.4 11.2 14 14 22.4 11.2 22.4 28 30.8 33.6 33.6 14 0 36.4-2.8 47.6-2.8-2.8 0-2.8 0 0 0s5.6 0 8.4 2.8c2.8 2.8 5.6 5.6 5.6 8.4v28H550v-75.6c0-11.2-2.8-19.602-5.6-28-2.8-5.602-2.8-8.402-5.6-8.402"/></svg>')
.icon-github
display: inline-block
width: 1em
height: 1.1em
margin-right: 0.3em
vertical-align: middle
background:
repeat: no-repeat
size: auto 23px
position: -9px -3px
@extend %icon-github
%icon-github-circle %icon-github-circle
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14.8"><style>.st0{fill:%23949899;}</style><path class="st0" d="M6 14.8c-.1 0-.1 0 0 0-3.5-.7-6-3.8-6-7.3C0 3.4 3.4 0 7.5 0S15 3.4 15 7.5c0 3.3-2.1 6.2-5.3 7.2-.1 0-.2 0-.3-.1-.1-.1-.2-.2-.2-.3v-2.7c0-.3 0-.5-.1-.7 0-.1-.1-.2-.1-.2l-.1-.1c-.1-.1-.1-.3-.1-.4.1-.1.2-.2.3-.2h.2c.5-.1.9-.2 1.3-.4.2-.1.4-.3.5-.4.1-.2.3-.4.3-.7.1-.2.1-.5.1-.8v-.5c-.1-.5-.2-.8-.5-1.2 0-.2-.1-.4 0-.6V5.1c0-.3 0-.5-.1-.8-.2 0-.3.1-.5.2s-.3.2-.5.3l-.1.1c-.1.1-.3.1-.4.1-.3-.1-.6-.1-1-.2H7.1c-.3 0-.7.1-1 .2-.1 0-.2 0-.4-.1-.3-.2-.5-.3-.8-.4-.1 0-.2-.1-.4-.1 0 .2-.1.3-.1.5s0 .3.1.5v.1c0 .1 0 .3-.1.4V6s-.1.1-.1.2c-.2.2-.3.4-.3.8v.8c0 .2.1.5.1.8.1.2.2.4.4.6.1.1.3.3.4.3.3.2.7.4 1.1.4.1.1.4.1.4.1.1 0 .2.1.3.2.1.1.1.2.1.3 0 .1-.2.7-.7 1-.5.3-1.3.3-1.8-.2l-.2-.2c-.1-.2-.4-.6-.6-.7h-.1s0 .3.1.4c.1.1.1.2.2.2.1.2.3.4.3.6.3.6.7.7.8.8.3.1.8 0 1 0 .1 0 .2 0 .3.1.1.1.1.2.1.3v1.7c0 .1-.1.2-.1.3H6zM7.5.8C3.8.8.8 3.8.8 7.5c0 3 2 5.6 4.8 6.4v-.8c-.3 0-.6 0-.9-.1-.3-.1-.9-.3-1.3-1.2 0-.1-.2-.3-.3-.4-.1-.1-.1-.2-.2-.3-.3-.4-.3-1 0-1.3.1-.2.5-.3.8-.1.1 0 .2.1.3.1l-.1-.1c-.2-.3-.4-.6-.5-.9-.1-.3-.2-.6-.2-1 0-.3-.1-.6 0-1s.2-.8.4-1.1c0-.1.1-.1.1-.2v-.1c0-.2-.1-.5-.1-.7 0-.3.1-.5.2-.9.2-.1.3-.2.5-.2s.6 0 .9.2c.3.1.6.2.8.4.3-.1.7-.1 1.1-.2h1.4c.3 0 .7.1 1 .2l.2-.1c.1-.1.3-.2.5-.2.3-.1.5-.2.8-.3h.2c.2 0 .4.1.5.3.1.4.3.9.2 1.4V5.6c.2.4.4.9.5 1.4v.6c0 .4-.1.7-.2 1-.1.4-.3.7-.5 1-.2.3-.5.5-.7.6-.4.2-.8.4-1.2.5.1.3.2.5.2.9v2.2c2.6-1 4.3-3.5 4.3-6.3C14.2 3.8 11.2.8 7.5.8zM4.3 10c.2.2.3.4.5.6 0 .1.1.1.1.1.2.3.6.3.8.1l.1-.1h-.1c-.5-.1-.9-.3-1.3-.5 0-.1-.1-.1-.1-.2z" id="circledgithub"/></svg>') background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14.8"><style>.st0{fill:%23949899;}</style><path class="st0" d="M6 14.8c-.1 0-.1 0 0 0-3.5-.7-6-3.8-6-7.3C0 3.4 3.4 0 7.5 0S15 3.4 15 7.5c0 3.3-2.1 6.2-5.3 7.2-.1 0-.2 0-.3-.1-.1-.1-.2-.2-.2-.3v-2.7c0-.3 0-.5-.1-.7 0-.1-.1-.2-.1-.2l-.1-.1c-.1-.1-.1-.3-.1-.4.1-.1.2-.2.3-.2h.2c.5-.1.9-.2 1.3-.4.2-.1.4-.3.5-.4.1-.2.3-.4.3-.7.1-.2.1-.5.1-.8v-.5c-.1-.5-.2-.8-.5-1.2 0-.2-.1-.4 0-.6V5.1c0-.3 0-.5-.1-.8-.2 0-.3.1-.5.2s-.3.2-.5.3l-.1.1c-.1.1-.3.1-.4.1-.3-.1-.6-.1-1-.2H7.1c-.3 0-.7.1-1 .2-.1 0-.2 0-.4-.1-.3-.2-.5-.3-.8-.4-.1 0-.2-.1-.4-.1 0 .2-.1.3-.1.5s0 .3.1.5v.1c0 .1 0 .3-.1.4V6s-.1.1-.1.2c-.2.2-.3.4-.3.8v.8c0 .2.1.5.1.8.1.2.2.4.4.6.1.1.3.3.4.3.3.2.7.4 1.1.4.1.1.4.1.4.1.1 0 .2.1.3.2.1.1.1.2.1.3 0 .1-.2.7-.7 1-.5.3-1.3.3-1.8-.2l-.2-.2c-.1-.2-.4-.6-.6-.7h-.1s0 .3.1.4c.1.1.1.2.2.2.1.2.3.4.3.6.3.6.7.7.8.8.3.1.8 0 1 0 .1 0 .2 0 .3.1.1.1.1.2.1.3v1.7c0 .1-.1.2-.1.3H6zM7.5.8C3.8.8.8 3.8.8 7.5c0 3 2 5.6 4.8 6.4v-.8c-.3 0-.6 0-.9-.1-.3-.1-.9-.3-1.3-1.2 0-.1-.2-.3-.3-.4-.1-.1-.1-.2-.2-.3-.3-.4-.3-1 0-1.3.1-.2.5-.3.8-.1.1 0 .2.1.3.1l-.1-.1c-.2-.3-.4-.6-.5-.9-.1-.3-.2-.6-.2-1 0-.3-.1-.6 0-1s.2-.8.4-1.1c0-.1.1-.1.1-.2v-.1c0-.2-.1-.5-.1-.7 0-.3.1-.5.2-.9.2-.1.3-.2.5-.2s.6 0 .9.2c.3.1.6.2.8.4.3-.1.7-.1 1.1-.2h1.4c.3 0 .7.1 1 .2l.2-.1c.1-.1.3-.2.5-.2.3-.1.5-.2.8-.3h.2c.2 0 .4.1.5.3.1.4.3.9.2 1.4V5.6c.2.4.4.9.5 1.4v.6c0 .4-.1.7-.2 1-.1.4-.3.7-.5 1-.2.3-.5.5-.7.6-.4.2-.8.4-1.2.5.1.3.2.5.2.9v2.2c2.6-1 4.3-3.5 4.3-6.3C14.2 3.8 11.2.8 7.5.8zM4.3 10c.2.2.3.4.5.6 0 .1.1.1.1.1.2.3.6.3.8.1l.1-.1h-.1c-.5-.1-.9-.3-1.3-.5 0-.1-.1-.1-.1-.2z" id="circledgithub"/></svg>')
.icon-github-circle .icon-github-circle
display: inline-block display: inline-block
width: 1.2em width: 1.2em

26
app/styles/app/modules/row.sass
View File

@ -18,10 +18,13 @@
color: $grey-dark color: $grey-dark
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
h2, h3 h2, h3, small
margin: 0 margin: 0
font-weight: $font-weight-normal font-weight: $font-weight-normal
font-size: 16px font-size: 16px
small
font-weight: $font-weight-bold
margin-right: 1em
.row-header .row-header
width: 100% width: 100%
@ -53,7 +56,7 @@
.two-line .two-line
@extend %row-element @extend %row-element
padding: .4em 0 padding: .4em 0
margin-left: 2em margin-left: 1em
text-align: left text-align: left
@media #{$medium-up} @media #{$medium-up}
@ -76,12 +79,21 @@
display: inline-block display: inline-block
vertical-align: middle vertical-align: middle
.avatar
display: inline-block
width: 16px
height: 16px
margin: 0 .4em 0 .1em
border-radius: 50%
vertical-align: middle
background-color: #E9EBEB
@include statusColors($green, 'passed', 10px) @include statusColors($green, 'passed', 10px)
@include statusColors($red, 'failed', 10px) @include statusColors($red, 'failed', 10px)
@include statusColors($red, 'errored', 10px) @include statusColors($red, 'errored', 10px)
@include statusColors($grey, 'canceled', 10px) @include statusColors($grey, 'canceled', 10px)
@include statusColors($yellow, 'started', 10px, #e5da3f) @include statusColors($yellow, 'started', 10px, #e5da3f, true)
@include statusColors($yellow, 'queued', 10px, #e5da3f) @include statusColors($yellow, 'queued', 10px, #e5da3f, true)
@include statusColors($yellow, 'booting', 10px, #e5da3f) @include statusColors($yellow, 'booting', 10px, #e5da3f, true)
@include statusColors($yellow, 'received', 10px, #e5da3f) @include statusColors($yellow, 'received', 10px, #e5da3f, true)
@include statusColors($yellow, 'created', 10px, #e5da3f) @include statusColors($yellow, 'created', 10px, #e5da3f, true)

5
app/styles/app/modules/tooltips.sass
View File

@ -10,7 +10,7 @@
background-color: #818383 background-color: #818383
border-radius: 4px border-radius: 4px
color: $white color: $white
font-size: $font-size-sm font-size: 12px
line-height: 1.3 line-height: 1.3
text-align: center text-align: center
white-space: nowrap white-space: nowrap
@ -71,7 +71,6 @@
top: -4em top: -4em
left: -1.9em left: -1.9em
height: 3.2em height: 3.2em
font-size: 12px
&:before &:before
left: 2em left: 2em
@ -93,7 +92,6 @@
left: -.5em left: -.5em
height: 3.2em height: 3.2em
padding: .3em .4em padding: .3em .4em
font-size: 12px
&:before &:before
left: 0.6em left: 0.6em
.tooltip-trigger .tooltip-trigger
@ -104,7 +102,6 @@
top: -2.2em top: -2.2em
height: 1.6em height: 1.6em
padding: 0.1em .4em padding: 0.1em .4em
font-size: 12px
&:before &:before
left: 0 left: 0
right: 0 right: 0

44
app/templates/components/branch-row.hbs
View File

@ -48,22 +48,7 @@
</div> </div>
<div class="row-calendar"> <div class="row-calendar">
<div class="row-item" title="{{pretty-date build.last_build.finished_at}}"> <div class="row-item" title="{{pretty-date build.last_build.finished_at}}">
<span class="icon"> <span class="icon-calendar"></span>
<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="label-align"> <span class="label-align">
{{#if build.last_build}} {{#if build.last_build}}
{{format-time build.last_build.finished_at}} {{format-time build.last_build.finished_at}}
@ -77,32 +62,7 @@
<div class="row-commit"> <div class="row-commit">
<div class="row-item"> <div class="row-item">
<a href="{{urlGithubCommit}}" title="commit on GitHub"> <a href="{{urlGithubCommit}}" title="commit on GitHub">
<span class="icon"> <span class="icon-github"></span>
<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>
</span>
<span class="label-align"> <span class="label-align">
{{#if build.last_build}} {{#if build.last_build}}
{{format-sha build.last_build.commit.sha}} {{format-sha build.last_build.commit.sha}}

4
app/templates/components/build-repo-actions.hbs
View File

@ -2,7 +2,7 @@
{{#if cancelling}} {{#if cancelling}}
{{loading-indicator height=true}} {{loading-indicator height=true}}
{{else}} {{else}}
<a href="#" {{action "cancel"}} class="button-circle-cancel" title="Cancel Build"> <a {{action "cancel"}} class="button-circle-cancel" title="Cancel Build">
Cancel build Cancel build
</a> </a>
{{/if}} {{/if}}
@ -12,7 +12,7 @@
{{#if restarting}} {{#if restarting}}
{{loading-indicator height=true}} {{loading-indicator height=true}}
{{else}} {{else}}
<a href="#" {{action "restart"}} class="button-circle-trigger" title="Restart Build"> <a {{action "restart"}} class="button-circle-trigger" title="Restart Build">
Trigger build Trigger build
</a> </a>
{{/if}} {{/if}}

68
app/templates/components/builds-item.hbs
View File

@ -1,52 +1,52 @@
<div class="tile-status"> <div class="two-line fade-out">
<span class="icon icon-status {{build.state}}" title="{{build.state}}"></span> <h2 class="row-item {{build.state}}">
<span class="request-kind icon {{build.eventType}}" title="{{build.eventType}}"></span> {{status-icon status=build.state}}
</div>
<div class="column tile-main medium-6">
<h2>
{{#if build.isPullRequest}} {{#if build.isPullRequest}}
<small>PR #{{build.pullRequestNumber}}</small>
{{#link-to "build" build.repo build}} {{#link-to "build" build.repo build}}
<small>PR #{{build.pullRequestNumber}}</small>
{{{format-message build.pullRequestTitle short="true" repoBinding=build.repo}}} {{{format-message build.pullRequestTitle short="true" repoBinding=build.repo}}}
{{/link-to}} {{/link-to}}
{{else}} {{else}}
<small>{{build.commit.branch}}</small>
{{#link-to "build" build.repo build}} {{#link-to "build" build.repo build}}
<small>{{build.commit.branch}}</small>
{{{format-message build.commit.message short="true" repoBinding=build.repo}}} {{{format-message build.commit.message short="true" repoBinding=build.repo}}}
{{/link-to}} {{/link-to}}
{{/if}} {{/if}}
</h2> </h2>
<p class="tile-author"><img src={{urlAuthorGravatarImage}} alt=""> <div class="row-item row-committer">
{{build.commit.committerName}} committed <img class="avatar" src={{urlAuthorGravatarImage}} alt="{{build.commit.committerName}} avatar">
</p> <span class="label-align">{{build.commit.committerName}} committed</span>
</div>
</div> </div>
<div class="column tile-additional medium-6 end">
<div class="column small-6"> <div class="two-line">
<p class="build-status"> <h3 class="row-item {{build.state}}">
{{#if build.id}} {{#if build.id}}
{{#link-to "build" build.repo build}} {{#link-to "build" build.repo build}}
<span class="icon icon-hash"></span> {{request-icon event=build.eventType state=build.state}}
{{build.number}} {{build.state}} <span class="label-align">#{{build.number}} {{build.state}}</span>
{{/link-to}} {{/link-to}}
{{/if}} {{/if}}
</p> </h3>
<p> <div class="row-item">
<a href="{{urlGithubCommit}}"> <a href="{{urlGithubCommit}}" title="See the commit on GitHub">
<span class="icon icon-github"></span> <span class="icon-github"></span>
{{format-sha build.commit.sha}} <span class="label-align">{{format-sha build.commit.sha}}</span>
</a> </a>
</p> </div>
</div> </div>
<div class="column small-6"> <div class="two-line">
<p title="{{format-duration build.duration}}"> <div class="row-item">
<span class="icon icon-clock"></span> <div title="{{format-duration build.duration}}">
{{format-duration build.duration}} <span class="icon-clock"></span>
</p> <span class="label-align">{{format-duration build.duration}}</span>
<p title="{{pretty-date build.formattedFinishedAt}}"> </div>
<span class="icon icon-cal"></span> </div>
{{format-time build.finishedAt}} <div class="row-item">
</p> <div title="{{pretty-date build.formattedFinishedAt}}">
<span class="icon-calendar"></span>
<span class="label-align">{{format-time build.finishedAt}}</span>
</div>
</div> </div>
</div> </div>

2
app/templates/components/repos-list-item.hbs
View File

@ -10,7 +10,7 @@
{{#with repo.lastBuildHash as lastBuild}} {{#with repo.lastBuildHash as lastBuild}}
{{#if repo.slug}} {{#if repo.slug}}
{{#if lastBuild.id}} {{#if lastBuild.id}}
<p class="tile-title float-right {{repo.lastBuild.state}}"> <p class="tile-title float-right {{repo.lastBuildState}}">
{{#link-to "build" repo lastBuild.id}} {{#link-to "build" repo lastBuild.id}}
<span class="icon-hash"></span> <span class="icon-hash"></span>
<span class="label-align">{{lastBuild.number}}</span> <span class="label-align">{{lastBuild.number}}</span>