Lisa P
commit
0ff2f25de4
91
app/components/branch-row.coffee
Normal file
91
app/components/branch-row.coffee
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { gravatarImage } from 'travis/utils/urls'`
|
||||
`import { githubCommit as githubCommitUrl } from 'travis/utils/urls'`
|
||||
`import TravisRoute from 'travis/routes/basic'`
|
||||
`import config from 'travis/config/environment'`
|
||||
|
||||
BranchRowComponent = Ember.Component.extend
|
||||
routing: Ember.inject.service('-routing')
|
||||
tagName: 'li'
|
||||
classNameBindings: ['build.last_build.state']
|
||||
classNames: ['branch-row', 'row-li']
|
||||
isLoading: false
|
||||
isTriggering: false
|
||||
hasTriggered: false
|
||||
|
||||
urlGithubCommit: (->
|
||||
githubCommitUrl(@get('build.repository.slug'), @get('build.last_build.commit.sha'))
|
||||
).property('build.last_build')
|
||||
|
||||
getLast5Builds: (->
|
||||
|
||||
lastBuilds = Ember.ArrayProxy.create(
|
||||
content: [{}, {}, {}, {}, {}]
|
||||
isLoading: true,
|
||||
count: 0
|
||||
)
|
||||
|
||||
if !@get('build.last_build')
|
||||
lastBuilds.set('isLoading', false)
|
||||
else
|
||||
apiEndpoint = config.apiEndpoint
|
||||
repoId = @get('build.repository.id')
|
||||
branchName = @get('build.name')
|
||||
|
||||
options = {}
|
||||
if @get('auth.signedIn')
|
||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
|
||||
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/builds?branch.name=#{branchName}&limit=5", options).then (response) ->
|
||||
array = response.builds.map( (build) ->
|
||||
Ember.Object.create(build)
|
||||
)
|
||||
if array.length < 5
|
||||
for i in [1..5 - array.length] by 1
|
||||
array.push({})
|
||||
|
||||
lastBuilds.set('count', response['@pagination'].count)
|
||||
lastBuilds.set('content', array)
|
||||
lastBuilds.set('isLoading', false)
|
||||
|
||||
lastBuilds
|
||||
).property()
|
||||
|
||||
canTrigger: (->
|
||||
if !@get('auth.signedIn')
|
||||
false
|
||||
else
|
||||
permissions = @get('auth.currentUser.permissions')
|
||||
if permissions.contains parseInt(@get('build.repository.id'))
|
||||
true
|
||||
else
|
||||
false
|
||||
).property()
|
||||
|
||||
triggerBuild: (->
|
||||
apiEndpoint = config.apiEndpoint
|
||||
repoId = @get('build.repository.id')
|
||||
options = {
|
||||
type: 'POST',
|
||||
body: {
|
||||
request: {
|
||||
branch: @get('build.name')
|
||||
}
|
||||
}
|
||||
}
|
||||
if @get('auth.signedIn')
|
||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/requests", options).then (response) =>
|
||||
@set('isTriggering', false)
|
||||
@set('hasTriggered', true)
|
||||
)
|
||||
|
||||
actions:
|
||||
tiggerBuild: (branch) ->
|
||||
@set('isTriggering', true)
|
||||
@triggerBuild()
|
||||
|
||||
viewAllBuilds: (branch) ->
|
||||
@get('routing').transitionTo('builds')
|
||||
|
||||
`export default BranchRowComponent`
|
||||
8
app/components/build-tile.coffee
Normal file
8
app/components/build-tile.coffee
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
BuildTileComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNameBindings: ['build.state']
|
||||
|
||||
`export default BuildTileComponent`
|
||||
55
app/components/dashboard-row.coffee
Normal file
55
app/components/dashboard-row.coffee
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { githubCommit as githubCommitUrl } from 'travis/utils/urls'`
|
||||
`import config from 'travis/config/environment'`
|
||||
|
||||
DashboardRowComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNameBindings: ['repo.default_branch.last_build.state']
|
||||
classNames: ['dashboard-row', 'row-li']
|
||||
isLoading: false
|
||||
isTriggering: false
|
||||
hasTriggered: false
|
||||
|
||||
urlGithubCommit: (->
|
||||
githubCommitUrl(@get('repo.slug'), @get('repo.default_branch.last_build.commit.sha'))
|
||||
).property('repo')
|
||||
|
||||
# canTrigger: (->
|
||||
# if !@get('auth.signedIn')
|
||||
# false
|
||||
# else
|
||||
# permissions = @get('auth.currentUser.permissions')
|
||||
# if permissions.contains parseInt(@get('build.repository.id'))
|
||||
# true
|
||||
# else
|
||||
# false
|
||||
# ).property()
|
||||
|
||||
# triggerBuild: (->
|
||||
# apiEndpoint = config.apiEndpoint
|
||||
# repoId = @get('build.repository.id')
|
||||
# options = {
|
||||
# type: 'POST',
|
||||
# body: {
|
||||
# request: {
|
||||
# branch: @get('build.name')
|
||||
# }
|
||||
# }
|
||||
# }
|
||||
# if @get('auth.signedIn')
|
||||
# options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
# $.ajax("#{apiEndpoint}/v3/repo/#{repoId}/requests", options).then (response) =>
|
||||
# @set('isTriggering', false)
|
||||
# @set('hasTriggered', true)
|
||||
# )
|
||||
|
||||
actions:
|
||||
tiggerBuild: (branch) ->
|
||||
@set('isTriggering', true)
|
||||
@triggerBuild()
|
||||
|
||||
# viewAllBuilds: (branch) ->
|
||||
# @get('routing').transitionTo('builds')
|
||||
|
||||
`export default DashboardRowComponent`
|
||||
12
app/components/landing-row.coffee
Normal file
12
app/components/landing-row.coffee
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { githubCommit as githubCommitUrl } from 'travis/utils/urls'`
|
||||
`import TravisRoute from 'travis/routes/basic'`
|
||||
`import config from 'travis/config/environment'`
|
||||
|
||||
LandingRowComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNameBindings: ['repo.lastBuildState']
|
||||
classNames: ['landing-row', 'row-li']
|
||||
|
||||
`export default LandingRowComponent`
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
OwnerRepoTileComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNames: ['owner-tile']
|
||||
classNames: ['owner-tile', 'row-li']
|
||||
classNameBindings: ['repo.default_branch.last_build.state']
|
||||
|
||||
ownerName: (->
|
||||
|
|
|
|||
30
app/components/request-icon.coffee
Normal file
30
app/components/request-icon.coffee
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
RequestIconComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'span'
|
||||
classNames: ['icon-request', 'icon']
|
||||
classNameBindings: ['build.last_build.state', 'build.state']
|
||||
|
||||
isPush: (->
|
||||
@get('build.last_build.event_type') == 'push' ||
|
||||
@get('build.event_type') == 'push'
|
||||
).property('build.last_build')
|
||||
|
||||
isPR: (->
|
||||
@get('build.last_build.event_type') == 'pull_request' ||
|
||||
@get('build.event_type') == 'pull_request'
|
||||
).property('build.last_build')
|
||||
|
||||
isAPI: (->
|
||||
@get('build.last_build.event_type') == 'api' ||
|
||||
@get('build.event_type') == 'api'
|
||||
).property('build.last_build')
|
||||
|
||||
isEmpty: (->
|
||||
true if @get('build.last_build') == null || @get('build') == null
|
||||
).property('build.last_build')
|
||||
|
||||
|
||||
|
||||
`export default RequestIconComponent`
|
||||
44
app/components/status-icon.coffee
Normal file
44
app/components/status-icon.coffee
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
StatusIconComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'span'
|
||||
classNames: ['status-icon', 'icon']
|
||||
classNameBindings: ['status']
|
||||
|
||||
hasPassed: (->
|
||||
@get('status') == 'passed'
|
||||
).property('status')
|
||||
|
||||
hasFailed: (->
|
||||
@get('status') == 'failed'
|
||||
).property('status')
|
||||
|
||||
hasErrored: (->
|
||||
@get('status') == 'errored'
|
||||
).property('status')
|
||||
|
||||
wasCanceled: (->
|
||||
@get('status') == 'canceled'
|
||||
).property('status')
|
||||
|
||||
isRunning: (->
|
||||
@get('status') == 'started' ||
|
||||
@get('status') == 'queued' ||
|
||||
@get('status') == 'booting' ||
|
||||
@get('status') == 'received' ||
|
||||
@get('status') == 'created'
|
||||
).property('status')
|
||||
|
||||
isEmpty: (->
|
||||
unless @get('status')
|
||||
true
|
||||
else
|
||||
if @get('status') == ''
|
||||
true
|
||||
else
|
||||
false
|
||||
|
||||
).property('status')
|
||||
|
||||
`export default StatusIconComponent`
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
Component = Ember.Component.extend
|
||||
|
||||
classNames: ["sync-button"]
|
||||
actions: {
|
||||
sync: ->
|
||||
@get('user').sync()
|
||||
|
|
|
|||
30
app/controllers/branches.coffee
Normal file
30
app/controllers/branches.coffee
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { gravatarImage } from 'travis/utils/urls'`
|
||||
`import GithubUrlPropertievs from 'travis/mixins/github-url-properties'`
|
||||
|
||||
BranchesController = Ember.Controller.extend
|
||||
|
||||
defaultBranch: (->
|
||||
repos = @get('model')
|
||||
output = repos.filter (item, index) ->
|
||||
item if item.repository.default_branch.name == undefined
|
||||
output[0]
|
||||
).property('model')
|
||||
|
||||
activeBranches: (->
|
||||
repos = @get('model')
|
||||
repos = repos.filter (item, index) ->
|
||||
item if item.exists_on_github == true && item.repository.default_branch.name != undefined
|
||||
.sortBy('last_build.finished_at')
|
||||
.reverse()
|
||||
).property('model')
|
||||
|
||||
inactiveBranches: (->
|
||||
repos = @get('model')
|
||||
repos = repos.filter (item, index) ->
|
||||
item if item.exists_on_github == false
|
||||
.sortBy('last_build.finished_at')
|
||||
.reverse()
|
||||
).property('model')
|
||||
|
||||
`export default BranchesController`
|
||||
|
|
@ -10,6 +10,11 @@ Controller = Ember.Controller.extend
|
|||
filter = @get('filter')
|
||||
repos = @get('model')
|
||||
org = @get('org')
|
||||
|
||||
repos = repos.filter (item, index) ->
|
||||
item.get('default_branch.last_build') != null
|
||||
.sortBy('default_branch.last_build.finished_at')
|
||||
.reverse()
|
||||
|
||||
if org
|
||||
repos = repos.filter (item, index) ->
|
||||
|
|
|
|||
|
|
@ -10,9 +10,4 @@ SettingsController = Ember.Controller.extend
|
|||
sshKeyDeleted: ->
|
||||
@set('model.customSshKey', null)
|
||||
|
||||
# deactivate: ->
|
||||
# console.log('deactivate')
|
||||
# debugger
|
||||
|
||||
|
||||
`export default SettingsController`
|
||||
|
|
|
|||
|
|
@ -46,11 +46,11 @@ Router.map ->
|
|||
@route 'search', path: '/search/:phrase'
|
||||
@resource 'repo', path: '/:owner/:name', ->
|
||||
@route 'index', path: '/'
|
||||
@resource 'branches', path: '/branches'
|
||||
@resource 'build', path: '/builds/:build_id'
|
||||
@resource 'job', path: '/jobs/:job_id'
|
||||
@resource 'builds', path: '/builds'
|
||||
@resource 'pullRequests', path: '/pull_requests'
|
||||
@resource 'branches', path: '/branches'
|
||||
@resource 'requests', path: '/requests'
|
||||
@resource 'caches', path: '/caches' if config.endpoints.caches
|
||||
@resource 'request', path: '/requests/:request_id'
|
||||
|
|
|
|||
|
|
@ -1,5 +1,26 @@
|
|||
`import AbstractBuildsRoute from 'travis/routes/abstract-builds'`
|
||||
`import Ember from 'ember'`
|
||||
`import TravisRoute from 'travis/routes/basic'`
|
||||
`import config from 'travis/config/environment'`
|
||||
|
||||
Route = TravisRoute.extend
|
||||
|
||||
model: (params) ->
|
||||
apiEndpoint = config.apiEndpoint
|
||||
repoId = @modelFor('repo').get('id')
|
||||
|
||||
options = {}
|
||||
if @get('auth.signedIn')
|
||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
|
||||
$.ajax("#{apiEndpoint}/v3/repo/#{repoId}/branches?include=build.commit", options).then (response) ->
|
||||
response.branches
|
||||
|
||||
activate: () ->
|
||||
$('.tab.tabs--main li').removeClass('active')
|
||||
$('#tab_branches').addClass('active')
|
||||
|
||||
deactivate: () ->
|
||||
$('#tab_branches').removeClass('active')
|
||||
|
||||
Route = AbstractBuildsRoute.extend(contentType: 'branches')
|
||||
|
||||
`export default Route`
|
||||
|
|
|
|||
|
|
@ -7,8 +7,7 @@ Route = TravisRoute.extend
|
|||
filter: { replace: true }
|
||||
model: ->
|
||||
apiEndpoint = config.apiEndpoint
|
||||
$.ajax(apiEndpoint + '/v3/repos?repository.active=true', {
|
||||
# $.ajax(apiEndpoint + '/v3/#{params.owner}?include=user.repositories,organization.repositories,build.commit', {
|
||||
$.ajax(apiEndpoint + '/v3/repos?repository.active=true&include=build.commit', {
|
||||
headers: {
|
||||
Authorization: 'token ' + @auth.token()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,6 +13,6 @@ Route = TravisRoute.extend
|
|||
options = {}
|
||||
if @get('auth.signedIn')
|
||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
$.ajax(config.apiEndpoint + "/v3/owner/#{transition.params.owner.owner}?include=user.repositories,organization.repositories,build.commit,repository.active", options)
|
||||
$.ajax(config.apiEndpoint + "/v3/repos?repository.active=true&include=user.repositories,organization.repositories,build.commit", options)
|
||||
|
||||
`export default Route`
|
||||
|
|
|
|||
|
|
@ -9,29 +9,6 @@ Route = TravisRoute.extend
|
|||
|
||||
repo.fetchSettings().then (settings) ->
|
||||
|
||||
console.log(settings)
|
||||
repo.set('settings', settings)
|
||||
|
||||
# return {
|
||||
|
||||
# settings: (->
|
||||
# $.ajax('https://api.travis-ci.org/v3/repos/#{repo.id}/settings', {
|
||||
# headers: {
|
||||
# Authorization: 'token ' + @auth.token()
|
||||
# }
|
||||
# }).then (response) ->
|
||||
# console.log(response);
|
||||
# return response
|
||||
# )
|
||||
# env_vars: (->
|
||||
# $.ajax('/settings/env_vars?repository_id={repo.id}', {
|
||||
# headers: {
|
||||
# Authorization: 'token ' + @auth.token()
|
||||
# }
|
||||
# }).then (response) ->
|
||||
# console.log(response);
|
||||
# return response
|
||||
# )
|
||||
# }
|
||||
|
||||
`export default Route`
|
||||
|
|
|
|||
|
|
@ -20,10 +20,11 @@
|
|||
|
||||
@import "app/components/sync-button";
|
||||
@import "app/components/loading-indicator";
|
||||
@import "app/components/build-tile";
|
||||
|
||||
@import "app/animation/tractor";
|
||||
|
||||
@import "app/modules/section";
|
||||
@import "app/modules/row";
|
||||
@import "app/modules/loader";
|
||||
@import "app/modules/tiles";
|
||||
@import "app/modules/buttons";
|
||||
|
|
@ -51,6 +52,7 @@
|
|||
@import "app/layouts/profile";
|
||||
@import "app/layouts/top";
|
||||
@import "app/layouts/owner";
|
||||
@import "app/layouts/branches";
|
||||
|
||||
@import "app/landing";
|
||||
@import "app/layouts/requests";
|
||||
|
|
|
|||
|
|
@ -10,4 +10,4 @@ $font-size-tiniest: 10px
|
|||
$line-height: 22px
|
||||
$line-height-log: 19px
|
||||
|
||||
|
||||
$font-weight-normal: 400
|
||||
|
|
|
|||
|
|
@ -29,17 +29,6 @@
|
|||
padding: 0
|
||||
list-style: none
|
||||
|
||||
%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
|
||||
|
||||
%absolute-center
|
||||
position: absolute
|
||||
top: 0
|
||||
|
|
@ -64,3 +53,47 @@
|
|||
font-size: $font-size-sm
|
||||
color: $grey-medium
|
||||
font-weight: 400
|
||||
|
||||
|
||||
// @todo simplyfiy coloring mixins
|
||||
|
||||
@mixin colorStatusIcons($color, $status)
|
||||
.status-icon.#{$status}
|
||||
svg g > *
|
||||
fill: $color
|
||||
|
||||
@mixin colorTiles($color, $status, $extra-bg: $color)
|
||||
&.#{$status}
|
||||
border-color: $extra-bg
|
||||
.tile-status
|
||||
background-color: $color
|
||||
.repo-header-title a,
|
||||
.repo-build-status a,
|
||||
.build-status a,
|
||||
.tile-header,
|
||||
.tile-header a,
|
||||
.tile-title a
|
||||
color: $color
|
||||
@include colorStatusIcons($color, $status)
|
||||
|
||||
@mixin statusColors($color, $status, $color2: $color)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color2 0%, $color2 9px, white 9px, white 100%) no-repeat
|
||||
.row-name,
|
||||
.row-request a,
|
||||
.row-color a
|
||||
color: $color
|
||||
&:hover
|
||||
border-color: $color
|
||||
.row-name .status-icon g > *,
|
||||
.row-request .icon-request g > *
|
||||
fill: $color
|
||||
|
||||
.build a,
|
||||
.repo-title a
|
||||
color: $color
|
||||
&:hover
|
||||
border-color: $color
|
||||
.build-status
|
||||
color: $color
|
||||
@include colorStatusIcons($color, $status)
|
||||
|
|
|
|||
72
app/styles/app/components/build-tile.sass
Normal file
72
app/styles/app/components/build-tile.sass
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
@mixin buildTileColors($color, $bg, $status, $extra-hover: $color)
|
||||
> .#{$status}
|
||||
background-color: $bg
|
||||
.icon-request g > *,
|
||||
.status-icon g > *
|
||||
fill: $color
|
||||
&:hover
|
||||
background-color: $extra-hover
|
||||
.status-icon.#{$status} g > *
|
||||
fill: $white
|
||||
.status-icon .circle
|
||||
border-color: $white
|
||||
|
||||
@media #{$medium-up}
|
||||
.dropup--status
|
||||
border-color: $extra-hover
|
||||
color: $color
|
||||
&:before
|
||||
background-color: $color
|
||||
|
||||
|
||||
.build-tiles
|
||||
height: 4.7em
|
||||
margin: 0
|
||||
padding: 0
|
||||
clear: both
|
||||
list-style: none
|
||||
li
|
||||
position: relative
|
||||
height: 100%
|
||||
float: left
|
||||
width: 20%
|
||||
background-color: #F7F7F7
|
||||
border-right: 1px solid $white
|
||||
&:last-of-type
|
||||
border-right: none
|
||||
.status-icon
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
width: 2.5rem !important
|
||||
height: 2.5rem !important
|
||||
margin: auto !important
|
||||
background-color: transparent
|
||||
.is-rotating
|
||||
position: absolute
|
||||
top: 0
|
||||
bottom: 0
|
||||
right: 0
|
||||
left: 0
|
||||
margin: auto
|
||||
width: 1.3em
|
||||
height: 1.1em
|
||||
.circle
|
||||
width: 8px
|
||||
height: 8px
|
||||
a
|
||||
display: block
|
||||
height: 100%
|
||||
text-align: center
|
||||
|
||||
@include buildTileColors(#44A662, #F5FBF6, 'passed')
|
||||
@include buildTileColors(#D94341, #FFF7F5, 'failed')
|
||||
@include buildTileColors(#D94341, #FFF7F5, 'errored')
|
||||
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'started', #e2c913)
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'queued', #e2c913)
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'booting', #e2c913)
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'received', #e2c913)
|
||||
@include buildTileColors(#bfb502, #fdfcee, 'created', #e2c913)
|
||||
|
|
@ -1,14 +1,20 @@
|
|||
.sync-button
|
||||
padding: 0.8em 0
|
||||
button
|
||||
@extend %border-radius-4px
|
||||
padding: 0 10px
|
||||
max-width: 98px
|
||||
min-height: 25px
|
||||
display: flex
|
||||
flex-direction: row-reverse
|
||||
.button
|
||||
padding: 5px 10px
|
||||
margin-left: .5em
|
||||
height: 25px
|
||||
position: relative
|
||||
z-index: 1
|
||||
background: #a6adad
|
||||
color: #ffffff
|
||||
font-size: 14px
|
||||
font-weight: $font-weight-normal
|
||||
border: none
|
||||
border-radius: 2px
|
||||
line-height: 1
|
||||
&:hover
|
||||
background: #8d9b9a
|
||||
cursor: pointer
|
||||
|
|
@ -16,17 +22,17 @@
|
|||
&.is-syncing
|
||||
background: #c6b93d
|
||||
color: $white
|
||||
padding: 0 10px
|
||||
max-width: 160px
|
||||
.icon
|
||||
position: relative
|
||||
top: -0.1em
|
||||
width: 1em
|
||||
width: 1.1em
|
||||
height: 1.2em
|
||||
vertical-align: middle
|
||||
.icon,
|
||||
.sync-spinner
|
||||
svg path
|
||||
fill: $white
|
||||
.icon
|
||||
margin-right: .5em
|
||||
.loading-indicator--white
|
||||
margin-right: .5em
|
||||
vertical-align: top
|
||||
|
||||
.profile-main
|
||||
.sync-button
|
||||
|
|
@ -41,6 +47,15 @@
|
|||
.sync-last
|
||||
display: inline-block
|
||||
margin: 0
|
||||
font-size: 12px
|
||||
font-size: 14px
|
||||
color: #848384
|
||||
text-align: right
|
||||
|
||||
pointer-events: none
|
||||
transform: translateX(50%)
|
||||
opacity: 0
|
||||
transition: transform 200ms ease, opacity 100ms ease
|
||||
|
||||
.button:hover ~ &
|
||||
transform: translateX(0)
|
||||
opacity: 1
|
||||
|
|
|
|||
|
|
@ -462,41 +462,17 @@
|
|||
overflow: auto
|
||||
transform: translateY(7%)
|
||||
|
||||
|
||||
.tiles-landing
|
||||
.db
|
||||
padding: .4em 0
|
||||
background-color: $white
|
||||
border-radius: 4px
|
||||
p
|
||||
font-size: $font-size-m
|
||||
line-height: 1.6
|
||||
color: #828282
|
||||
.db-controls
|
||||
padding-left: 3.7rem
|
||||
.icon
|
||||
width: 1em
|
||||
height: 1.1em
|
||||
.icon-branch
|
||||
width: 1.2em
|
||||
height: .7em
|
||||
.db-status
|
||||
.icon
|
||||
width: 1.2em
|
||||
height: 1.2em
|
||||
.db-repo
|
||||
padding-left: 3.7rem
|
||||
h2
|
||||
font-size: 22px
|
||||
line-height: 25px
|
||||
margin-bottom: .5em
|
||||
.db-job, .db-branch, .db-commit, .db-timeago
|
||||
padding-left: 1.4em
|
||||
.db-job a
|
||||
color: #828282 !important
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
.landing-page
|
||||
.navigation-nested
|
||||
background-color: $white
|
||||
|
||||
.landing-rows
|
||||
list-style: none
|
||||
margin: 0
|
||||
|
||||
.landing-row
|
||||
.two-line
|
||||
padding-left: 2rem
|
||||
h2
|
||||
padding-left: .5rem
|
||||
font-size: 18px
|
||||
|
|
|
|||
223
app/styles/app/layouts/branches.sass
Normal file
223
app/styles/app/layouts/branches.sass
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
|
||||
.branches
|
||||
.small-title
|
||||
margin: 1.5em 0 0.7em
|
||||
|
||||
.branch-row
|
||||
|
||||
.avatar
|
||||
display: inline-block
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin-right: .7em
|
||||
border-radius: 50%
|
||||
vertical-align: middle
|
||||
background-color: #E9EBEB
|
||||
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
& > div:first-of-type
|
||||
width: 30%
|
||||
padding-left: 1em
|
||||
& > div:nth-of-type(2)
|
||||
width: 20%
|
||||
& > div:nth-of-type(3)
|
||||
width: 20%
|
||||
// & > div:nth-of-type(4)
|
||||
// width: 5%
|
||||
& > div:nth-of-type(4)
|
||||
width: 28%
|
||||
@media #{$large-up}
|
||||
& > div:nth-of-type(2)
|
||||
width: 21%
|
||||
& > div:nth-of-type(3)
|
||||
width: 21%
|
||||
// & > div:nth-of-type(4)
|
||||
// width: 2em
|
||||
& > div:nth-of-type(4)
|
||||
width: 25%
|
||||
|
||||
.row-last-build
|
||||
@media #{$medium-up}
|
||||
padding-left: 1em
|
||||
&:before
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
background-color: #EFF0EC;
|
||||
position: absolute;
|
||||
height: 3.7em;
|
||||
margin-left: -1em;
|
||||
|
||||
// @todo refactor into dropup module
|
||||
%dropup
|
||||
@media #{$medium-up}
|
||||
position: absolute
|
||||
display: none
|
||||
z-index: 5
|
||||
background-color: $white
|
||||
border-radius: 2px
|
||||
|
||||
&:after,
|
||||
&:before
|
||||
content: ""
|
||||
position: absolute
|
||||
display: block
|
||||
width: 7px
|
||||
height: 7px
|
||||
left: 0
|
||||
right: 0
|
||||
margin: 0 auto
|
||||
transform: rotate(45deg)
|
||||
&:after
|
||||
background-color: $white
|
||||
.dropup-trigger:hover ~ &,
|
||||
.dropup-trigger:hover &,
|
||||
&:hover
|
||||
display: block
|
||||
|
||||
.dropup--blue
|
||||
@extend %dropup
|
||||
&:before
|
||||
background-color: $teal-dark
|
||||
bottom: -5px
|
||||
&:after
|
||||
bottom: -4px
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style-type: none
|
||||
text-align: center
|
||||
li
|
||||
display: inline-block
|
||||
margin: 2em 0
|
||||
background: $teal-dark
|
||||
border-radius: 2px
|
||||
a
|
||||
display: inline-block
|
||||
padding: 0.3em 0.5em
|
||||
color: $white
|
||||
text-decoration: none
|
||||
line-height: 1
|
||||
.icon-trigger path,
|
||||
.icon-eye path
|
||||
fill: $white
|
||||
|
||||
@media #{$medium-up}
|
||||
width: 10em
|
||||
left: 0
|
||||
padding: .4em
|
||||
transform: translate(-42%, -170%)
|
||||
border: 1px solid $teal-dark
|
||||
li
|
||||
display: block
|
||||
margin: 0
|
||||
background-color: $white
|
||||
border-radius: 0
|
||||
cursor: pointer
|
||||
.icon-trigger path,
|
||||
.icon-eye path
|
||||
fill: #A7AEAE
|
||||
a
|
||||
display: block
|
||||
padding: 0.3em .5em 0.4em
|
||||
text-decoration: none
|
||||
color: $grey-dark
|
||||
line-height: 1.4
|
||||
&:hover
|
||||
color: $white
|
||||
background-color: $teal-dark
|
||||
.icon-trigger path,
|
||||
.icon-eye path
|
||||
fill: $white
|
||||
|
||||
.dropup-item
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
.no-link
|
||||
padding: .4em 0
|
||||
cursor: default
|
||||
|
||||
.dropup--status
|
||||
@extend %dropup
|
||||
left: 0
|
||||
right: 0
|
||||
margin: auto
|
||||
display: none
|
||||
&:after
|
||||
bottom: -3px
|
||||
&:before
|
||||
bottom: -4px
|
||||
@media #{$medium-up}
|
||||
top: -2.3em
|
||||
width: 4.8em
|
||||
padding: .1em .1em
|
||||
white-space: nowrap
|
||||
font-size: 14px;
|
||||
border: 1px solid $red-dark
|
||||
&:before
|
||||
background-color: $red-dark
|
||||
|
||||
.dropup-trigger
|
||||
padding: 1em 0
|
||||
path
|
||||
fill: $teal-dark
|
||||
|
||||
// @todo refactor to status-icon module
|
||||
.status-icon
|
||||
.is-rotating
|
||||
width: 17px
|
||||
height: 19px
|
||||
line-height: 0.9
|
||||
text-align: center
|
||||
transform-origin: center center
|
||||
will-change: transform
|
||||
animation: rotation 3s infinite ease
|
||||
.circle
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
width: 5px
|
||||
height: 5px
|
||||
border: solid 1px #bfb502
|
||||
border-radius: 50%
|
||||
transform-origin: center center
|
||||
|
||||
@keyframes rotation
|
||||
0%
|
||||
transform: rotateZ(0deg)
|
||||
45%, 55%
|
||||
transform: rotateZ(180deg)
|
||||
100%
|
||||
transform: rotateZ(360deg)
|
||||
|
||||
.is-relative
|
||||
position: relative
|
||||
|
||||
span.nobuilds-tigger,
|
||||
a.nobuilds-tigger
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
right: 0
|
||||
bottom: 0
|
||||
height: 2em
|
||||
width: 11em
|
||||
margin: auto
|
||||
padding: 0.35em 0.5em 0.2em
|
||||
line-height: 1
|
||||
text-align: center
|
||||
border: 1px solid #E4E6E6
|
||||
border-radius: 2px
|
||||
background-color: #fff
|
||||
.icon-trigger
|
||||
height: 1.4em !important
|
||||
|
||||
a.nobuilds-tigger
|
||||
&:hover
|
||||
background: #A6ADAD
|
||||
color: white
|
||||
.icon-trigger svg path
|
||||
fill: #fff
|
||||
|
||||
|
||||
|
|
@ -1,224 +1,54 @@
|
|||
/*
|
||||
* Dashboard List
|
||||
*/
|
||||
|
||||
@mixin colorDbelements($color, $icon)
|
||||
.db-status
|
||||
background-color: $color
|
||||
.icon-star
|
||||
@extend %icon-star-#{$icon}
|
||||
.db-repo
|
||||
h2, h3, a
|
||||
color: $color
|
||||
.db-job
|
||||
color: $color
|
||||
a
|
||||
color: $color
|
||||
|
||||
$db-gray: #C9C9C9
|
||||
$db-text-color: #ACAAAA
|
||||
|
||||
.dashboard
|
||||
color: $grey-medium
|
||||
hr
|
||||
.centered
|
||||
margin: auto
|
||||
max-width: 1024px
|
||||
margin: auto
|
||||
border-top: none
|
||||
border-bottom: $db-gray dashed 1px
|
||||
|
||||
.dashboard--empty
|
||||
padding: 2em 5em
|
||||
background: $cream-light
|
||||
color: #979597
|
||||
font-size: 20px
|
||||
font-weight: 400
|
||||
text-align: center
|
||||
@extend border-radius-4px
|
||||
p .icon
|
||||
width: 1.5em
|
||||
height: 1.5em
|
||||
transform: translate(-20%, 18%)
|
||||
.icon-star
|
||||
@extend %icon-star-grey
|
||||
|
||||
.db
|
||||
@include resetul
|
||||
margin: auto
|
||||
position: relative
|
||||
margin-bottom: 1em
|
||||
background: $cream-light
|
||||
@extend border-radius-4px
|
||||
|
||||
h2, h3, p
|
||||
margin: 0
|
||||
font-weight: 400
|
||||
white-space: nowrap
|
||||
|
||||
p
|
||||
font-size: $font-size-m
|
||||
|
||||
.icon
|
||||
position: absolute
|
||||
left: 0
|
||||
top: 0
|
||||
bottom: 0
|
||||
margin: auto
|
||||
|
||||
&.started,
|
||||
&.created
|
||||
@include colorDbelements($start-color, yellow)
|
||||
&.failed
|
||||
@include colorDbelements($fail-color, red)
|
||||
&.errored
|
||||
@include colorDbelements($error-color, red)
|
||||
&.canceled
|
||||
@include colorDbelements($cancel-color, grey)
|
||||
&.passed
|
||||
@include colorDbelements($pass-color, green)
|
||||
&.inactive
|
||||
@include colorDbelements($cancel-color, grey)
|
||||
|
||||
.db-repo
|
||||
padding-left: 3em
|
||||
transform: translateY(0.4em)
|
||||
overflow: hidden
|
||||
margin-bottom: 1em
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
.dashboard-filter
|
||||
padding: 0 $column-gutter/2
|
||||
font-size: 16px
|
||||
font-weight: $font-weight-normal
|
||||
@media #{$medium-up}
|
||||
margin-bottom: 0
|
||||
padding: 0
|
||||
|
||||
.db-status
|
||||
position: absolute;
|
||||
top: 0
|
||||
left: 0
|
||||
height: 100%
|
||||
width: 2.5em
|
||||
border-top-left-radius: 4px
|
||||
border-bottom-left-radius: 4px
|
||||
.dashboard-active
|
||||
padding: 0
|
||||
margin: 3rem 0 5rem
|
||||
list-style-type: none
|
||||
|
||||
.icon
|
||||
width: 1.1em
|
||||
height: 1.1em
|
||||
right: 0
|
||||
.icon-status
|
||||
top: -6em
|
||||
.icon-star
|
||||
top: 1.7em
|
||||
opacity: .9
|
||||
|
||||
.db-controls
|
||||
line-height: 2.2
|
||||
p,
|
||||
button
|
||||
display: inline-block
|
||||
button
|
||||
margin-left: 1em
|
||||
a:hover
|
||||
text-decoration: underline
|
||||
.dashboard-active li
|
||||
text-align: left
|
||||
.one-line
|
||||
margin-left: 2em
|
||||
text-align: left
|
||||
.two-line
|
||||
padding: .1em 0
|
||||
.row-item h2
|
||||
font-size: 18px
|
||||
|
||||
.icon
|
||||
width: 1em
|
||||
height: 1.1em
|
||||
.icon-branch
|
||||
width: 1.3em
|
||||
height: .8em
|
||||
|
||||
.db-job,
|
||||
.db-branch,
|
||||
.db-commit,
|
||||
.db-timeago
|
||||
position: relative
|
||||
padding-left: 1.5em
|
||||
z-index: 30
|
||||
overflow: hidden
|
||||
|
||||
.db-branch
|
||||
position: relative
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
|
||||
.db-lock
|
||||
position: absolute
|
||||
left: -2.1em;
|
||||
top: 1.2em;
|
||||
.icon
|
||||
width: 1em
|
||||
height: 1em
|
||||
|
||||
.db-activation
|
||||
margin: 1em 0 .5em
|
||||
text-align: right
|
||||
padding-right: 0
|
||||
@media #{$medium-up}
|
||||
margin: 0
|
||||
& > div:first-of-type
|
||||
width: 30%
|
||||
position: relative
|
||||
padding-left: 1em
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $white)
|
||||
|
||||
.db-burger
|
||||
position: absolute;
|
||||
top: 0
|
||||
right: 0
|
||||
height: 4em
|
||||
width: 4em
|
||||
cursor: pointer
|
||||
z-index: 30
|
||||
.icon
|
||||
width: 2em
|
||||
height: 2em
|
||||
right: 0
|
||||
& > div:nth-of-type(2)
|
||||
width: 27%
|
||||
& > div:nth-of-type(3)
|
||||
width: 20%
|
||||
& > div:nth-of-type(4)
|
||||
width: 20%
|
||||
|
||||
.dropdown--db
|
||||
display: none
|
||||
h2
|
||||
padding-left: 1.5em
|
||||
.one-line
|
||||
margin-left: 0
|
||||
|
||||
.db-burger:hover ~ .dropdown--db,
|
||||
.dropdown--db:hover
|
||||
display: block
|
||||
|
||||
.dashboard-starred,
|
||||
.dashboard-active,
|
||||
.dashboard-inactive
|
||||
padding: 0 3em
|
||||
margin: 3em 0 3em
|
||||
|
||||
.dashboard-starred
|
||||
.db
|
||||
padding-bottom: .2em
|
||||
@media #{$medium-up}
|
||||
width: grid-calc(17, 36)
|
||||
&:nth-child(2n)
|
||||
float: right
|
||||
&:nth-child(2n + 1)
|
||||
float: left
|
||||
.db-controls
|
||||
padding-left: 3em
|
||||
|
||||
.dashboard-active,
|
||||
.dashboard-inactive
|
||||
.db-repo,
|
||||
.db-controls
|
||||
padding-left: 4em
|
||||
@media #{$medium-up}
|
||||
.db
|
||||
height: 57px
|
||||
.db-repo
|
||||
padding-left: 4em
|
||||
.db-controls
|
||||
padding: 0 4em 0 2em
|
||||
line-height: 3em
|
||||
transform: translateY(26%)
|
||||
border-left: 1px solid $cream-dark
|
||||
.db-burger
|
||||
height: 100%
|
||||
.db-status
|
||||
.icon-status
|
||||
top: -2em
|
||||
|
||||
.dashboard-inactive
|
||||
margin-bottom: 5e3
|
||||
.db
|
||||
h2, h3, p, button, .db-status
|
||||
opacity: .7
|
||||
|
||||
.dashboard .topbar
|
||||
background-color: transparent !important
|
||||
.dropup--blue
|
||||
li
|
||||
border: none
|
||||
transform: translate(-19%, -170%)
|
||||
|
|
|
|||
|
|
@ -82,112 +82,21 @@
|
|||
padding: 0
|
||||
list-style-type: none
|
||||
|
||||
%one-line
|
||||
font-size: 16px
|
||||
font-weight: 400
|
||||
vertical-align: middle
|
||||
margin: 0
|
||||
display: inline-block
|
||||
*
|
||||
display: inline-block
|
||||
font-size: inherit
|
||||
font-weight: 400
|
||||
vertical-align: middle
|
||||
margin: 0
|
||||
padding: 0
|
||||
line-height: 1
|
||||
|
||||
@mixin statusColors($color, $status)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color 0%, $color 9px, transparent 10px, transparent 100%) no-repeat;
|
||||
.build a,
|
||||
.repo-title a
|
||||
color: $color
|
||||
&:hover
|
||||
border-color: $color
|
||||
.build-status
|
||||
color: $color
|
||||
|
||||
|
||||
.owner-tile
|
||||
padding: .8em 0 .8em 2em
|
||||
margin-bottom: .5em
|
||||
border: #F2F0F0 solid 1px
|
||||
|
||||
a
|
||||
text-decoration: none
|
||||
&:hover
|
||||
span
|
||||
text-decoration: underline
|
||||
.repo-title a:hover
|
||||
text-decoration: underline
|
||||
|
||||
.icon--job,
|
||||
.icon-push,
|
||||
.icon-pull_request,
|
||||
.icon-calendar,
|
||||
.icon-hash,
|
||||
.icon-github
|
||||
width: 1em
|
||||
height: 1.1em
|
||||
margin-right: .5em
|
||||
background-repeat: no-repeat
|
||||
background-size: 100%
|
||||
|
||||
.icon--job
|
||||
height: 1em
|
||||
margin-top: .1em
|
||||
.icon-push
|
||||
margin-top: .6em
|
||||
.build-status
|
||||
text-transform: capitalize
|
||||
|
||||
.repo
|
||||
@extend %one-line
|
||||
white-space: nowrap
|
||||
width: grid-calc(9, 12)
|
||||
.build
|
||||
@extend %one-line
|
||||
width: grid-calc(5, 12)
|
||||
.branch
|
||||
@extend %one-line
|
||||
width: grid-calc(6, 12)
|
||||
.commit
|
||||
@extend %one-line
|
||||
width: grid-calc(6, 12)
|
||||
.duration
|
||||
@extend %one-line
|
||||
width: grid-calc(12, 12)
|
||||
.owner-tile
|
||||
padding: .4em 0 .3em
|
||||
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-direction: row
|
||||
flex-flow: space-between
|
||||
align-items: baseline
|
||||
height: 3.8em
|
||||
padding: .8em 0
|
||||
|
||||
.build
|
||||
width: grid-calc(2, 12)
|
||||
.branch
|
||||
width: grid-calc(2, 12)
|
||||
.commit
|
||||
width: grid-calc(2, 12)
|
||||
.duration
|
||||
width: grid-calc(4, 12)
|
||||
.repo
|
||||
width: grid-calc(4, 12)
|
||||
margin-left: 2em
|
||||
|
||||
|
||||
@include statusColors($green-dark, 'passed')
|
||||
@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')
|
||||
|
||||
|
||||
& > div:first-of-type
|
||||
width: 30%
|
||||
padding-left: 1em
|
||||
& > div:nth-of-type(2)
|
||||
width: 10%
|
||||
& > div:nth-of-type(3)
|
||||
width: 15%
|
||||
& > div:nth-of-type(4)
|
||||
width: 15%
|
||||
& > div:nth-of-type(5)
|
||||
width: 24%
|
||||
|
|
|
|||
|
|
@ -1,9 +1,4 @@
|
|||
|
||||
.small-title
|
||||
font-size: 18px
|
||||
color: $teal-light
|
||||
font-weight: 400
|
||||
|
||||
.settings
|
||||
padding-top: .8em
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,6 @@
|
|||
$sb-grey: #f2f2f2
|
||||
$sb-font-size: 14px
|
||||
|
||||
@mixin colorSidebarTiles($color)
|
||||
border-color: $color
|
||||
a
|
||||
color: $color
|
||||
|
||||
.tile--sidebar
|
||||
height: auto
|
||||
padding: 0.6em 0.5em
|
||||
|
|
@ -16,17 +11,6 @@ $sb-font-size: 14px
|
|||
li:last-child &
|
||||
margin-bottom: 0
|
||||
|
||||
&.failed,
|
||||
&.errored
|
||||
@include colorSidebarTiles($fail-color)
|
||||
&.passed
|
||||
@include colorSidebarTiles($pass-color)
|
||||
&.started,
|
||||
&.created,
|
||||
&.received,
|
||||
&.queued
|
||||
@include colorSidebarTiles($created-color)
|
||||
|
||||
h2, p
|
||||
margin: 0
|
||||
font-size: $sb-font-size
|
||||
|
|
@ -51,14 +35,10 @@ $sb-font-size: 14px
|
|||
width: 22%
|
||||
a:hover
|
||||
text-decoration: underline
|
||||
.icon:not(.icon--hash)
|
||||
width: 0.9em
|
||||
height: 1.1em
|
||||
margin-right: .3em
|
||||
.icon--hash
|
||||
width: 1.1em
|
||||
height: 1.3em
|
||||
|
||||
.icon
|
||||
width: 1.3em
|
||||
height: 1.4em
|
||||
margin-right: .1em
|
||||
|
||||
.tabnav--sidebar
|
||||
font-size: $sb-font-size
|
||||
|
|
|
|||
|
|
@ -18,3 +18,12 @@
|
|||
a
|
||||
color: #c00
|
||||
text-decoration: underline
|
||||
|
||||
|
||||
.small-title
|
||||
font-size: 18px
|
||||
color: $teal-light
|
||||
font-weight: 400
|
||||
|
||||
.blank-list
|
||||
@include resetul
|
||||
|
|
|
|||
|
|
@ -55,6 +55,8 @@ $dropdown-border: #C3D9DB
|
|||
.filter-current
|
||||
padding: .9em 0
|
||||
cursor: pointer
|
||||
a
|
||||
color: $teal-dark
|
||||
|
||||
.filter-dropdown
|
||||
@include resetul
|
||||
|
|
@ -62,9 +64,10 @@ $dropdown-border: #C3D9DB
|
|||
top: 3em
|
||||
min-width: 14em
|
||||
background-color: $white
|
||||
border-radius: 4px
|
||||
border-radius: 2px
|
||||
overflow: hidden
|
||||
box-shadow: 2px 1px 4px 0px rgba(148,145,138,0.4)
|
||||
border: 1px solid $cream-dark
|
||||
border-top: none
|
||||
z-index: 40
|
||||
display: none
|
||||
li
|
||||
|
|
@ -75,7 +78,7 @@ $dropdown-border: #C3D9DB
|
|||
padding: 10px 10px 10px 20px
|
||||
&:hover
|
||||
color: $white
|
||||
background : #5e869a
|
||||
background : $teal-dark
|
||||
.is-selected
|
||||
a
|
||||
font-weight: 600
|
||||
|
|
|
|||
|
|
@ -192,6 +192,17 @@
|
|||
.icon-fingerprint
|
||||
background-image: inline-image('svg/fingerprint.svg')
|
||||
|
||||
|
||||
.icon-line-cal
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-cal.svg')
|
||||
.icon-line-build
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-build.svg')
|
||||
.icon-line-commit
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-commit.svg')
|
||||
|
||||
.icon--plus
|
||||
&:after
|
||||
content: "+"
|
||||
|
|
@ -206,12 +217,11 @@
|
|||
margin-left : 5px
|
||||
border-left : 5px solid transparent
|
||||
border-right : 5px solid transparent
|
||||
border-top : 5px solid $dashboard-text-color
|
||||
border-top : 5px solid $teal-dark
|
||||
|
||||
.icon-flag
|
||||
background-image: inline-image('svg/notice-flag.svg')
|
||||
|
||||
|
||||
.icon-receiving
|
||||
margin: 0.3rem 0.5rem;
|
||||
display: inline-block;
|
||||
|
|
|
|||
87
app/styles/app/modules/row.sass
Normal file
87
app/styles/app/modules/row.sass
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
.fade-out
|
||||
@media #{$medium-up}
|
||||
white-space: nowrap
|
||||
position:relative
|
||||
overflow: hidden
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $white, 30%)
|
||||
|
||||
.label-align
|
||||
vertical-align: middle
|
||||
line-height: 1.5
|
||||
|
||||
.row-li
|
||||
border: 1px solid $cream-dark
|
||||
font-size: 16px
|
||||
margin-bottom: .3rem
|
||||
color: $grey-dark
|
||||
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
||||
|
||||
h2, h3
|
||||
margin: 0
|
||||
font-weight: $font-weight-normal
|
||||
font-size: 16px
|
||||
|
||||
.row-header
|
||||
width: 100%
|
||||
|
||||
.row-item
|
||||
margin: .2em
|
||||
font-size: 16px
|
||||
font-weight: $font-weight-normal
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
padding-left: 1em
|
||||
a
|
||||
color: $grey-dark
|
||||
text-decoration: none
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
@media #{$medium-up}
|
||||
display: inline-block
|
||||
padding-left: 0
|
||||
|
||||
%row-element
|
||||
vertical-align: middle
|
||||
@media #{$medium-up}
|
||||
display: inline-block
|
||||
.row-item
|
||||
vertical-align: middle
|
||||
|
||||
.two-line
|
||||
@extend %row-element
|
||||
padding: .4em 0
|
||||
margin-left: 2em
|
||||
text-align: left
|
||||
|
||||
@media #{$medium-up}
|
||||
margin-left: 0
|
||||
|
||||
.one-line
|
||||
@extend %row-element
|
||||
.row-item
|
||||
display: inline-block
|
||||
.row-nav
|
||||
display: none
|
||||
text-align: center
|
||||
@media #{$medium-up}
|
||||
display: block
|
||||
|
||||
.icon
|
||||
width: 1.3em
|
||||
height: 1.3em
|
||||
margin-right: .2em
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
|
||||
@include statusColors($green-dark, 'passed')
|
||||
@include statusColors($red-dark, 'failed')
|
||||
@include statusColors($red-dark, 'errored')
|
||||
@include statusColors($grey-medium, 'canceled')
|
||||
@include statusColors(#bfb502, 'started', #e5da3f)
|
||||
@include statusColors(#bfb502, 'queued', #e5da3f)
|
||||
@include statusColors(#bfb502, 'booting', #e5da3f)
|
||||
@include statusColors(#bfb502, 'received', #e5da3f)
|
||||
@include statusColors(#bfb502, 'created', #e5da3f)
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
.section
|
||||
font-size: $font-size-normal
|
||||
|
||||
.section--white
|
||||
background-color: $white
|
||||
|
||||
.section--maxheight
|
||||
height: 3.3em
|
||||
|
|
@ -1,12 +1,3 @@
|
|||
@mixin colorTiles($color)
|
||||
.tile-status
|
||||
background-color: $color
|
||||
.repo-header-title a,
|
||||
.repo-build-status a,
|
||||
.build-status a,
|
||||
.tile-header,
|
||||
.tile-header a
|
||||
color: $color
|
||||
|
||||
.tile
|
||||
@extend %border-radius-4px
|
||||
|
|
@ -23,21 +14,20 @@
|
|||
height: 0.9em
|
||||
|
||||
&:not(.tile--jobs)
|
||||
&.started,
|
||||
&.created,
|
||||
&.received,
|
||||
&.queued
|
||||
@include colorTiles($start-color)
|
||||
&.failed
|
||||
@include colorTiles($fail-color)
|
||||
&.errored
|
||||
@include colorTiles($error-color)
|
||||
&.canceled
|
||||
@include colorTiles($cancel-color)
|
||||
&.passed
|
||||
@include colorTiles($pass-color)
|
||||
&.inactive
|
||||
@include colorTiles($cancel-color)
|
||||
@include colorTiles($green-dark, 'passed')
|
||||
@include colorTiles($red-dark, 'failed')
|
||||
@include colorTiles($red-dark, 'errored')
|
||||
@include colorTiles($grey-medium, 'canceled')
|
||||
@include colorTiles(#bfb502, 'started', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'queued', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'booting', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'received', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'created', #e5da3f)
|
||||
|
||||
.status-icon .is-rotating
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
line-height: 1;
|
||||
|
||||
@media #{$medium-up}
|
||||
height: 145px
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@
|
|||
|
||||
<div>
|
||||
<ul class="profile-hooklist">
|
||||
{{#each hook in hooks}}
|
||||
{{#each hooks as |hook|}}
|
||||
{{hooks-list-item hook=hook}}
|
||||
{{else}}
|
||||
<li>
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<p>You require admin rights to enable these repositories</p>
|
||||
|
||||
<ul class="profile-hooklist">
|
||||
{{#each hook in hooksWithoutAdmin}}
|
||||
{{#each hooksWithoutAdmin as |hook| }}
|
||||
<li class="{{if hook.active 'active'}} row">
|
||||
<div class="switch--icon inline-block disabled {{if hook.active 'active'}}">
|
||||
<div class="switch-inner">
|
||||
|
|
|
|||
30
app/templates/branches.hbs
Normal file
30
app/templates/branches.hbs
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<div class="branches">
|
||||
<section>
|
||||
<h2 class="small-title">Default Branch</h2>
|
||||
<ul class="blank-list">
|
||||
{{branch-row build=defaultBranch}}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
{{#if activeBranches}}
|
||||
<section>
|
||||
<h2 class="small-title">Active Branches</h2>
|
||||
<ul class="blank-list">
|
||||
{{#each activeBranches as |branch|}}
|
||||
{{branch-row build=branch}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
||||
{{#if inactiveBranches}}
|
||||
<section>
|
||||
<h2 class="small-title">Inactive Branches</h2>
|
||||
<ul class="blank-list">
|
||||
{{#each inactiveBranches as |branch|}}
|
||||
{{branch-row build=branch inactive=true}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</section>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
@ -1,9 +1,11 @@
|
|||
{{#if content.isLoaded}}
|
||||
{{#each controller as |build|}}
|
||||
{{builds-item build=build}}
|
||||
{{else}}
|
||||
{{no-builds repo=noticeData isPR=displayPullRequests isBranch=displayBranches}}
|
||||
{{/each}}
|
||||
<ul>
|
||||
{{#each controller as |build|}}
|
||||
{{builds-item build=build}}
|
||||
{{else}}
|
||||
{{no-builds repo=noticeData isPR=displayPullRequests isBranch=displayBranches}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{#if displayShowMoreButton}}
|
||||
<p>
|
||||
{{show-more-button isLoading=isLoading showMore=(action 'showMoreBuilds')}}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
{{#if model.pushes.length}}
|
||||
<h2 class="caches-title">Pushes</h2>
|
||||
<ul id="caches" class="caches">
|
||||
{{#each cache in model.pushes }}
|
||||
{{#each model.pushes as |cache|}}
|
||||
{{caches-item cache=cache repo=repo caches=model.pushes}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
{{#if model.pullRequests.length}}
|
||||
<h2 class="caches-title">Pull Requests</h2>
|
||||
<ul class="caches">
|
||||
{{#each cache in model.pullRequests }}
|
||||
{{#each model.pullRequests as |cache|}}
|
||||
{{caches-item cache=cache repo=repo caches=model.pullRequests}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
|
|
|||
247
app/templates/components/branch-row.hbs
Normal file
247
app/templates/components/branch-row.hbs
Normal file
|
|
@ -0,0 +1,247 @@
|
|||
<div class="two-line fade-out">
|
||||
<div class="row-name">
|
||||
<h2 class="row-item">{{status-icon status=build.last_build.state}}
|
||||
<span class="label-align">{{build.name}}</span></h2>
|
||||
</div>
|
||||
<div class="row-builds">
|
||||
<div class="row-item">
|
||||
<span class="icon icon-line-build">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" enable-background="new 0 0 20 20">
|
||||
<g id="Build">
|
||||
<path fill="#A7AEAE" d="M15.2,15.3c-0.4,0-0.7-0.1-1-0.4c-0.4-0.3-0.6-0.8-0.6-1.2c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5
|
||||
c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.1c0.2,0,0.4-0.2,0.5-0.5c0.1-0.3-0.1-0.6-0.4-0.7c-0.4-0.2-0.7-0.6-0.7-1.1V8.7
|
||||
c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5V12c0,0,0,0.2,0.1,0.2c0.7,0.3,1.1,1,1,1.8c-0.1,0.6-0.6,1.2-1.3,1.3
|
||||
C15.3,15.3,15.3,15.3,15.2,15.3z"/>
|
||||
<path fill="#A7AEAE" d="M9.1,17.5C9.1,17.5,9.1,17.5,9.1,17.5H3.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7V8.9H3.4
|
||||
C2.5,8.9,2.5,7.1,2.5,7V6.6c0-0.5,0.3-0.9,0.7-1l2.2-0.8V3.3c0-0.2,0.1-0.5,0.3-0.6c0.2-0.2,0.4-0.2,0.7-0.2l1.5,0.3
|
||||
C9,3,9.6,3.1,9.6,3.7v1.2l7.1,0.9c0.5,0.1,0.8,0.5,0.8,0.9V7c0,0,0,1.8-0.9,1.8h-7v7.6h1.7c0.3,0,0.5,0.2,0.5,0.5
|
||||
c0,0.3-0.2,0.5-0.5,0.5H9.1C9.1,17.5,9.1,17.5,9.1,17.5z M6.4,16.5l2.2,0V8.9H6.4V16.5z M9.6,7.9h6.7c0.1-0.3,0.2-0.7,0.2-0.9
|
||||
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>
|
||||
<span class="label-align">
|
||||
{{#if build.last_build}}
|
||||
{{#if getLast5Builds.isLoading}}
|
||||
{{loading-indicator inline=true}}
|
||||
{{else}}
|
||||
{{getLast5Builds.count}} builds
|
||||
{{/if}}
|
||||
{{else}}
|
||||
0 builds
|
||||
{{/if}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-line row-last-build fade-out">
|
||||
<div class="row-request">
|
||||
<div class="row-item">
|
||||
{{#if build.last_build}}
|
||||
{{#link-to "build" build.repository.slug build.last_build.id}}
|
||||
{{request-icon build=build}}
|
||||
<span class="label-align">#{{build.last_build.number}} {{build.last_build.state}}</span>
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
{{request-icon build=build}} -
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-calendar">
|
||||
<div class="row-item" title="{{pretty-date build.last_build.finished_at}}">
|
||||
<span class="icon">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{#if build.last_build}}
|
||||
{{format-time build.last_build.finished_at}}
|
||||
{{else}}
|
||||
-
|
||||
{{/if}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-line">
|
||||
<div class="row-commit">
|
||||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||
<span class="icon">
|
||||
<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
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{#if build.last_build}}
|
||||
{{format-sha build.last_build.commit.sha}}
|
||||
{{else}}
|
||||
-
|
||||
{{/if}}</span>
|
||||
</a></div>
|
||||
</div>
|
||||
<div class="row-commiter">
|
||||
<div class="row-item">
|
||||
{{#if build.last_build}}
|
||||
<img src="{{build.last_build.commit.committer.avatar_url}}" alt="avatar" class="avatar"><span class="label-align">{{build.last_build.commit.committer.name}}</span>
|
||||
{{else}}
|
||||
<div class="avatar"></div><span class="label-align">no commits yet</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{!-- <div class="one-line is-relative">
|
||||
{{#unless inactive}}
|
||||
{{#if canTrigger}}
|
||||
|
||||
{{#if build.last_build}}
|
||||
<div class="row-nav dropup-trigger">
|
||||
<div class="row-item">
|
||||
<a href="#"><span class="icon icon-tofu">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Tofuburger">
|
||||
<path fill="#A7AEAE" d="M17.9,6.2H2.1C1.8,6.2,1.5,6,1.5,5.6C1.5,5.3,1.8,5,2.1,5h15.7c0.4,0,0.6,0.3,0.6,0.6
|
||||
C18.5,6,18.2,6.2,17.9,6.2z"/>
|
||||
<path fill="#A7AEAE" d="M17.9,10.6H2.1c-0.4,0-0.6-0.3-0.6-0.6s0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6S18.2,10.6,17.9,10.6z
|
||||
"/>
|
||||
<path fill="#A7AEAE" d="M17.9,15H2.1c-0.4,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6
|
||||
C18.5,14.7,18.2,15,17.9,15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span></a></div>
|
||||
</div>
|
||||
<div class="dropup--blue">
|
||||
<ul>
|
||||
<li>
|
||||
{{#if hasTriggered}}
|
||||
<span class="icon">
|
||||
<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>
|
||||
</span>
|
||||
<span class="dropup-item no-link">Build triggered</span>
|
||||
{{else}}
|
||||
{{#if isTriggering}}
|
||||
{{loading-indicator}}
|
||||
{{else}}
|
||||
<a {{action 'tiggerBuild'}}>
|
||||
<span class="icon icon-trigger">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Trigger">
|
||||
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
|
||||
c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
|
||||
S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
|
||||
c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="dropup-item">Trigger a build</span>
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li><a {{action 'viewAllBuilds'}}>
|
||||
<span class="icon icon-eye">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="View">
|
||||
<path fill="#A7AEAE" d="M17.4,9.6c-0.1-0.2-3.3-4.1-7.4-4.1s-7.3,4-7.4,4.1c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.2,3.3,4.1,7.4,4.1
|
||||
s7.3-4,7.4-4.1C17.6,10.2,17.6,9.8,17.4,9.6z M10,13.2c-2.8,0-5.2-2.3-6.1-3.2C4.8,9.1,7.2,6.8,10,6.8c2.8,0,5.2,2.3,6.1,3.2
|
||||
C15.2,10.9,12.8,13.2,10,13.2z"/>
|
||||
<path fill="#A7AEAE" d="M10,7c-1.5,0-2.6,1.3-2.6,3s1.2,3,2.6,3s2.6-1.3,2.6-3S11.5,7,10,7z M10,11.7c-0.7,0-1.3-0.7-1.3-1.7
|
||||
S9.3,8.3,10,8.3s1.3,0.7,1.3,1.7S10.7,11.7,10,11.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="dropup-item">View all builds</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
</div> --}}
|
||||
|
||||
<div class="one-line is-relative">
|
||||
<ul class="build-tiles">
|
||||
{{#if getLast5Builds.isLoading}}
|
||||
{{loading-indicator center=true}}
|
||||
{{else}}
|
||||
{{#each getLast5Builds.content as |buildTile|}}
|
||||
{{build-tile build=buildTile}}
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
</ul>
|
||||
{{!-- {{#unless build.last_build}}
|
||||
{{#unless inactive}}
|
||||
{{#if canTrigger}}
|
||||
|
||||
{{#if hasTriggered}}
|
||||
<span class="nobuilds-tigger">
|
||||
<span class="icon icon-trigger">
|
||||
<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>
|
||||
</span>
|
||||
Build triggered</span>
|
||||
{{else}}
|
||||
{{#if isTriggering}}
|
||||
<span class="nobuilds-tigger">{{loading-indicator inline=true}}</span>
|
||||
{{else}}
|
||||
<a {{action 'tiggerBuild'}} class="nobuilds-tigger">
|
||||
<span class="icon icon-trigger">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Trigger">
|
||||
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
|
||||
c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
|
||||
S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
|
||||
c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
Trigger a build</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
{{/unless}} --}}
|
||||
</div>
|
||||
10
app/templates/components/build-tile.hbs
Normal file
10
app/templates/components/build-tile.hbs
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
{{#if build.number}}
|
||||
{{#link-to "build" build.repository.slug build.id class="dropup-trigger"}}
|
||||
{{status-icon status=build.state}}
|
||||
|
||||
{{build.last_build.state}}
|
||||
<div class="dropup--status">
|
||||
{{request-icon build=build}} <span class="label-align">#{{build.number}}</span>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
151
app/templates/components/dashboard-row.hbs
Normal file
151
app/templates/components/dashboard-row.hbs
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
|
||||
<div class="two-line fade-out">
|
||||
<div class="row-name row-item row-color">
|
||||
<h3>{{#link-to "owner" repo.owner.login}}{{status-icon status=repo.default_branch.last_build.state}} {{repo.owner.login}}{{/link-to}}</h3>
|
||||
<h2>{{#link-to "repo" repo.owner.login repo.name}}<span class="label-align">{{repo.name}}</span>{{/link-to}}</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="one-line fade-out">
|
||||
<div class="row-request">
|
||||
<div class="row-item">
|
||||
{{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
|
||||
{{request-icon build=repo.default_branch.last_build}}
|
||||
<span class="label-align">#{{repo.default_branch.last_build.number}} {{repo.default_branch.last_build.state}} on {{repo.default_branch.name}}</span>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="one-line">
|
||||
<div class="row-commit">
|
||||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||
<span class="icon">
|
||||
<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
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{format-sha repo.default_branch.last_build.commit.sha}}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="one-line">
|
||||
<div class="row-calendar">
|
||||
<div class="row-item" title="{{repo.default_branch.last_build.finished_at}}">
|
||||
<span class="icon">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{#if repo.default_branch.last_build}}
|
||||
{{format-time repo.default_branch.last_build.finished_at}}
|
||||
{{else}}
|
||||
-
|
||||
{{/if}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{!--
|
||||
<div class="one-line is-relative">
|
||||
<div class="row-nav dropup-trigger">
|
||||
<div class="row-item">
|
||||
<a href="#"><span class="icon icon-tofu">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Tofuburger">
|
||||
<path fill="#A7AEAE" d="M17.9,6.2H2.1C1.8,6.2,1.5,6,1.5,5.6C1.5,5.3,1.8,5,2.1,5h15.7c0.4,0,0.6,0.3,0.6,0.6
|
||||
C18.5,6,18.2,6.2,17.9,6.2z"/>
|
||||
<path fill="#A7AEAE" d="M17.9,10.6H2.1c-0.4,0-0.6-0.3-0.6-0.6s0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6S18.2,10.6,17.9,10.6z
|
||||
"/>
|
||||
<path fill="#A7AEAE" d="M17.9,15H2.1c-0.4,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6
|
||||
C18.5,14.7,18.2,15,17.9,15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span></a></div>
|
||||
</div>
|
||||
<div class="dropup--blue">
|
||||
<ul>
|
||||
<li><a {{action 'deactivateRepo'}}>
|
||||
<span class="icon icon-eye">
|
||||
<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>
|
||||
</span>
|
||||
<span class="dropup-item">Deactivate</span></a>
|
||||
</li>
|
||||
<li>
|
||||
{{#if hasTriggered}}
|
||||
<span class="icon">
|
||||
<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>
|
||||
</span>
|
||||
<span class="dropup-item no-link">Build triggered</span>
|
||||
{{else}}
|
||||
{{#if isTriggering}}
|
||||
{{loading-indicator}}
|
||||
{{else}}
|
||||
<a {{action 'tiggerBuild'}}>
|
||||
<span class="icon icon-trigger">
|
||||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Trigger">
|
||||
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
|
||||
c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
|
||||
S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
|
||||
c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="dropup-item">Trigger a build</span>
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
{{#each flash in messages}}
|
||||
{{#each messages as |flash|}}
|
||||
{{flash-item flash=flash close=(action 'closeMessage')}}
|
||||
{{/each}}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
{{/if}}
|
||||
|
||||
<ul class="jobs-list">
|
||||
{{#each job in jobs}}
|
||||
{{#each jobs as |job|}}
|
||||
{{jobs-item job=job repo=repo}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
|
|
|||
108
app/templates/components/landing-row.hbs
Normal file
108
app/templates/components/landing-row.hbs
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
|
||||
<div class="two-line row-header fade-out">
|
||||
<div class="row-name row-color">
|
||||
<h3>{{#link-to "owner" repo.owner}}
|
||||
{{status-icon status=repo.lastBuildState}}
|
||||
<span class="label-align">{{repo.owner}}</span>{{/link-to}}
|
||||
</h3>
|
||||
<h2>{{#link-to "repo" repo.owner repo.name}}
|
||||
<span class="label-align">{{repo.name}}</span>
|
||||
{{/link-to}}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="two-line">
|
||||
<div class="row-number">
|
||||
<div class="row-item row-color">
|
||||
{{#link-to "build" repo repo.lastBuildId}}
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 191 20 20" style="enable-background:new -289 191 20 20;" xml:space="preserve">
|
||||
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
||||
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
||||
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
||||
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
||||
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
||||
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
||||
L-277.2,202.4z"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{repo.lastBuildNumber}} {{repo.lastBuildState}}</span>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-calendar">
|
||||
<div class="row-item" title="{{repo.lastBuildFinishedAt}}">
|
||||
<span class="icon">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{landing-page-last-build-time repo.lastBuildFinishedAt}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="two-line">
|
||||
<div class="row-commit">
|
||||
<div class="row-item">
|
||||
<span class="icon">
|
||||
<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
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">
|
||||
{{format-sha repo.lastBuild.commit.sha}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-commiter">
|
||||
<div class="row-item">
|
||||
<span class="icon">
|
||||
<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>
|
||||
</span><span class="label-align">{{repo.lastBuild.commit.branch}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
{{else}}
|
||||
<a href="" title="">
|
||||
{{#if selected }}
|
||||
<img src="https://placehold.it/30x30" alt="">
|
||||
<img src="{{selected.avatar_url}}" alt="{{org.login}}">
|
||||
{{#if selected.name}}
|
||||
{{selected.name}}
|
||||
{{else}}
|
||||
|
|
@ -19,11 +19,11 @@
|
|||
</div>
|
||||
<ul class="filter-dropdown">
|
||||
{{#if selected }}
|
||||
<li><a href="#" title="" {{action 'select'}}>All organizations</a></li>
|
||||
<li><a title="" {{action 'select'}}>All organizations</a></li>
|
||||
{{/if}}
|
||||
{{#each org in orgs}}
|
||||
{{#each orgs as |org|}}
|
||||
<li>
|
||||
<a href="#" title="" {{action 'select' org}}><img src="https://placehold.it/30x30" alt="">
|
||||
<a title="" {{action 'select' org}}><img src="{{org.avatar_url}}" alt="">
|
||||
{{#if org.name }}
|
||||
{{org.name}}
|
||||
{{else}}
|
||||
|
|
|
|||
|
|
@ -1,37 +1,99 @@
|
|||
{{!-- {{#if repo.private }}
|
||||
<div class="tile-lock"><span class="icon icon-lock"></span></div>
|
||||
{{/if}} --}}
|
||||
<div class="repo">
|
||||
{{#if isAnimating}}
|
||||
<span class="icon-owner-receiving"><i></i><i></i><i></i></span>
|
||||
{{else}}
|
||||
<span class="icon--job {{repo.default_branch.last_build.state}}"></span>
|
||||
{{/if}}
|
||||
<h2 class="repo-title">{{#link-to "repo" ownerName repoName }}{{repoName}}{{/link-to}}</h2>
|
||||
<div class="row-item fade-out">
|
||||
<div clas="one-line">
|
||||
<h2 class="repo-title">
|
||||
{{status-icon status=repo.default_branch.last_build.state}}
|
||||
{{#link-to "repo" ownerName repoName }}
|
||||
<span class="label-align">{{repoName}}</span>
|
||||
{{/link-to}}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
{{#if repo.default_branch.last_build}}
|
||||
<div class="build">
|
||||
{{#link-to "build" ownerName repoName repo.default_branch.last_build.id}}
|
||||
<span class="icon-hash"></span>
|
||||
<span>{{repo.default_branch.last_build.number}}</span>
|
||||
{{/link-to}}
|
||||
<div class="row-item">
|
||||
<div class="one-line">
|
||||
{{#link-to "build" ownerName repoName repo.default_branch.last_build.id}}
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
||||
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
||||
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
||||
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
||||
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
||||
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
||||
L-277.2,202.4z"/>x
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">{{repo.default_branch.last_build.number}}</span>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="branch">
|
||||
<span class="icon-{{repo.default_branch.last_build.event_type}}"></span>
|
||||
<p>
|
||||
{{repo.default_branch.name}}
|
||||
</p>
|
||||
|
||||
<div class="row-item fade-out">
|
||||
<div class="one-line">
|
||||
{{request-icon build=repo.default_branch.last_build}}
|
||||
<span class="label-align">{{repo.default_branch.name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commit">
|
||||
<a href="{{repo.default_branch.last_build.commit.compare_url}}">
|
||||
<span class="icon-github"></span>
|
||||
<span>{{format-sha repo.default_branch.last_build.commit.sha}}</span>
|
||||
</a>
|
||||
|
||||
<div class="row-item">
|
||||
<div class="one-line">
|
||||
<a href="{{repo.default_branch.last_build.commit.compare_url}}">
|
||||
<span class="icon">
|
||||
<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
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="label-align">{{format-sha repo.default_branch.last_build.commit.sha}}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="duration">
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="build-status">{{repo.default_branch.last_build.state}}</span>
|
||||
<span class="finished-at">{{format-time repo.default_branch.last_build.finished_at}}</span>
|
||||
|
||||
<div class="row-item fade-out">
|
||||
<div class="one-line">
|
||||
<span class="icon">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="build-status label-align">{{repo.default_branch.last_build.state}}</span>
|
||||
<span class="finished-at label-align">{{format-time repo.default_branch.last_build.finished_at}}</span>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<p>there is no build</p>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="tile tile--sidebar {{repo.lastBuildState}}">
|
||||
<h2 class="tile-title">
|
||||
{{#if repo.slug}}
|
||||
<span class="icon icon--job {{repo.lastBuildState}}"></span>
|
||||
{{status-icon status=repo.lastBuildState}}
|
||||
{{#link-to "repo" repo class="slug"}}{{repo.slug}}{{/link-to}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
|
|
@ -9,7 +9,18 @@
|
|||
{{#if repo.slug}}
|
||||
{{#if lastBuild.id}}
|
||||
<p class="tile-title float-right">
|
||||
<span class="icon icon--hash"></span>
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
||||
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
||||
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
||||
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
||||
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
||||
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
||||
L-277.2,202.4z"/>
|
||||
</svg>
|
||||
</span>
|
||||
{{#link-to "build" repo lastBuild.id
|
||||
class="last_build"}}{{lastBuild.number}}{{/link-to}}
|
||||
</p>
|
||||
|
|
@ -18,7 +29,17 @@
|
|||
{{/with}}
|
||||
|
||||
<p>
|
||||
<span class="icon icon--clock"></span>
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-288 192 20 20" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#A5ACAD" class="st0" d="M-278.9,207.7c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7s6.7,3,6.7,6.7S-275.2,207.7-278.9,207.7z M-278.9,195.4
|
||||
c-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-275.8,195.4-278.9,195.4z"/>
|
||||
<path fill="#A5ACAD" class="st0" d="M-276.7,203.1c-0.1,0-0.2,0-0.3-0.1l-2.4-1.5c-0.2-0.1-0.2-0.3-0.2-0.4v-3.8c0-0.3,0.2-0.5,0.5-0.5
|
||||
s0.5,0.2,0.5,0.5v3.5l2.1,1.4c0.2,0.2,0.3,0.5,0.2,0.7C-276.4,203-276.5,203.1-276.7,203.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
Duration:
|
||||
<abbr class="duration" title={{lastBuildStartedAt}}>
|
||||
{{format-duration repo.lastBuildDuration}}
|
||||
|
|
@ -26,7 +47,22 @@
|
|||
</p>
|
||||
|
||||
<p>
|
||||
<span class="icon icon--cal"></span>
|
||||
<span class="icon">
|
||||
<svg viewBox="0 2 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
Finished:
|
||||
<abbr class="finished_at timeago" title={{lastBuildFinishedAt}}>
|
||||
{{format-time repo.lastBuildFinishedAt}}
|
||||
|
|
|
|||
52
app/templates/components/request-icon.hbs
Normal file
52
app/templates/components/request-icon.hbs
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
{{#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">
|
||||
<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>
|
||||
{{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 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}}
|
||||
61
app/templates/components/status-icon.hbs
Normal file
61
app/templates/components/status-icon.hbs
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
|
||||
{{#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>
|
||||
{{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 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 -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}}
|
||||
{{/if}}
|
||||
|
|
@ -1,14 +1,19 @@
|
|||
<div class="sync-button">
|
||||
{{#if user.isSyncing }}
|
||||
<button class="button is-syncing">
|
||||
<span class="loading-indicator--white"><i></i><i></i><i></i></span>Syncing from GitHub
|
||||
</button>
|
||||
{{else}}
|
||||
<p class="sync-last">last synced {{format-time user.syncedAt}}</p>
|
||||
<button {{action 'sync'}} class="button">
|
||||
<span class="icon icon-sync"></span>Sync account
|
||||
</button>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
|
||||
{{#if user.isSyncing }}
|
||||
<button class="button is-syncing">
|
||||
<span class="loading-indicator--white"><i></i><i></i><i></i></span>Syncing from GitHub
|
||||
</button>
|
||||
{{else}}
|
||||
<button {{action 'sync'}} class="button">
|
||||
<span class="icon">
|
||||
<svg x="0px" y="0px" viewBox="0 1 18 18" xml:space="preserve">
|
||||
<g id="Trigger">
|
||||
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
|
||||
c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
|
||||
S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
|
||||
c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>Sync account
|
||||
</button>
|
||||
<p class="sync-last">last synced {{format-time user.syncedAt}}</p>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div id="filters" class="section section--white section--maxheight">
|
||||
<div id="filters" class="dashboard-filter">
|
||||
<div class="row">
|
||||
{{orgs-filter orgs=orgs selected=selectedOrg action="selectOrg"}}
|
||||
<div class="float-right">
|
||||
|
|
@ -7,51 +7,22 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dashboard">
|
||||
<section class="dashboard-starred">
|
||||
<div class="dashboard centered">
|
||||
{{!-- <section class="dashboard-starred">
|
||||
<div class="row">
|
||||
<div class="dashboard--empty">
|
||||
<p><span class="icon icon-star"></span>Want to keep an eye on certain projects? Star repositories below to add them in this section.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="dashboard-active">
|
||||
</section> --}}
|
||||
|
||||
<ul class="dashboard-active">
|
||||
{{#each repo in filteredRepositories}}
|
||||
<div class="db row {{repo.last_build.state}}">
|
||||
{{#if repo.private }}
|
||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
||||
{{/if}}
|
||||
<div class="db-status">
|
||||
<span class="icon icon-status {{repo.last_build.state}}"></span>
|
||||
<span class="icon icon-star"></span>
|
||||
</div>
|
||||
<div class="db-repo column medium-3 small-12">
|
||||
<h3>{{repo.owner.login}}</h3>
|
||||
<h2>{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</h2>
|
||||
</div>
|
||||
<div class="db-controls column medium-9 small-12 end">
|
||||
<p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>
|
||||
{{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
|
||||
{{repo.last_build.number}} {{repo.last_build.state}}
|
||||
{{/link-to}}</p>
|
||||
<p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
|
||||
<p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
|
||||
<p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>{{format-time repo.last_build.finished_at}}</p>
|
||||
</div>
|
||||
<div class="db-burger">
|
||||
<span class="icon icon-burger"></span>
|
||||
</div>
|
||||
<ul class="dropdown--db">
|
||||
<li><a href="#" title="">Deactivate repository</a></li>
|
||||
<li><a href="#" title="">Trigger a build</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{dashboard-row repo=repo}}
|
||||
{{/each}}
|
||||
</section>
|
||||
<hr>
|
||||
</ul>
|
||||
{{!-- <hr> --}}
|
||||
|
||||
<section class="dashboard-inactive">
|
||||
</section>
|
||||
<ul class="dashboard-inactive">
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -51,35 +51,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="medium-6 columns">
|
||||
<ul class="tiles-landing">
|
||||
{{#each repo in repos}}
|
||||
<li class="db column {{repo.lastBuild.state}}">
|
||||
<div class="db-status">
|
||||
<span class="icon icon-status {{repo.lastBuild.state}}"></span>
|
||||
</div>
|
||||
<div class="db-repo column">
|
||||
<h3>{{repo.owner}}</h3>
|
||||
<h2>{{#link-to "repo" repo}}{{repo.name}}{{/link-to}}</h2>
|
||||
</div>
|
||||
<div class="db-controls column end">
|
||||
<p class="db-job column medium-6">
|
||||
{{#link-to "build" repo repo.lastBuild.id}}
|
||||
<span class="icon icon-hash"></span>
|
||||
{{repo.lastBuild.number}}
|
||||
{{repo.lastBuild.state}}
|
||||
{{/link-to}}
|
||||
</p>
|
||||
<p class="db-commit column medium-6">
|
||||
<span class="icon icon-github"></span>
|
||||
{{format-sha repo.lastBuild.commit.sha}}</p>
|
||||
<p class="db-timeago column medium-6">
|
||||
<span class="icon icon-cal"></span>
|
||||
{{landing-page-last-build-time repo.lastBuild.finishedAt}}</p>
|
||||
<p class="db-branch column medium-6">
|
||||
<span class="icon icon-branch"></span>
|
||||
{{repo.lastBuild.branch}}</p>
|
||||
</div>
|
||||
</li>
|
||||
<ul class="landing-rows">
|
||||
{{#each repos as |repo|}}
|
||||
{{landing-row repo=repo}}
|
||||
{{else}}
|
||||
{{loading-indicator}}
|
||||
{{/each}}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</h2>
|
||||
{{/if}}
|
||||
|
||||
{{#each job in view.jobs}}
|
||||
{{#each view.jobs as |job|}}
|
||||
{{#view 'jobs-item' context=job}}
|
||||
<div class="tile tile--jobs row {{job.state}}">
|
||||
{{#if job.config}}
|
||||
|
|
|
|||
10
public/images/line-icons/icon-api.svg
Normal file
10
public/images/line-icons/icon-api.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<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>
|
||||
|
After Width: | Height: | Size: 753 B |
14
public/images/line-icons/icon-build.svg
Normal file
14
public/images/line-icons/icon-build.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" enable-background="new 0 0 20 20">
|
||||
<g id="Build">
|
||||
<path fill="#A7AEAE" d="M15.2,15.3c-0.4,0-0.7-0.1-1-0.4c-0.4-0.3-0.6-0.8-0.6-1.2c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5
|
||||
c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.1c0.2,0,0.4-0.2,0.5-0.5c0.1-0.3-0.1-0.6-0.4-0.7c-0.4-0.2-0.7-0.6-0.7-1.1V8.7
|
||||
c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5V12c0,0,0,0.2,0.1,0.2c0.7,0.3,1.1,1,1,1.8c-0.1,0.6-0.6,1.2-1.3,1.3
|
||||
C15.3,15.3,15.3,15.3,15.2,15.3z"/>
|
||||
<path fill="#A7AEAE" d="M9.1,17.5C9.1,17.5,9.1,17.5,9.1,17.5H3.7c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.7V8.9H3.4
|
||||
C2.5,8.9,2.5,7.1,2.5,7V6.6c0-0.5,0.3-0.9,0.7-1l2.2-0.8V3.3c0-0.2,0.1-0.5,0.3-0.6c0.2-0.2,0.4-0.2,0.7-0.2l1.5,0.3
|
||||
C9,3,9.6,3.1,9.6,3.7v1.2l7.1,0.9c0.5,0.1,0.8,0.5,0.8,0.9V7c0,0,0,1.8-0.9,1.8h-7v7.6h1.7c0.3,0,0.5,0.2,0.5,0.5
|
||||
c0,0.3-0.2,0.5-0.5,0.5H9.1C9.1,17.5,9.1,17.5,9.1,17.5z M6.4,16.5l2.2,0V8.9H6.4V16.5z M9.6,7.9h6.7c0.1-0.3,0.2-0.7,0.2-0.9
|
||||
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>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
14
public/images/line-icons/icon-cal.svg
Normal file
14
public/images/line-icons/icon-cal.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
8
public/images/line-icons/icon-cancelled.svg
Normal file
8
public/images/line-icons/icon-cancelled.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<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="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>
|
||||
|
After Width: | Height: | Size: 521 B |
9
public/images/line-icons/icon-clock.svg
Normal file
9
public/images/line-icons/icon-clock.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 191 20 20" style="enable-background:new -289 191 20 20;" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#A5ACAD" class="st0" d="M-278.9,207.7c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7s6.7,3,6.7,6.7S-275.2,207.7-278.9,207.7z M-278.9,195.4
|
||||
c-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-275.8,195.4-278.9,195.4z"/>
|
||||
<path class="st0" d="M-276.7,203.1c-0.1,0-0.2,0-0.3-0.1l-2.4-1.5c-0.2-0.1-0.2-0.3-0.2-0.4v-3.8c0-0.3,0.2-0.5,0.5-0.5
|
||||
s0.5,0.2,0.5,0.5v3.5l2.1,1.4c0.2,0.2,0.3,0.5,0.2,0.7C-276.4,203-276.5,203.1-276.7,203.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 619 B |
24
public/images/line-icons/icon-commit.svg
Normal file
24
public/images/line-icons/icon-commit.svg
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<svg x="0px" y="0px" viewBox="0 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
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
8
public/images/line-icons/icon-errored.svg
Normal file
8
public/images/line-icons/icon-errored.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<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>
|
||||
|
After Width: | Height: | Size: 384 B |
8
public/images/line-icons/icon-failed.svg
Normal file
8
public/images/line-icons/icon-failed.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<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="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>
|
||||
|
After Width: | Height: | Size: 578 B |
10
public/images/line-icons/icon-hash.svg
Normal file
10
public/images/line-icons/icon-hash.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 191 20 20" style="enable-background:new -289 191 20 20;" xml:space="preserve">
|
||||
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
||||
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
||||
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
||||
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
||||
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
||||
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
||||
L-277.2,202.4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 893 B |
11
public/images/line-icons/icon-no-builds.svg
Normal file
11
public/images/line-icons/icon-no-builds.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?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="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>
|
||||
|
After Width: | Height: | Size: 584 B |
9
public/images/line-icons/icon-passed.svg
Normal file
9
public/images/line-icons/icon-passed.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<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="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<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
|
||||
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>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 493 B |
15
public/images/line-icons/icon-pull.svg
Normal file
15
public/images/line-icons/icon-pull.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<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>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
8
public/images/line-icons/icon-push.svg
Normal file
8
public/images/line-icons/icon-push.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<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>
|
||||
|
After Width: | Height: | Size: 515 B |
10
public/images/line-icons/icon-tofuburger.svg
Normal file
10
public/images/line-icons/icon-tofuburger.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Tofuburger">
|
||||
<path fill="#A7AEAE" d="M17.9,6.2H2.1C1.8,6.2,1.5,6,1.5,5.6C1.5,5.3,1.8,5,2.1,5h15.7c0.4,0,0.6,0.3,0.6,0.6
|
||||
C18.5,6,18.2,6.2,17.9,6.2z"/>
|
||||
<path fill="#A7AEAE" d="M17.9,10.6H2.1c-0.4,0-0.6-0.3-0.6-0.6s0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6S18.2,10.6,17.9,10.6z
|
||||
"/>
|
||||
<path fill="#A7AEAE" d="M17.9,15H2.1c-0.4,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6h15.7c0.4,0,0.6,0.3,0.6,0.6
|
||||
C18.5,14.7,18.2,15,17.9,15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 529 B |
8
public/images/line-icons/icon-trigger.svg
Normal file
8
public/images/line-icons/icon-trigger.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Trigger">
|
||||
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
|
||||
c1.8,0,3.6-0.8,4.8-2.2c0.2-0.3,0.2-0.7-0.1-0.9c-0.3-0.2-0.7-0.2-0.9,0.1c-1,1.1-2.4,1.7-3.9,1.7c-2.8,0-5.1-2.3-5.1-5.1
|
||||
S6.1,4.9,9,4.9c2.7,0,4.9,2.1,5.1,4.7l-1.7-1.1c-0.3-0.2-0.7-0.1-0.9,0.2s-0.1,0.7,0.2,0.9l2.8,1.8c0,0,0,0,0,0
|
||||
c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1-0.1c0,0,0.1-0.1,0.1-0.1l2-2.4C17.6,8.5,17.5,8.1,17.2,7.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 590 B |
9
public/images/line-icons/icon-view.svg
Normal file
9
public/images/line-icons/icon-view.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="View">
|
||||
<path fill="#A7AEAE" d="M17.4,9.6c-0.1-0.2-3.3-4.1-7.4-4.1s-7.3,4-7.4,4.1c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.2,3.3,4.1,7.4,4.1
|
||||
s7.3-4,7.4-4.1C17.6,10.2,17.6,9.8,17.4,9.6z M10,13.2c-2.8,0-5.2-2.3-6.1-3.2C4.8,9.1,7.2,6.8,10,6.8c2.8,0,5.2,2.3,6.1,3.2
|
||||
C15.2,10.9,12.8,13.2,10,13.2z"/>
|
||||
<path fill="#A7AEAE" d="M10,7c-1.5,0-2.6,1.3-2.6,3s1.2,3,2.6,3s2.6-1.3,2.6-3S11.5,7,10,7z M10,11.7c-0.7,0-1.3-0.7-1.3-1.7
|
||||
S9.3,8.3,10,8.3s1.3,0.7,1.3,1.7S10.7,11.7,10,11.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 564 B |
|
|
@ -63,5 +63,5 @@ test 'visiting /dashboard', ->
|
|||
visit '/dashboard'
|
||||
|
||||
andThen ->
|
||||
equal find('.dashboard-active .row').length, 1, 'there should be one repo displayed on dashboard'
|
||||
equal find('.dashboard-active .row h2').text(), 'travis-web', 'travis-web repository should be displayed'
|
||||
equal find('.dashboard-active .dashboard-row').length, 1, 'there should be one repo displayed on dashboard'
|
||||
equal find('.dashboard-active .dashboard-row h2').text(), 'travis-web', 'travis-web repository should be displayed'
|
||||
|
|
|
|||
51
tests/unit/components/branch-row.coffee
Normal file
51
tests/unit/components/branch-row.coffee
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
`import { test, moduleForComponent } from 'ember-qunit'`
|
||||
|
||||
moduleForComponent 'branch-row', 'BranchRowComponent', {
|
||||
# specify the other units that are required for this test
|
||||
needs: ['helper:format-time', 'helper:format-duration', 'helper:format-sha', 'component:status-icon', 'component:request-icon']
|
||||
}
|
||||
|
||||
test 'it renders', ->
|
||||
|
||||
attributes = {
|
||||
name: "local-test",
|
||||
repository: {
|
||||
id: 13661,
|
||||
slug: "meatballhat/yolo-octo-adventure",
|
||||
default_branch: {
|
||||
name: "master",
|
||||
last_build: {
|
||||
id: 434835,
|
||||
number: "1086",
|
||||
state: "passed",
|
||||
duration: 11,
|
||||
event_type: "push",
|
||||
previous_state: "passed",
|
||||
started_at: "2015-08-24T21:34:22Z",
|
||||
finished_at: "2015-08-24T21:35:14Z",
|
||||
commit: {
|
||||
sha: "0e9d8ebc78d2192cc599580751763a5dd6be0ccd",
|
||||
committer: {
|
||||
name: "Dan Buch",
|
||||
avatar_url: "https://0.gravatar.com/avatar/563fd372b4d51781853bc85147f06a36"
|
||||
},
|
||||
author: {
|
||||
name: "Dan Buch",
|
||||
avatar_url: "https://0.gravatar.com/avatar/563fd372b4d51781853bc85147f06a36"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
component = @subject(repo: attributes)
|
||||
|
||||
@append()
|
||||
|
||||
ok component.$().hasClass('passed'), 'component should have state class (passed)'
|
||||
equal component.$('.row-name').text().trim(), 'master', 'should display correct branch name'
|
||||
equal component.$('.row-request').text().trim(), '#1086 passed', 'should display build number and state'
|
||||
equal component.$('.row-commiter').text().trim(), 'Dan Buch', 'should display correct commiter name'
|
||||
equal component.$('.row-commit').text().trim(), '0e9d8eb', 'should display correct commit sha'
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
moduleForComponent 'owner-repo-tile', 'OwnerRepoTileComponent', {
|
||||
# specify the other units that are required for this test
|
||||
needs: ['helper:format-time', 'helper:format-duration', 'helper:format-sha']
|
||||
needs: ['helper:format-time', 'helper:format-duration', 'helper:format-sha', 'component:status-icon', 'component:request-icon']
|
||||
}
|
||||
|
||||
test 'it renders', ->
|
||||
|
|
@ -35,8 +35,6 @@ test 'it renders', ->
|
|||
@append()
|
||||
|
||||
ok component.$().hasClass('passed'), 'component should have state class (passed)'
|
||||
equal component.$('.repo-title a').text().trim(), 'travis-chat', 'should display correct repo name'
|
||||
equal component.$('.build a').text().trim(), '25', 'should display correct build numbee'
|
||||
equal component.$('.build-status').text().trim(), 'passed', 'should display a last build state'
|
||||
equal component.$('.commit a').text().trim(), '16fff34', 'should display correct commit sha'
|
||||
equal component.$('.finished-at').text().trim(), '2 years ago', 'should display correct build duration'
|
||||
equal component.$('.row-item:nth-of-type(1)').text().trim(), 'travis-chat', 'should display correct repo name'
|
||||
equal component.$('.row-item:nth-of-type(3)').text().trim(), 'master', 'should display branch name'
|
||||
equal component.$('.row-item:nth-of-type(4)').text().trim(), '16fff34', 'should display correct commit sha'
|
||||
|
|
|
|||
12
tests/unit/controllers/branches-test.coffee
Normal file
12
tests/unit/controllers/branches-test.coffee
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
`import { test, moduleFor } from 'ember-qunit'`
|
||||
|
||||
moduleFor 'controller:branches', {
|
||||
# Specify the other units that are required for this test.
|
||||
# needs: ['controller:foo']
|
||||
}
|
||||
|
||||
# Replace this with your real tests.
|
||||
test 'it exists', (assert) ->
|
||||
controller = @subject()
|
||||
assert.ok controller
|
||||
|
||||
Loading…
Reference in New Issue
Block a user