work on branches templates
This commit is contained in:
Lisa P
parent
05f9b0df7e
commit
fe67ce0882
|
|
@ -7,17 +7,13 @@
|
|||
BranchRowComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNameBindings: ['build.state']
|
||||
classNameBindings: ['build.last_build.state']
|
||||
classNames: ['branch-row']
|
||||
isLoading: true
|
||||
|
||||
urlAuthorGravatarImage: (->
|
||||
gravatarImage(@get('build.commit.authorEmail'), 15)
|
||||
).property('build.commit.authorEmail')
|
||||
|
||||
urlGithubCommit: (->
|
||||
githubCommitUrl(@get('build.repo.slug'), @get('build.commit.sha'))
|
||||
).property('build.commit.sha')
|
||||
githubCommitUrl(@get('build.repository.slug'), @get('build.last_build.commit.sha'))
|
||||
).property('build.last_build')
|
||||
|
||||
getLast5Builds: (->
|
||||
|
||||
|
|
|
|||
|
|
@ -4,19 +4,23 @@ RequestIconComponent = Ember.Component.extend
|
|||
|
||||
tagName: 'span'
|
||||
classNames: ['icon-request']
|
||||
classNameBindings: ['build.state']
|
||||
classNameBindings: ['build.last_build.state']
|
||||
|
||||
isPush: (->
|
||||
@get('build.eventType') == 'push'
|
||||
).property('build.eventType')
|
||||
@get('build.last_build.event_type') == 'push'
|
||||
).property('build.last_build')
|
||||
|
||||
isPR: (->
|
||||
@get('build.eventType') == 'pull_request'
|
||||
).property('build.eventType')
|
||||
@get('build.last_build.event_type') == 'pull_request'
|
||||
).property('build.last_build')
|
||||
|
||||
isAPI: (->
|
||||
@get('build.eventType') == 'api'
|
||||
).property('build.eventType')
|
||||
@get('build.last_build.event_type') == 'api'
|
||||
).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'
|
||||
classNames: ['status-icon']
|
||||
classNameBindings: ['build.state']
|
||||
classNameBindings: ['build.last_build.state']
|
||||
|
||||
hasPassed: (->
|
||||
@get('build.state') == 'passed'
|
||||
).property('build.state')
|
||||
@get('build.last_build.state') == 'passed'
|
||||
).property('build.last_build.state')
|
||||
|
||||
hasFailed: (->
|
||||
@get('build.state') == 'failed'
|
||||
).property('build.state')
|
||||
@get('build.last_build.state') == 'failed'
|
||||
).property('build.last_build.state')
|
||||
|
||||
hasErrored: (->
|
||||
@get('build.state') == 'errored'
|
||||
).property('build.state')
|
||||
@get('build.last_build.state') == 'errored'
|
||||
).property('build.last_build.state')
|
||||
|
||||
wasCanceled: (->
|
||||
@get('build.state') == 'canceled'
|
||||
).property('build.state')
|
||||
@get('build.last_build.state') == 'canceled'
|
||||
).property('build.last_build.state')
|
||||
|
||||
isRunning: (->
|
||||
@get('build.state') == 'started' ||
|
||||
@get('build.state') == 'queued' ||
|
||||
@get('build.state') == 'booting' ||
|
||||
@get('build.state') == 'received' ||
|
||||
@get('build.state') == 'created'
|
||||
).property('build.state')
|
||||
@get('build.last_build.state') == 'started' ||
|
||||
@get('build.last_build.state') == 'queued' ||
|
||||
@get('build.last_build.state') == 'booting' ||
|
||||
@get('build.last_build.state') == 'received' ||
|
||||
@get('build.last_build.state') == 'created'
|
||||
).property('build.last_build.state')
|
||||
|
||||
isEmpty: (->
|
||||
true if @get('build.last_build') == null
|
||||
).property('build.last_build')
|
||||
|
||||
`export default StatusIconComponent`
|
||||
|
|
|
|||
|
|
@ -6,18 +6,20 @@ BranchesController = Ember.Controller.extend
|
|||
|
||||
defaultBranch: (->
|
||||
repos = @get('model')
|
||||
|
||||
# repos = repos.filter (item, index) ->
|
||||
# item.get('owner.login') == org
|
||||
|
||||
console.log(repos[0])
|
||||
repos[0]
|
||||
).property('model')
|
||||
|
||||
activeBranches: (->
|
||||
repos = @get('model')
|
||||
repos = repos.filter (item, index) ->
|
||||
item if item.exists_on_github == true
|
||||
).property('model')
|
||||
|
||||
inactiveBranches: (->
|
||||
repos = @get('model')
|
||||
repos = repos.filter (item, index) ->
|
||||
item if item.exists_on_github == false
|
||||
).property('model')
|
||||
|
||||
actions:
|
||||
|
|
|
|||
|
|
@ -12,15 +12,7 @@ Route = TravisRoute.extend
|
|||
if @get('auth.signedIn')
|
||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
|
||||
# $.ajax("#{apiEndpoint}/v3/repo/#{repoId}/branch/master", options).then (response) ->
|
||||
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/builds?branch.name=master&limit=5", options).then (response) ->
|
||||
|
||||
console.log(response)
|
||||
# response.repositories.sortBy('last_build.finished_at').filter( (repo) ->
|
||||
# repo.last_build
|
||||
# ).map( (repo) ->
|
||||
# Ember.Object.create(repo)
|
||||
# )
|
||||
|
||||
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/branches?include=build.commit", options).then (response) ->
|
||||
response.branches
|
||||
|
||||
`export default Route`
|
||||
|
|
|
|||
|
|
@ -54,8 +54,8 @@
|
|||
@include buildTileColors(#D94341, #FFF7F5, 'failed')
|
||||
@include buildTileColors(#D94341, #FFF7F5, 'errored')
|
||||
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
|
||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'started')
|
||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'queued')
|
||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'booting')
|
||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'received')
|
||||
@include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.4), 'created')
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'started')
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'queued')
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'booting')
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'received')
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'created')
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@mixin statusColors($color, $status)
|
||||
@mixin statusColors($color, $status, $color2: $color)
|
||||
&.#{$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-request a
|
||||
color: $color
|
||||
|
|
@ -10,12 +10,9 @@
|
|||
.icon-request g > *
|
||||
fill: $color
|
||||
|
||||
|
||||
// .tabbody
|
||||
// ul
|
||||
// padding: 0
|
||||
// margin: 0
|
||||
// list-style: none
|
||||
.branches
|
||||
.small-title
|
||||
margin: 1.5em 0 0.7em
|
||||
|
||||
.branch-row
|
||||
border: 1px solid $cream-dark
|
||||
|
|
@ -23,6 +20,7 @@
|
|||
text-align: right
|
||||
margin-bottom: .3rem
|
||||
color: $grey-dark
|
||||
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
||||
|
||||
span
|
||||
width: 1.3em
|
||||
|
|
@ -32,10 +30,13 @@
|
|||
vertical-align: middle
|
||||
|
||||
.avatar
|
||||
display: inline-block
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin-right: .7em
|
||||
border-radius: 50%
|
||||
vertical-align: middle
|
||||
background-color: #E9EBEB
|
||||
|
||||
.row-item
|
||||
margin: .2em
|
||||
|
|
@ -69,11 +70,11 @@
|
|||
@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')
|
||||
@include statusColors(#bfb502, 'started', #e5db29)
|
||||
@include statusColors(#bfb502, 'queued', #e5db29)
|
||||
@include statusColors(#bfb502, 'booting', #e5db29)
|
||||
@include statusColors(#bfb502, 'received', #e5db29)
|
||||
@include statusColors(#bfb502, 'created', #e5db29)
|
||||
|
||||
|
||||
%row-element
|
||||
|
|
@ -207,7 +208,7 @@
|
|||
vertical-align: middle
|
||||
width: 5px
|
||||
height: 5px
|
||||
border: solid 2px #ECCE4B
|
||||
border: solid 2px #e5db29
|
||||
border-radius: 50%
|
||||
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>
|
||||
<h2 class="small-title">Default Branch</h2>
|
||||
<ul class="blank-list">
|
||||
{{branch-row build=defaultBranch}}
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="small-title">Active Branches</h2>
|
||||
<ul class="blank-list">
|
||||
{{#each branch in activeBranches}}
|
||||
{{branch-row build=branch}}
|
||||
{{else}}
|
||||
<li>There are no active branches</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="small-title">Active Branches</h2>
|
||||
<ul class="blank-list">
|
||||
{{#each branch in activeBranches}}
|
||||
{{branch-row build=branch}}
|
||||
{{else}}
|
||||
<li>There are no active branches</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</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>
|
||||
<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}}
|
||||
{{loading-indicator}}
|
||||
{{/if}} --}}
|
||||
{{!-- {{else}}
|
||||
{{loading-indicator}}
|
||||
{{/if}} --}}
|
||||
</div>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="two-line">
|
||||
<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 class="branch-builds">
|
||||
<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
|
||||
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>
|
||||
</svg>
|
||||
</span>~ builds</a></div>
|
||||
</svg></span>
|
||||
{{#if build.last_build}}
|
||||
~ builds
|
||||
{{else}}
|
||||
0 builds
|
||||
{{/if}}
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-line">
|
||||
<div class="branch-request">
|
||||
<div class="row-item">
|
||||
{{#link-to "build" build.repo build}}
|
||||
{{request-icon build=build}}
|
||||
#{{build.number}} {{build.state}}
|
||||
{{/link-to}}
|
||||
</div>
|
||||
{{#if build.last_build}}
|
||||
{{#link-to "build" build.repository.slug build.last_build.id}}
|
||||
{{request-icon build=build}}
|
||||
#{{build.last_build.number}} {{build.last_build.state}}
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
{{request-icon build=build}} -
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
<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="">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
|
|
@ -49,7 +58,12 @@
|
|||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
{{format-time build.finishedAt}}</div>
|
||||
{{#if build.last_build}}
|
||||
{{format-time build.last_build.finished_at}}
|
||||
{{else}}
|
||||
-
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-line">
|
||||
|
|
@ -57,7 +71,7 @@
|
|||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||
<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">
|
||||
<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
|
||||
|
|
@ -82,10 +96,21 @@
|
|||
</g>
|
||||
</svg>
|
||||
</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 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 class="one-line">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{#if isPush}}
|
||||
{{#if isEmpty}}
|
||||
<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">
|
||||
|
|
@ -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"/>
|
||||
</g>
|
||||
</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}}
|
||||
<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="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
|
||||
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
|
||||
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
|
||||
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.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
|
||||
s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
{{#if isPR}}
|
||||
<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="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
|
||||
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
|
||||
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
|
||||
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.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
|
||||
s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
|
||||
{{#if isAPI}}
|
||||
<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="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
|
||||
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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{#if isAPI}}
|
||||
<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="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
|
||||
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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,50 +1,61 @@
|
|||
|
||||
{{#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"/>
|
||||
{{#if isEmpty}}
|
||||
<svg version="1.1" id="Layer_1" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="NoBuild">
|
||||
<g>
|
||||
<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
|
||||
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>
|
||||
</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}}
|
||||
<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="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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
{{#if hasFailed}}
|
||||
<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="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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
|
||||
{{#if wasCanceled}}
|
||||
<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="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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
{{#if wasCanceled}}
|
||||
<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="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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
|
||||
{{#if hasErrored}}
|
||||
<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">
|
||||
<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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
{{#if hasErrored}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-519 391 20 20" style="enable-background:new -518 391 20 20;" xml:space="preserve">
|
||||
<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
|
||||
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"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
|
||||
{{#if isRunning}}
|
||||
<div class="is-rotating">
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
</div>
|
||||
{{#if isRunning}}
|
||||
<div class="is-rotating">
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
Loading…
Reference in New Issue
Block a user