diff --git a/app/components/build-header.coffee b/app/components/build-header.coffee index 61c4a7cb..5448b23e 100644 --- a/app/components/build-header.coffee +++ b/app/components/build-header.coffee @@ -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` diff --git a/app/models/build.coffee b/app/models/build.coffee index 27ff2c8d..621305bf 100644 --- a/app/models/build.coffee +++ b/app/models/build.coffee @@ -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' diff --git a/app/styles/app/layouts/repo.sass b/app/styles/app/layouts/repo.sass index 365ccc13..a8ccb4e8 100644 --- a/app/styles/app/layouts/repo.sass +++ b/app/styles/app/layouts/repo.sass @@ -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 diff --git a/app/styles/app/modules/build-header.sass b/app/styles/app/modules/build-header.sass index 25f9263d..0059880f 100644 --- a/app/styles/app/modules/build-header.sass +++ b/app/styles/app/modules/build-header.sass @@ -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 diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass index 76283f8b..577e22e5 100644 --- a/app/styles/app/modules/icons.sass +++ b/app/styles/app/modules/icons.sass @@ -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,') .icon-line-clock @extend %icon @extend %icon-line-clock +%icon-line-stopwatch + background-image: url('data:image/svg+xml;utf8,') + .icon-line-build @extend %icon background-image: inline-image('line-icons/icon-build.svg') diff --git a/app/templates/components/build-header.hbs b/app/templates/components/build-header.hbs index 3088b78c..a1cd8b19 100644 --- a/app/templates/components/build-header.hbs +++ b/app/templates/components/build-header.hbs @@ -56,9 +56,9 @@ {{/if}}
diff --git a/public/images/line-icons/icon-stopwatch.svg b/public/images/line-icons/icon-stopwatch.svg new file mode 100644 index 00000000..3d171829 --- /dev/null +++ b/public/images/line-icons/icon-stopwatch.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + +