diff --git a/app/models/build.coffee b/app/models/build.coffee index 46f4c8a8..5f3c3c4a 100644 --- a/app/models/build.coffee +++ b/app/models/build.coffee @@ -89,8 +89,8 @@ Build = Model.extend DurationCalculations, ).property('rawConfigKeys.length') canCancel: (-> - !@get('isFinished') && @get('jobs').filter( (j) -> j.get('canCancel') ).get('length') > 0 - ).property('isFinished', 'jobs.@each.canCancel') + @get('jobs').filter( (j) -> j.get('canCancel') ).get('length') > 0 + ).property('jobs.@each.canCancel') cancel: (-> Ajax.post "/builds/#{@get('id')}/cancel" diff --git a/app/models/log.coffee b/app/models/log.coffee index b72551a0..fd4c0471 100644 --- a/app/models/log.coffee +++ b/app/models/log.coffee @@ -41,6 +41,8 @@ Log = Ember.Object.extend isLoaded: false length: 0 + hasContent: Ember.computed.gt('parts.length', 0) + fetchMissingParts: (partNumbers, after) -> return if @get('notStarted') diff --git a/app/styles/app/_mixins/mixins.sass b/app/styles/app/_mixins/mixins.sass index f84b3b0e..443d540a 100644 --- a/app/styles/app/_mixins/mixins.sass +++ b/app/styles/app/_mixins/mixins.sass @@ -24,4 +24,19 @@ @mixin border-bottom-radius($radius) border-bottom-left-radius: $radius - border-bottom-right-radius: $radius \ No newline at end of file + border-bottom-right-radius: $radius + +@mixin border-top-radius($radius) + border-top-left-radius: $radius + border-top-right-radius: $radius + +%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 \ No newline at end of file diff --git a/app/styles/app/_mixins/vars.sass b/app/styles/app/_mixins/vars.sass index b3697b69..49d1bf7a 100644 --- a/app/styles/app/_mixins/vars.sass +++ b/app/styles/app/_mixins/vars.sass @@ -53,4 +53,7 @@ $error-sand: #dcc682 // tabs $tab-nav-inactive-bg: #f8f8f8 $tab-nav-inactive-bg-hover: $white -$tab-active-bg: $blue-grey-light \ No newline at end of file +$tab-active-bg: $blue-grey-light + +// log +$log-header-bg: #444444 \ No newline at end of file diff --git a/app/styles/app/components/buttons.sass b/app/styles/app/components/buttons.sass index c3bfbe88..9a30af1f 100644 --- a/app/styles/app/components/buttons.sass +++ b/app/styles/app/components/buttons.sass @@ -93,3 +93,21 @@ $button-border-color: #d4d4d4 .button--fixedwidth width: 8em +// temp +#auth #navigation .button--signin + display: none + +.button--grey + height: 22px + padding: 0 10px 0 10px + background-color: #696867 + color: #f2f2f2 + // line-height: 1.45 + font-size: $font-size-small + border: none + @extend %border-radius-4px + &:hover, + &:active + background-color: lighten(#696867, 10) + &:focus + background-color: #696867 diff --git a/app/styles/app/main/log.sass b/app/styles/app/main/log.sass index e85f6256..70893a44 100644 --- a/app/styles/app/main/log.sass +++ b/app/styles/app/main/log.sass @@ -1,20 +1,110 @@ -pre#log +.log position: relative - clear: left - min-height: 12px - margin-top: 25px - margin-top: 1em - padding: 15px 0 - color: $color-text-log - font-family: monospace - font-size: $font-size-log - line-height: $line-height-log - white-space: pre-wrap - word-wrap: break-word - background-color: #2a2a2a - border-radius: 4px - counter-reset: line-numbering + margin-top: 35px + + .log-tail + z-index: 99 + position: absolute + display: block + top: 0 + right: 2px + margin: 13px 10px 0 0 + padding: 0 2px 0 3px + color: #666 + text-shadow: 0px 1px 0px #fff + font-family: "Source Sans Pro", Helvetica, sans-serif + font-size: $font-size-tiny + line-height: 14px + text-decoration: none + white-space: nowrap + border: 1px solid #bbb + border-top-color: #ddd + border-bottom-color: #bbb + border-radius: 8px + background: linear-gradient(#fff, #e0e0e0) + + label + display: none + cursor: pointer + + &:hover + padding: 1px 4px 1px 6px + label + display: inline + + &.scrolling + position: fixed + right: 32px + + &.bottom + bottom: 45px + top: inherit + + .status + display: inline-block + margin-right: 1px + width: 8px + height: 8px + background-color: #aaa + border-radius: 4px + box-shadow: $white 1px 1px 2px + + &.active .status + background-color: #6b0 + + .to-top + z-index: 99 + position: absolute + display: block + bottom: 2px + right: 2px + + margin-right: 2px + padding-right: 16px + text-align: right + color: #999 + background: inline-image('ui/workers-close.svg') no-repeat right 6px + +.log-header + height: 44px + margin: 0 + padding: .9em .8em .6em + text-align: right + background-color: $log-header-bg + @extend %border-top-4px + .icon + display: inline-block + background: + size: 100% + repeat: no-repeat + width: 1.3em + height: 1.1em + margin-right: 6px + vertical-align: middle + .icon--downloadLog + background-image: inline-image('icons/download-log-icon.svg') + .icon--removeLog + background-image: inline-image('icons/remove-log-icon.svg') + a + margin-left: .4em + +.log-body + position: relative + pre + clear: left + min-height: 42px + padding: 15px 0 + color: $color-text-log + font-family: monospace + font-size: $font-size-log + line-height: $line-height-log + white-space: pre-wrap + word-wrap: break-word + background-color: #2a2a2a + counter-reset: line-numbering + margin-top: 0 + @extend %border-bottom-4px .cut padding: 20px 15px 0 55px @@ -95,74 +185,5 @@ pre#log border-radius: 6px color: #bbb - -#log.loading - padding: 25px 0 0 10px - -#log-container - position: relative - margin-top: 35px - -#log-container - #tail - z-index: 99 - position: absolute - display: block - top: 0 - right: 2px - margin: 13px 10px 0 0 - padding: 0 2px 0 3px - color: #666 - text-shadow: 0px 1px 0px #fff - font-family: "Source Sans Pro", Helvetica, sans-serif - font-size: $font-size-tiny - line-height: 14px - text-decoration: none - white-space: nowrap - border: 1px solid #bbb - border-top-color: #ddd - border-bottom-color: #bbb - border-radius: 8px - background: linear-gradient(#fff, #e0e0e0) - - label - display: none - cursor: pointer - - &:hover - padding: 1px 4px 1px 6px - label - display: inline - - &.scrolling - position: fixed - right: 32px - - &.bottom - bottom: 45px - top: inherit - - .status - display: inline-block - margin-right: 1px - width: 8px - height: 8px - background-color: #aaa - border-radius: 4px - box-shadow: $white 1px 1px 2px - - &.active .status - background-color: #6b0 - - .to-top - z-index: 99 - position: absolute - display: block - bottom: 2px - right: 2px - - margin-right: 2px - padding-right: 16px - text-align: right - color: #999 - background: inline-image('ui/workers-close.svg') no-repeat right 6px + .loading + padding: 25px 0 0 10px diff --git a/app/styles/app/main/tools.sass b/app/styles/app/main/tools.sass index 15062e94..6e3ccefe 100644 --- a/app/styles/app/main/tools.sass +++ b/app/styles/app/main/tools.sass @@ -88,12 +88,6 @@ li.cancel-build a, li.cancel-job a background-image: inline-image('icons/off.svg') - li.download-log a - background-image: inline-image('icons/download-log.svg') - - li.remove-log a - background-image: inline-image('icons/delete-log.svg') - li.code-climate a background-image: inline-image('icons/code-climate-icon.svg') diff --git a/app/styles/app/pro.sass b/app/styles/app/pro.sass index 89ecd0eb..564c99db 100644 --- a/app/styles/app/pro.sass +++ b/app/styles/app/pro.sass @@ -60,7 +60,7 @@ position: absolute display: block right: 0 - margin: -45px 40px 0 0 + margin: -54px 30px 0 0 padding-right: 25px &:before @@ -73,6 +73,8 @@ .activate:before background: inline-image('ui/activate.png') no-repeat 0 0 + background-position: 0px 5px + height: 100% .activate:hover:before, .activate:focus:before, diff --git a/app/styles/app/profile.sass b/app/styles/app/profile.sass index 7545fcb7..8b6b5c30 100644 --- a/app/styles/app/profile.sass +++ b/app/styles/app/profile.sass @@ -50,4 +50,4 @@ .sync_now float: right - margin-top: -3px + margin-top: -6px diff --git a/app/templates/jobs/pre.hbs b/app/templates/jobs/pre.hbs index c8793760..15cc5ac4 100644 --- a/app/templates/jobs/pre.hbs +++ b/app/templates/jobs/pre.hbs @@ -1,23 +1,33 @@ -
- This log is too long to be displayed. Please reduce the verbosity of your - build or download the raw log. -
- {{/if}} -+ This log is too long to be displayed. Please reduce the verbosity of your + build or download the raw log. +
+ {{/if}} +