add elapsed time
This commit is contained in:
Lisa P
parent
9baadcfd9e
commit
576409ba1e
|
|
@ -1,6 +1,7 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { gravatarImage } from 'travis/utils/urls'`
|
||||
`import GithubUrlPropertievs from 'travis/mixins/github-url-properties'`
|
||||
`import { durationFrom, safe } from 'travis/utils/helpers'`
|
||||
|
||||
BuildHeaderComponent = Ember.Component.extend
|
||||
|
||||
|
|
@ -20,4 +21,8 @@ BuildHeaderComponent = Ember.Component.extend
|
|||
if @get('item.build') then true else false
|
||||
).property('item')
|
||||
|
||||
elapsedTime: (->
|
||||
durationFrom(@get('item.startedAt'), @get('item.finishedAt'))
|
||||
).property('item.startedAt', 'item.finishedAt', 'item.duration')
|
||||
|
||||
`export default BuildHeaderComponent`
|
||||
|
|
|
|||
|
|
@ -24,7 +24,6 @@ Build = Model.extend DurationCalculations,
|
|||
jobs: DS.hasMany('job', async: true)
|
||||
|
||||
config: (->
|
||||
console.log('config')
|
||||
if config = @get('_config')
|
||||
compact(config)
|
||||
else if @get('currentState.stateName') != 'root.loading'
|
||||
|
|
|
|||
|
|
@ -1,14 +1,3 @@
|
|||
.repo-title
|
||||
margin: 0
|
||||
font-size: 36px
|
||||
font-weight: $font-weight-normal
|
||||
a
|
||||
color: #808080
|
||||
border-bottom: 2px solid transparent
|
||||
transition: border-color 100ms ease
|
||||
&:hover,
|
||||
&:active
|
||||
border-color: #808080
|
||||
|
||||
.repo-header
|
||||
header
|
||||
|
|
@ -18,6 +7,18 @@
|
|||
justify-content: flex-start
|
||||
align-items: center
|
||||
|
||||
.repo-title
|
||||
margin: 0
|
||||
font-size: 36px
|
||||
font-weight: $font-weight-normal
|
||||
a
|
||||
color: #808080
|
||||
border-bottom: 2px solid transparent
|
||||
transition: border-color 100ms ease
|
||||
&:hover,
|
||||
&:active
|
||||
border-color: #808080
|
||||
|
||||
.repo-gh
|
||||
width: 28px
|
||||
height: 28px
|
||||
|
|
|
|||
|
|
@ -104,12 +104,20 @@
|
|||
background:
|
||||
size: auto 22px
|
||||
repeat: no-repeat
|
||||
position: 0 0
|
||||
position: 0 2px
|
||||
.commit-calendar
|
||||
@extend %icon-line-calendar
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 20px
|
||||
repeat: no-repeat
|
||||
position: 1px 1px
|
||||
position: 1px 3px
|
||||
.commit-stopwatch
|
||||
@extend %icon-line-stopwatch
|
||||
padding-left: 1.7em
|
||||
margin-bottom: 1rem
|
||||
background:
|
||||
size: auto 18px
|
||||
repeat: no-repeat
|
||||
position: 4px 3px
|
||||
|
||||
|
|
|
|||
|
|
@ -81,11 +81,14 @@
|
|||
@extend %icon-line-calendar
|
||||
|
||||
%icon-line-clock
|
||||
background-image: inline-image('line-icons/icon-clock.svg')
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-289 191 20 20"><style>.st0{fill:%23A5ACAD;}</style><path class="st0" d="M-278.9 207.7c-3.7 0-6.7-3-6.7-6.7s3-6.7 6.7-6.7 6.7 3 6.7 6.7-3 6.7-6.7 6.7zm0-12.3c-3.1 0-5.6 2.5-5.6 5.6s2.5 5.6 5.6 5.6c3.1 0 5.6-2.5 5.6-5.6s-2.5-5.6-5.6-5.6z"/><path class="st0" d="M-276.7 203.1c-.1 0-.2 0-.3-.1l-2.4-1.5c-.2-.1-.2-.3-.2-.4v-3.8c0-.3.2-.5.5-.5s.5.2.5.5v3.5l2.1 1.4c.2.2.3.5.2.7-.1.1-.2.2-.4.2z"/></svg>')
|
||||
.icon-line-clock
|
||||
@extend %icon
|
||||
@extend %icon-line-clock
|
||||
|
||||
%icon-line-stopwatch
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-506.8 377.5 17.5 19.5"><style>.st0{fill:%23A5ACAD;}</style><path class="st0" d="M-499.4 397c-4.1 0-7.4-3.3-7.4-7.4s3.3-7.4 7.4-7.4 7.4 3.3 7.4 7.4-3.4 7.4-7.4 7.4zm0-13.4c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1-2.8-6.1-6.1-6.1z"/><path class="st0" d="M-497.1 392c-.1 0-.2 0-.4-.1l-2.6-1.7c-.2-.1-.3-.3-.3-.5v-4.1c0-.4.3-.6.6-.6s.6.3.6.6v3.8l2.3 1.5c.3.2.4.6.2.9.1.1-.2.2-.4.2zM-499.4 381.9c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2zm0-3.1c-.5 0-.9.4-.9.9s.4.9.9.9.9-.4.9-.9-.4-.9-.9-.9zM-491.3 387.6c-.3 0-.7-.2-.8-.5l-1.1-2.1c-.2-.5-.1-1 .4-1.3l1.1-.6c.5-.2 1-.1 1.3.4l1.1 2.1c.2.5.1 1-.4 1.3l-1.1.6c-.2.1-.4.1-.5.1zm-.7-3l.8 1.5.4-.2-.8-1.5-.4.2z"/></svg>')
|
||||
|
||||
.icon-line-build
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-build.svg')
|
||||
|
|
|
|||
|
|
@ -56,9 +56,9 @@
|
|||
{{/if}}
|
||||
</h3>
|
||||
<ul class="list-icon">
|
||||
<li><span title="{{format-duration item.duration}}" class="commit-clock">{{#if item.isFinished}}ran{{else}}running{{/if}} for {{format-duration item.duration}}</span></li>
|
||||
{{!-- <li><span>Elapsed time</span></li> --}}
|
||||
<li><span title="{{pretty-date item.finishedAt}}" class="commit-calendar">{{format-time item.finishedAt}}</span></li>
|
||||
<li title="{{format-duration item.duration}}" class="commit-clock">{{#if item.isFinished}}Total time{{else}}Running{{/if}} for {{format-duration item.duration}}</li>
|
||||
<li title="{{format-duration elapsedTime}}" class="commit-stopwatch">Elapsed time {{format-duration elapsedTime}}</li>
|
||||
<li title="{{pretty-date item.finishedAt}}" class="commit-calendar">{{format-time item.finishedAt}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="build-tools">
|
||||
|
|
|
|||
27
public/images/line-icons/icon-stopwatch.svg
Normal file
27
public/images/line-icons/icon-stopwatch.svg
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="-506.8 377.5 17.5 19.5" style="enable-background:new -506.8 377.5 17.5 19.5;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#939798;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M-499.4,397c-4.1,0-7.4-3.3-7.4-7.4s3.3-7.4,7.4-7.4s7.4,3.3,7.4,7.4S-495.4,397-499.4,397z M-499.4,383.6
|
||||
c-3.3,0-6.1,2.7-6.1,6.1s2.7,6.1,6.1,6.1s6.1-2.7,6.1-6.1S-496.1,383.6-499.4,383.6z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M-497.1,392c-0.1,0-0.2,0-0.4-0.1l-2.6-1.7c-0.2-0.1-0.3-0.3-0.3-0.5v-4.1c0-0.4,0.3-0.6,0.6-0.6
|
||||
s0.6,0.3,0.6,0.6v3.8l2.3,1.5c0.3,0.2,0.4,0.6,0.2,0.9C-496.6,391.9-496.9,392-497.1,392z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M-499.4,381.9c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S-498.2,381.9-499.4,381.9z
|
||||
M-499.4,378.8c-0.5,0-0.9,0.4-0.9,0.9s0.4,0.9,0.9,0.9c0.5,0,0.9-0.4,0.9-0.9S-498.9,378.8-499.4,378.8z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M-491.3,387.6c-0.3,0-0.7-0.2-0.8-0.5l-1.1-2.1c-0.2-0.5-0.1-1,0.4-1.3l1.1-0.6c0.5-0.2,1-0.1,1.3,0.4
|
||||
l1.1,2.1c0.2,0.5,0.1,1-0.4,1.3l-1.1,0.6C-491,387.6-491.2,387.6-491.3,387.6z M-492,384.6l0.8,1.5l0.4-0.2l-0.8-1.5L-492,384.6z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in New Issue
Block a user