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')
|
||||
tagName: 'li'
|
||||
classNameBindings: ['build.last_build.state']
|
||||
classNames: ['branch-row']
|
||||
classNames: ['branch-row', 'row-li']
|
||||
isLoading: false
|
||||
isTriggering: false
|
||||
hasTriggered: false
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ DashboardRowComponent = Ember.Component.extend
|
|||
|
||||
tagName: 'li'
|
||||
classNameBindings: ['repo.default_branch.last_build.state']
|
||||
classNames: ['dashboard-row']
|
||||
classNames: ['dashboard-row', 'row-li']
|
||||
isLoading: false
|
||||
isTriggering: false
|
||||
hasTriggered: false
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
OwnerRepoTileComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNames: ['owner-tile']
|
||||
classNames: ['owner-tile', 'row-li']
|
||||
classNameBindings: ['repo.default_branch.last_build.state']
|
||||
|
||||
ownerName: (->
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@ Controller = Ember.Controller.extend
|
|||
org = @get('org')
|
||||
|
||||
repos = repos.filter (item, index) ->
|
||||
console.log(item)
|
||||
item.get('default_branch.last_build') != null
|
||||
.sortBy('default_branch.last_build.finished_at')
|
||||
.reverse()
|
||||
|
|
|
|||
|
|
@ -24,6 +24,7 @@
|
|||
|
||||
@import "app/animation/tractor";
|
||||
|
||||
@import "app/modules/row";
|
||||
@import "app/modules/loader";
|
||||
@import "app/modules/tiles";
|
||||
@import "app/modules/buttons";
|
||||
|
|
|
|||
|
|
@ -29,17 +29,6 @@
|
|||
padding: 0
|
||||
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
|
||||
position: absolute
|
||||
top: 0
|
||||
|
|
@ -66,7 +55,6 @@
|
|||
font-weight: 400
|
||||
|
||||
|
||||
|
||||
// @todo simplyfiy coloring mixins
|
||||
|
||||
@mixin colorStatusIcons($color, $status)
|
||||
|
|
@ -92,7 +80,8 @@
|
|||
&.#{$status}
|
||||
background: linear-gradient(to right, $color2 0%, $color2 9px, white 9px, white 100%) no-repeat
|
||||
.row-name,
|
||||
.row-request a
|
||||
.row-request a,
|
||||
.row-color a
|
||||
color: $color
|
||||
&:hover
|
||||
border-color: $color
|
||||
|
|
|
|||
|
|
@ -4,19 +4,6 @@
|
|||
margin: 1.5em 0 0.7em
|
||||
|
||||
.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
|
||||
display: inline-block
|
||||
|
|
@ -27,21 +14,10 @@
|
|||
vertical-align: middle
|
||||
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}
|
||||
& > div:first-of-type
|
||||
width: 30%
|
||||
padding-left: 1em
|
||||
& > div:nth-of-type(2)
|
||||
width: 20%
|
||||
& > div:nth-of-type(3)
|
||||
|
|
@ -50,6 +26,7 @@
|
|||
// width: 5%
|
||||
& > div:nth-of-type(4)
|
||||
width: 28%
|
||||
float: right
|
||||
@media #{$large-up}
|
||||
& > div:nth-of-type(2)
|
||||
width: 21%
|
||||
|
|
@ -60,53 +37,17 @@
|
|||
& > div:nth-of-type(4)
|
||||
width: 25%
|
||||
|
||||
@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)
|
||||
|
||||
%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
|
||||
.row-last-build
|
||||
@media #{$medium-up}
|
||||
display: block
|
||||
|
||||
.row-last-build
|
||||
@media #{$medium-up}
|
||||
padding-left: 1em
|
||||
&:before
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
background-color: #EFF0EC;
|
||||
position: absolute;
|
||||
height: 3.7em;
|
||||
margin-left: -1em;
|
||||
padding-left: 1em
|
||||
&:before
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
background-color: #EFF0EC;
|
||||
position: absolute;
|
||||
height: 3.7em;
|
||||
margin-left: -1em;
|
||||
|
||||
// @todo refactor into dropup module
|
||||
%dropup
|
||||
|
|
@ -222,10 +163,6 @@
|
|||
path
|
||||
fill: $teal-dark
|
||||
|
||||
.label-align
|
||||
vertical-align: middle
|
||||
line-height: 1.5
|
||||
|
||||
// @todo refactor to status-icon module
|
||||
.status-icon
|
||||
.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
|
||||
.centered
|
||||
|
|
@ -33,51 +16,20 @@
|
|||
margin: 3rem 0 5rem
|
||||
list-style-type: none
|
||||
|
||||
|
||||
.dashboard-active li
|
||||
|
||||
border: 1px solid $cream-dark
|
||||
font-size: 16px
|
||||
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
|
||||
margin-left: 2em
|
||||
text-align: left
|
||||
.two-line
|
||||
padding: .1em 0
|
||||
|
||||
.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
|
||||
.row-item h2
|
||||
font-size: 18px
|
||||
|
||||
@media #{$medium-up}
|
||||
& > div:first-of-type
|
||||
width: 28%
|
||||
width: 30%
|
||||
position: relative
|
||||
padding-left: 1em
|
||||
&:after
|
||||
|
|
@ -100,26 +52,3 @@
|
|||
li
|
||||
border: none
|
||||
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
|
||||
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
|
||||
text-transform: capitalize
|
||||
|
||||
.repo
|
||||
@extend %one-line
|
||||
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)
|
||||
.owner-tile
|
||||
padding: .4em 0 .3em
|
||||
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-direction: row
|
||||
flex-flow: space-between
|
||||
align-items: baseline
|
||||
height: 3.8em
|
||||
padding: .8em 0
|
||||
|
||||
.build
|
||||
width: grid-calc(2, 12)
|
||||
.branch
|
||||
width: grid-calc(2, 12)
|
||||
.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')
|
||||
|
||||
|
||||
& > div:first-of-type
|
||||
width: 30%
|
||||
padding-left: 1em
|
||||
& > div:nth-of-type(2)
|
||||
width: 10%
|
||||
& > div:nth-of-type(3)
|
||||
width: 15%
|
||||
& > div:nth-of-type(4)
|
||||
width: 15%
|
||||
& > div:nth-of-type(5)
|
||||
width: 25%
|
||||
|
|
|
|||
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 class="two-line row-last-build">
|
||||
<div class="two-line row-last-build fade-out">
|
||||
<div class="row-request">
|
||||
<div class="row-item">
|
||||
{{#if build.last_build}}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
<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>
|
||||
<h2>{{#link-to "repo" repo.owner.login repo.name}}<span class="label-align">{{repo.name}}</span>{{/link-to}}</h2>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,87 +1,99 @@
|
|||
{{!-- {{#if repo.private }}
|
||||
<div class="tile-lock"><span class="icon icon-lock"></span></div>
|
||||
{{/if}} --}}
|
||||
<div class="repo fade-out">
|
||||
<h2 class="repo-title">
|
||||
{{status-icon status=repo.default_branch.last_build.state}}
|
||||
{{#link-to "repo" ownerName repoName }}
|
||||
<span class="label-align">{{repoName}}</span>
|
||||
{{/link-to}}
|
||||
</h2>
|
||||
<div class="row-item fade-out">
|
||||
<div clas="one-line">
|
||||
<h2 class="repo-title">
|
||||
{{status-icon status=repo.default_branch.last_build.state}}
|
||||
{{#link-to "repo" ownerName repoName }}
|
||||
<span class="label-align">{{repoName}}</span>
|
||||
{{/link-to}}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{{#if repo.default_branch.last_build}}
|
||||
<div class="build">
|
||||
{{#link-to "build" ownerName repoName repo.default_branch.last_build.id}}
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<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.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
|
||||
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,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
|
||||
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-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
|
||||
<div class="row-item">
|
||||
<div class="one-line">
|
||||
{{#link-to "build" ownerName repoName repo.default_branch.last_build.id}}
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<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.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
|
||||
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,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
|
||||
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-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>
|
||||
</span>
|
||||
<span>{{repo.default_branch.last_build.number}}</span>
|
||||
{{/link-to}}
|
||||
<span class="label-align">{{format-sha repo.default_branch.last_build.commit.sha}}</span>
|
||||
</a>
|
||||
</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="commit">
|
||||
<a href="{{repo.default_branch.last_build.commit.compare_url}}">
|
||||
|
||||
<div class="row-item fade-out">
|
||||
<div class="one-line">
|
||||
<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"/>
|
||||
<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">{{format-sha repo.default_branch.last_build.commit.sha}}</span>
|
||||
</a>
|
||||
</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>
|
||||
<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}}
|
||||
<p>there is no build</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user