work on branches templates
This commit is contained in:
Lisa P
parent
05f9b0df7e
commit
fe67ce0882
|
|
@ -7,17 +7,13 @@
|
||||||
BranchRowComponent = Ember.Component.extend
|
BranchRowComponent = Ember.Component.extend
|
||||||
|
|
||||||
tagName: 'li'
|
tagName: 'li'
|
||||||
classNameBindings: ['build.state']
|
classNameBindings: ['build.last_build.state']
|
||||||
classNames: ['branch-row']
|
classNames: ['branch-row']
|
||||||
isLoading: true
|
isLoading: true
|
||||||
|
|
||||||
urlAuthorGravatarImage: (->
|
|
||||||
gravatarImage(@get('build.commit.authorEmail'), 15)
|
|
||||||
).property('build.commit.authorEmail')
|
|
||||||
|
|
||||||
urlGithubCommit: (->
|
urlGithubCommit: (->
|
||||||
githubCommitUrl(@get('build.repo.slug'), @get('build.commit.sha'))
|
githubCommitUrl(@get('build.repository.slug'), @get('build.last_build.commit.sha'))
|
||||||
).property('build.commit.sha')
|
).property('build.last_build')
|
||||||
|
|
||||||
getLast5Builds: (->
|
getLast5Builds: (->
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,19 +4,23 @@ RequestIconComponent = Ember.Component.extend
|
||||||
|
|
||||||
tagName: 'span'
|
tagName: 'span'
|
||||||
classNames: ['icon-request']
|
classNames: ['icon-request']
|
||||||
classNameBindings: ['build.state']
|
classNameBindings: ['build.last_build.state']
|
||||||
|
|
||||||
isPush: (->
|
isPush: (->
|
||||||
@get('build.eventType') == 'push'
|
@get('build.last_build.event_type') == 'push'
|
||||||
).property('build.eventType')
|
).property('build.last_build')
|
||||||
|
|
||||||
isPR: (->
|
isPR: (->
|
||||||
@get('build.eventType') == 'pull_request'
|
@get('build.last_build.event_type') == 'pull_request'
|
||||||
).property('build.eventType')
|
).property('build.last_build')
|
||||||
|
|
||||||
isAPI: (->
|
isAPI: (->
|
||||||
@get('build.eventType') == 'api'
|
@get('build.last_build.event_type') == 'api'
|
||||||
).property('build.eventType')
|
).property('build.last_build')
|
||||||
|
|
||||||
|
isEmpty: (->
|
||||||
|
true if @get('build.last_build') == null
|
||||||
|
).property('build.last_build')
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,30 +4,34 @@ StatusIconComponent = Ember.Component.extend
|
||||||
|
|
||||||
tagName: 'span'
|
tagName: 'span'
|
||||||
classNames: ['status-icon']
|
classNames: ['status-icon']
|
||||||
classNameBindings: ['build.state']
|
classNameBindings: ['build.last_build.state']
|
||||||
|
|
||||||
hasPassed: (->
|
hasPassed: (->
|
||||||
@get('build.state') == 'passed'
|
@get('build.last_build.state') == 'passed'
|
||||||
).property('build.state')
|
).property('build.last_build.state')
|
||||||
|
|
||||||
hasFailed: (->
|
hasFailed: (->
|
||||||
@get('build.state') == 'failed'
|
@get('build.last_build.state') == 'failed'
|
||||||
).property('build.state')
|
).property('build.last_build.state')
|
||||||
|
|
||||||
hasErrored: (->
|
hasErrored: (->
|
||||||
@get('build.state') == 'errored'
|
@get('build.last_build.state') == 'errored'
|
||||||
).property('build.state')
|
).property('build.last_build.state')
|
||||||
|
|
||||||
wasCanceled: (->
|
wasCanceled: (->
|
||||||
@get('build.state') == 'canceled'
|
@get('build.last_build.state') == 'canceled'
|
||||||
).property('build.state')
|
).property('build.last_build.state')
|
||||||
|
|
||||||
isRunning: (->
|
isRunning: (->
|
||||||
@get('build.state') == 'started' ||
|
@get('build.last_build.state') == 'started' ||
|
||||||
@get('build.state') == 'queued' ||
|
@get('build.last_build.state') == 'queued' ||
|
||||||
@get('build.state') == 'booting' ||
|
@get('build.last_build.state') == 'booting' ||
|
||||||
@get('build.state') == 'received' ||
|
@get('build.last_build.state') == 'received' ||
|
||||||
@get('build.state') == 'created'
|
@get('build.last_build.state') == 'created'
|
||||||
).property('build.state')
|
).property('build.last_build.state')
|
||||||
|
|
||||||
|
isEmpty: (->
|
||||||
|
true if @get('build.last_build') == null
|
||||||
|
).property('build.last_build')
|
||||||
|
|
||||||
`export default StatusIconComponent`
|
`export default StatusIconComponent`
|
||||||
|
|
|
||||||
|
|
@ -6,18 +6,20 @@ BranchesController = Ember.Controller.extend
|
||||||
|
|
||||||
defaultBranch: (->
|
defaultBranch: (->
|
||||||
repos = @get('model')
|
repos = @get('model')
|
||||||
|
console.log(repos[0])
|
||||||
# repos = repos.filter (item, index) ->
|
repos[0]
|
||||||
# item.get('owner.login') == org
|
|
||||||
|
|
||||||
).property('model')
|
).property('model')
|
||||||
|
|
||||||
activeBranches: (->
|
activeBranches: (->
|
||||||
repos = @get('model')
|
repos = @get('model')
|
||||||
|
repos = repos.filter (item, index) ->
|
||||||
|
item if item.exists_on_github == true
|
||||||
).property('model')
|
).property('model')
|
||||||
|
|
||||||
inactiveBranches: (->
|
inactiveBranches: (->
|
||||||
repos = @get('model')
|
repos = @get('model')
|
||||||
|
repos = repos.filter (item, index) ->
|
||||||
|
item if item.exists_on_github == false
|
||||||
).property('model')
|
).property('model')
|
||||||
|
|
||||||
actions:
|
actions:
|
||||||
|
|
|
||||||
|
|
@ -12,15 +12,7 @@ Route = TravisRoute.extend
|
||||||
if @get('auth.signedIn')
|
if @get('auth.signedIn')
|
||||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||||
|
|
||||||
# $.ajax("#{apiEndpoint}/v3/repo/#{repoId}/branch/master", options).then (response) ->
|
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/branches?include=build.commit", options).then (response) ->
|
||||||
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/builds?branch.name=master&limit=5", options).then (response) ->
|
response.branches
|
||||||
|
|
||||||
console.log(response)
|
|
||||||
# response.repositories.sortBy('last_build.finished_at').filter( (repo) ->
|
|
||||||
# repo.last_build
|
|
||||||
# ).map( (repo) ->
|
|
||||||
# Ember.Object.create(repo)
|
|
||||||
# )
|
|
||||||
|
|
||||||
|
|
||||||
`export default Route`
|
`export default Route`
|
||||||
|
|
|
||||||
|
|
@ -54,8 +54,8 @@
|
||||||
@include buildTileColors(#D94341, #FFF7F5, 'failed')
|
@include buildTileColors(#D94341, #FFF7F5, 'failed')
|
||||||
@include buildTileColors(#D94341, #FFF7F5, 'errored')
|
@include buildTileColors(#D94341, #FFF7F5, 'errored')
|
||||||
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
|
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
|
||||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'started')
|
@include buildTileColors(#bfb502, #fdfcee, 'started')
|
||||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'queued')
|
@include buildTileColors(#bfb502, #fdfcee, 'queued')
|
||||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'booting')
|
@include buildTileColors(#bfb502, #fdfcee, 'booting')
|
||||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'received')
|
@include buildTileColors(#bfb502, #fdfcee, 'received')
|
||||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'created')
|
@include buildTileColors(#bfb502, #fdfcee, 'created')
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
@mixin statusColors($color, $status)
|
@mixin statusColors($color, $status, $color2: $color)
|
||||||
&.#{$status}
|
&.#{$status}
|
||||||
background: linear-gradient(to right, $color 0%, $color 9px, white 10px, white 100%) no-repeat
|
background: linear-gradient(to right, $color2 0%, $color2 9px, white 10px, white 100%) no-repeat
|
||||||
.branch-name,
|
.branch-name,
|
||||||
.branch-request a
|
.branch-request a
|
||||||
color: $color
|
color: $color
|
||||||
|
|
@ -10,12 +10,9 @@
|
||||||
.icon-request g > *
|
.icon-request g > *
|
||||||
fill: $color
|
fill: $color
|
||||||
|
|
||||||
|
.branches
|
||||||
// .tabbody
|
.small-title
|
||||||
// ul
|
margin: 1.5em 0 0.7em
|
||||||
// padding: 0
|
|
||||||
// margin: 0
|
|
||||||
// list-style: none
|
|
||||||
|
|
||||||
.branch-row
|
.branch-row
|
||||||
border: 1px solid $cream-dark
|
border: 1px solid $cream-dark
|
||||||
|
|
@ -23,6 +20,7 @@
|
||||||
text-align: right
|
text-align: right
|
||||||
margin-bottom: .3rem
|
margin-bottom: .3rem
|
||||||
color: $grey-dark
|
color: $grey-dark
|
||||||
|
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
||||||
|
|
||||||
span
|
span
|
||||||
width: 1.3em
|
width: 1.3em
|
||||||
|
|
@ -32,10 +30,13 @@
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
|
|
||||||
.avatar
|
.avatar
|
||||||
|
display: inline-block
|
||||||
width: 16px
|
width: 16px
|
||||||
|
height: 16px
|
||||||
margin-right: .7em
|
margin-right: .7em
|
||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
|
background-color: #E9EBEB
|
||||||
|
|
||||||
.row-item
|
.row-item
|
||||||
margin: .2em
|
margin: .2em
|
||||||
|
|
@ -69,11 +70,11 @@
|
||||||
@include statusColors($red-dark, 'failed')
|
@include statusColors($red-dark, 'failed')
|
||||||
@include statusColors($red-dark, 'errored')
|
@include statusColors($red-dark, 'errored')
|
||||||
@include statusColors($grey-medium, 'canceled')
|
@include statusColors($grey-medium, 'canceled')
|
||||||
@include statusColors(#ECCE4B, 'started')
|
@include statusColors(#bfb502, 'started', #e5db29)
|
||||||
@include statusColors(#ECCE4B, 'queued')
|
@include statusColors(#bfb502, 'queued', #e5db29)
|
||||||
@include statusColors(#ECCE4B, 'booting')
|
@include statusColors(#bfb502, 'booting', #e5db29)
|
||||||
@include statusColors(#ECCE4B, 'received')
|
@include statusColors(#bfb502, 'received', #e5db29)
|
||||||
@include statusColors(#ECCE4B, 'created')
|
@include statusColors(#bfb502, 'created', #e5db29)
|
||||||
|
|
||||||
|
|
||||||
%row-element
|
%row-element
|
||||||
|
|
@ -207,7 +208,7 @@
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
width: 5px
|
width: 5px
|
||||||
height: 5px
|
height: 5px
|
||||||
border: solid 2px #ECCE4B
|
border: solid 2px #e5db29
|
||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
transform-origin: center center
|
transform-origin: center center
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,36 +1,37 @@
|
||||||
|
<div class="branches">
|
||||||
|
<section>
|
||||||
|
<h2 class="small-title">Default Branch</h2>
|
||||||
|
<ul class="blank-list">
|
||||||
|
{{branch-row build=defaultBranch}}
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2 class="small-title">Default Branch</h2>
|
<h2 class="small-title">Active Branches</h2>
|
||||||
<ul class="blank-list">
|
<ul class="blank-list">
|
||||||
{{branch-row build=defaultBranch}}
|
{{#each branch in activeBranches}}
|
||||||
</ul>
|
{{branch-row build=branch}}
|
||||||
</section>
|
{{else}}
|
||||||
|
<li>There are no active branches</li>
|
||||||
|
{{/each}}
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2 class="small-title">Active Branches</h2>
|
<h2 class="small-title">Inactive Branches</h2>
|
||||||
<ul class="blank-list">
|
<ul class="blank-list">
|
||||||
{{#each branch in activeBranches}}
|
{{#each branch in inactiveBranches}}
|
||||||
{{branch-row build=branch}}
|
{{branch-row build=branch}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<li>There are no active branches</li>
|
<li>There are no inactive branches</li>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
|
||||||
<h2 class="small-title">Inactive Branches</h2>
|
|
||||||
<ul class="blank-list">
|
|
||||||
{{#each branch in inactiveBranches}}
|
|
||||||
{{branch-row build=branch}}
|
|
||||||
{{else}}
|
|
||||||
<li>There are no inactive branches</li>
|
|
||||||
{{/each}}
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
{{!-- {{#if content.isLoaded}} --}}
|
{{!-- {{#if content.isLoaded}} --}}
|
||||||
|
|
||||||
{{!-- {{else}}
|
{{!-- {{else}}
|
||||||
{{loading-indicator}}
|
{{loading-indicator}}
|
||||||
{{/if}} --}}
|
{{/if}} --}}
|
||||||
|
</div>
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<div class="two-line">
|
<div class="two-line">
|
||||||
<div class="branch-name">
|
<div class="branch-name">
|
||||||
<h2 class="row-item">{{status-icon build=build}}{{build.commit.branch}}</h2>
|
<h2 class="row-item">{{status-icon build=build}}{{build.name}}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="branch-builds">
|
<div class="branch-builds">
|
||||||
<div class="row-item"><a href="#">
|
<div class="row-item"><a href="#">
|
||||||
|
|
@ -18,21 +18,30 @@
|
||||||
V6.7L9.6,5.9V7.9z M6.4,7.9h2.2V5.7L8.1,5.7l-1.7,0V7.9z M3.6,7.9h1.8v-2l-2,0.7l0,0.4C3.5,7.2,3.5,7.6,3.6,7.9z M6.4,4.7h1.7
|
V6.7L9.6,5.9V7.9z M6.4,7.9h2.2V5.7L8.1,5.7l-1.7,0V7.9z M3.6,7.9h1.8v-2l-2,0.7l0,0.4C3.5,7.2,3.5,7.6,3.6,7.9z M6.4,4.7h1.7
|
||||||
l0.5,0.1V4c-0.1,0-0.4-0.1-0.9-0.2c0,0-0.1,0-0.1,0L6.4,3.5V4.7z"/>
|
l0.5,0.1V4c-0.1,0-0.4-0.1-0.9-0.2c0,0-0.1,0-0.1,0L6.4,3.5V4.7z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg></span>
|
||||||
</span>~ builds</a></div>
|
{{#if build.last_build}}
|
||||||
|
~ builds
|
||||||
|
{{else}}
|
||||||
|
0 builds
|
||||||
|
{{/if}}
|
||||||
|
</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="two-line">
|
<div class="two-line">
|
||||||
<div class="branch-request">
|
<div class="branch-request">
|
||||||
<div class="row-item">
|
<div class="row-item">
|
||||||
{{#link-to "build" build.repo build}}
|
{{#if build.last_build}}
|
||||||
{{request-icon build=build}}
|
{{#link-to "build" build.repository.slug build.last_build.id}}
|
||||||
#{{build.number}} {{build.state}}
|
{{request-icon build=build}}
|
||||||
{{/link-to}}
|
#{{build.last_build.number}} {{build.last_build.state}}
|
||||||
</div>
|
{{/link-to}}
|
||||||
|
{{else}}
|
||||||
|
{{request-icon build=build}} -
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="branch-calendar">
|
<div class="branch-calendar">
|
||||||
<div class="row-item" title="{{pretty-date build.formattedFinishedAt}}">
|
<div class="row-item" title="{{pretty-date build.last_build.finished_at}}">
|
||||||
<span class="">
|
<span class="">
|
||||||
<svg viewBox="0 0 20 20">
|
<svg viewBox="0 0 20 20">
|
||||||
<g id="Cal">
|
<g id="Cal">
|
||||||
|
|
@ -49,7 +58,12 @@
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
{{format-time build.finishedAt}}</div>
|
{{#if build.last_build}}
|
||||||
|
{{format-time build.last_build.finished_at}}
|
||||||
|
{{else}}
|
||||||
|
-
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="two-line">
|
<div class="two-line">
|
||||||
|
|
@ -57,7 +71,7 @@
|
||||||
<div class="row-item">
|
<div class="row-item">
|
||||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||||
<span class="">
|
<span class="">
|
||||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
<svg x="0px" y="0px" viewBox="2 0 20 20" xml:space="preserve">
|
||||||
<g id="Commit">
|
<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
|
<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
|
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
|
||||||
|
|
@ -82,10 +96,21 @@
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
{{format-sha build.commit.sha}}</a></div>
|
{{#if build.last_build}}
|
||||||
|
{{format-sha build.last_build.commit.sha}}
|
||||||
|
{{else}}
|
||||||
|
-
|
||||||
|
{{/if}}
|
||||||
|
</a></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="branch-commiter">
|
<div class="branch-commiter">
|
||||||
<div class="row-item"><img src="{{urlAuthorGravatarImage}}" alt="avatar" class="avatar">{{build.commit.committerName}}</div>
|
<div class="row-item">
|
||||||
|
{{#if build.last_build}}
|
||||||
|
<img src="{{build.last_build.commit.committer.avatar_url}}" alt="avatar" class="avatar">{{build.last_build.commit.committer.name}}
|
||||||
|
{{else}}
|
||||||
|
<div class="avatar"></div> no commits yet
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="one-line">
|
<div class="one-line">
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
{{#if isPush}}
|
{{#if isEmpty}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
<g id="Push">
|
<g id="Push">
|
||||||
|
|
@ -7,35 +7,46 @@
|
||||||
c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
|
c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
{{/if}}
|
{{else}}
|
||||||
|
{{#if isPush}}
|
||||||
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
|
<g id="Push">
|
||||||
|
<path fill="#A7AEAE" d="M16.9,9.4h-3.5c-0.3-1.6-1.7-2.8-3.4-2.8S6.9,7.8,6.6,9.4H3.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h3.5
|
||||||
|
c0.3,1.6,1.7,2.8,3.4,2.8s3.1-1.2,3.4-2.8h3.5c0.3,0,0.6-0.3,0.6-0.6S17.2,9.4,16.9,9.4z M10,12.2c-1.2,0-2.2-1-2.2-2.2
|
||||||
|
c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
{{#if isPR}}
|
{{#if isPR}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
<g id="Pull">
|
<g id="Pull">
|
||||||
<path fill="#A7AEAE" d="M8,4.5C8,3.1,6.9,2,5.5,2S3,3.1,3,4.5c0,1.1,0.8,2.1,1.8,2.4v6.5c-1,0.3-1.8,1.2-1.8,2.4
|
<path fill="#A7AEAE" d="M8,4.5C8,3.1,6.9,2,5.5,2S3,3.1,3,4.5c0,1.1,0.8,2.1,1.8,2.4v6.5c-1,0.3-1.8,1.2-1.8,2.4
|
||||||
c0,1.4,1.1,2.5,2.5,2.5S8,17,8,15.7c0-1.1-0.8-2.1-1.8-2.4V6.8C7.2,6.6,8,5.6,8,4.5z M4.3,4.5c0-0.6,0.5-1.2,1.2-1.2
|
c0,1.4,1.1,2.5,2.5,2.5S8,17,8,15.7c0-1.1-0.8-2.1-1.8-2.4V6.8C7.2,6.6,8,5.6,8,4.5z M4.3,4.5c0-0.6,0.5-1.2,1.2-1.2
|
||||||
s1.2,0.5,1.2,1.2S6.1,5.6,5.5,5.6S4.3,5.1,4.3,4.5z M6.7,15.7c0,0.6-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
|
s1.2,0.5,1.2,1.2S6.1,5.6,5.5,5.6S4.3,5.1,4.3,4.5z M6.7,15.7c0,0.6-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
|
||||||
S6.7,15,6.7,15.7z"/>
|
S6.7,15,6.7,15.7z"/>
|
||||||
<path fill="#A7AEAE" d="M15.1,13.3v-6c0-1-0.3-1.9-0.9-2.4c-1-0.9-2.4-0.8-2.4-0.8h-1c0.3-0.3,0.7-0.7,1-1c0.3-0.3,0.3-0.7,0-0.9
|
<path fill="#A7AEAE" d="M15.1,13.3v-6c0-1-0.3-1.9-0.9-2.4c-1-0.9-2.4-0.8-2.4-0.8h-1c0.3-0.3,0.7-0.7,1-1c0.3-0.3,0.3-0.7,0-0.9
|
||||||
s-0.7-0.3-0.9,0c-1.2,1.2-1.7,1.7-2,2C8.8,4.2,8.7,4.3,8.6,4.4c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
|
s-0.7-0.3-0.9,0c-1.2,1.2-1.7,1.7-2,2C8.8,4.2,8.7,4.3,8.6,4.4c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
|
||||||
c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.3c0.3,0.3,0.8,0.9,2,2c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2
|
c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.3c0.3,0.3,0.8,0.9,2,2c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2
|
||||||
c0.3-0.3,0.3-0.7,0-0.9c-0.3-0.3-0.7-0.7-1-1l1,0c0,0,0.9,0,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.5v6.1c-1,0.3-1.8,1.2-1.8,2.4
|
c0.3-0.3,0.3-0.7,0-0.9c-0.3-0.3-0.7-0.7-1-1l1,0c0,0,0.9,0,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.5v6.1c-1,0.3-1.8,1.2-1.8,2.4
|
||||||
c0,1.4,1.1,2.5,2.5,2.5S17,17,17,15.7C17,14.5,16.2,13.6,15.1,13.3z M14.5,16.8c-0.6,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
|
c0,1.4,1.1,2.5,2.5,2.5S17,17,17,15.7C17,14.5,16.2,13.6,15.1,13.3z M14.5,16.8c-0.6,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
|
||||||
s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
|
s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if isAPI}}
|
{{#if isAPI}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
<g id="API">
|
<g id="API">
|
||||||
<path fill="#A7AEAE" d="M16.2,15.6H3.8c-0.8,0-1.5-0.7-1.5-1.6V8.5c0-0.8,0.7-1.6,1.5-1.6h0.3v-1c0-0.8,0.7-1.6,1.5-1.6h2.5
|
<path fill="#A7AEAE" d="M16.2,15.6H3.8c-0.8,0-1.5-0.7-1.5-1.6V8.5c0-0.8,0.7-1.6,1.5-1.6h0.3v-1c0-0.8,0.7-1.6,1.5-1.6h2.5
|
||||||
c0.8,0,1.5,0.7,1.5,1.6v1h0.6v-1c0-0.8,0.7-1.6,1.5-1.6h2.6c0.8,0,1.5,0.7,1.5,1.6v1h0.5c0.8,0,1.5,0.7,1.5,1.6v5.6
|
c0.8,0,1.5,0.7,1.5,1.6v1h0.6v-1c0-0.8,0.7-1.6,1.5-1.6h2.6c0.8,0,1.5,0.7,1.5,1.6v1h0.5c0.8,0,1.5,0.7,1.5,1.6v5.6
|
||||||
C17.6,14.9,17,15.6,16.2,15.6z M3.8,8.2c0,0-0.2,0.1-0.2,0.3v5.6c0,0,0,0.3,0.2,0.3h12.4c0,0,0.2-0.1,0.2-0.3V8.5
|
C17.6,14.9,17,15.6,16.2,15.6z M3.8,8.2c0,0-0.2,0.1-0.2,0.3v5.6c0,0,0,0.3,0.2,0.3h12.4c0,0,0.2-0.1,0.2-0.3V8.5
|
||||||
c0,0,0-0.3-0.2-0.3H15c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3h-2.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H8.9
|
c0,0,0-0.3-0.2-0.3H15c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3h-2.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H8.9
|
||||||
c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3H5.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H3.8z"/>
|
c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3H5.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H3.8z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
|
||||||
|
|
@ -1,50 +1,61 @@
|
||||||
|
|
||||||
{{#if hasPassed}}
|
{{#if isEmpty}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
<g id="NoBuild">
|
||||||
<g id="Passed">
|
<g>
|
||||||
<path fill="#A7AEAE" d="M9.6,14.4c-0.1,0-0.3-0.1-0.4-0.1l-4-3.3c-0.3-0.2-0.3-0.6-0.1-0.9S5.8,9.8,6.1,10l3.4,2.8l4.9-7.5
|
<path fill="#A7AEAE" d="M10,16.2c-3.4,0-6.1-2.8-6.1-6.2S6.6,3.8,10,3.8s6.1,2.8,6.1,6.2S13.4,16.2,10,16.2z M10,5.2
|
||||||
C14.6,5,15,4.9,15.3,5.1c0.3,0.2,0.4,0.6,0.2,0.9l-5.3,8.1C10.1,14.3,9.9,14.4,9.6,14.4C9.7,14.4,9.7,14.4,9.6,14.4z"/>
|
c-2.7,0-4.9,2.2-4.9,4.8s2.2,4.8,4.9,4.8s4.9-2.2,4.9-4.8S12.7,5.2,10,5.2z"/>
|
||||||
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
{{/if}}
|
{{else}}
|
||||||
|
{{#if hasPassed}}
|
||||||
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
|
<g id="Passed">
|
||||||
|
<path fill="#A7AEAE" d="M9.6,14.4c-0.1,0-0.3-0.1-0.4-0.1l-4-3.3c-0.3-0.2-0.3-0.6-0.1-0.9S5.8,9.8,6.1,10l3.4,2.8l4.9-7.5
|
||||||
|
C14.6,5,15,4.9,15.3,5.1c0.3,0.2,0.4,0.6,0.2,0.9l-5.3,8.1C10.1,14.3,9.9,14.4,9.6,14.4C9.7,14.4,9.7,14.4,9.6,14.4z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
{{#if hasFailed}}
|
{{#if hasFailed}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
<g id="Failed">
|
<g id="Failed">
|
||||||
<path fill="#A7AEAE" d="M10.9,10l3.9-3.9c0.2-0.2,0.2-0.6,0-0.9c-0.2-0.2-0.6-0.2-0.9,0L10,9.1L6.1,5.2c-0.2-0.2-0.6-0.2-0.9,0
|
<path fill="#A7AEAE" d="M10.9,10l3.9-3.9c0.2-0.2,0.2-0.6,0-0.9c-0.2-0.2-0.6-0.2-0.9,0L10,9.1L6.1,5.2c-0.2-0.2-0.6-0.2-0.9,0
|
||||||
c-0.2,0.2-0.2,0.6,0,0.9L9.1,10l-3.9,3.9c-0.2,0.2-0.2,0.6,0,0.9C5.3,14.9,5.5,15,5.6,15s0.3-0.1,0.4-0.2l3.9-3.9l3.9,3.9
|
c-0.2,0.2-0.2,0.6,0,0.9L9.1,10l-3.9,3.9c-0.2,0.2-0.2,0.6,0,0.9C5.3,14.9,5.5,15,5.6,15s0.3-0.1,0.4-0.2l3.9-3.9l3.9,3.9
|
||||||
c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.9L10.9,10z"/>
|
c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.9L10.9,10z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if wasCanceled}}
|
{{#if wasCanceled}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||||
<g id="Cancelled">
|
<g id="Cancelled">
|
||||||
<path fill="#A7AEAE" d="M10,3.3c-3.7,0-6.6,3-6.6,6.7s3,6.7,6.6,6.7s6.6-3,6.6-6.7S13.7,3.3,10,3.3z M15.4,10
|
<path fill="#A7AEAE" d="M10,3.3c-3.7,0-6.6,3-6.6,6.7s3,6.7,6.6,6.7s6.6-3,6.6-6.7S13.7,3.3,10,3.3z M15.4,10
|
||||||
c0,1.3-0.5,2.5-1.3,3.4L6.5,6C7.5,5.2,8.7,4.7,10,4.7C13,4.7,15.4,7,15.4,10z M4.6,10c0-1.2,0.4-2.2,1-3.1l7.5,7.4
|
c0,1.3-0.5,2.5-1.3,3.4L6.5,6C7.5,5.2,8.7,4.7,10,4.7C13,4.7,15.4,7,15.4,10z M4.6,10c0-1.2,0.4-2.2,1-3.1l7.5,7.4
|
||||||
c-0.9,0.7-2,1-3.2,1C7,15.3,4.6,13,4.6,10z"/>
|
c-0.9,0.7-2,1-3.2,1C7,15.3,4.6,13,4.6,10z"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if hasErrored}}
|
{{#if hasErrored}}
|
||||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||||
viewBox="-519 391 20 20" style="enable-background:new -519 391 20 20;" xml:space="preserve">
|
viewBox="-519 391 20 20" style="enable-background:new -518 391 20 20;" xml:space="preserve">
|
||||||
<g>
|
<g>
|
||||||
<path fill="#A5ACAD" d="M-508.9,403.2c-0.3,0-0.6-0.3-0.6-0.6V395c0-0.3,0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6v7.6
|
<path fill="#A5ACAD" d="M-508.9,403.2c-0.3,0-0.6-0.3-0.6-0.6V395c0-0.3,0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6v7.6
|
||||||
C-508.2,402.9-508.5,403.2-508.9,403.2z"/>
|
C-508.2,402.9-508.5,403.2-508.9,403.2z"/>
|
||||||
<circle fill="#A5ACAD" cx="-508.9" cy="406.5" r="1.2"/>
|
<circle fill="#A5ACAD" cx="-508.9" cy="406.5" r="1.2"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if isRunning}}
|
{{#if isRunning}}
|
||||||
<div class="is-rotating">
|
<div class="is-rotating">
|
||||||
<span class="circle"></span>
|
<span class="circle"></span>
|
||||||
<span class="circle"></span>
|
<span class="circle"></span>
|
||||||
</div>
|
</div>
|
||||||
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
Loading…
Reference in New Issue
Block a user