start redoing dashboard
This commit is contained in:
Lisa P
parent
ace639adc0
commit
3ef64f0910
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.last_build.state']
|
||||
classNames: ['dashboard-row']
|
||||
isLoading: false
|
||||
isTriggering: false
|
||||
hasTriggered: false
|
||||
|
||||
urlGithubCommit: (->
|
||||
githubCommitUrl(@get('repo.slug'), @get('repo.default_branch.last_build.commit.sha'))
|
||||
).property('repo.last_build')
|
||||
|
||||
# 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`
|
||||
|
|
@ -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()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -91,13 +91,13 @@
|
|||
@mixin statusColors($color, $status, $color2: $color)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color2 0%, $color2 9px, white 10px, white 100%) no-repeat
|
||||
.branch-name,
|
||||
.branch-request a
|
||||
.row-name,
|
||||
.row-request a
|
||||
color: $color
|
||||
&:hover
|
||||
border-color: $color
|
||||
.branch-name .status-icon g > *,
|
||||
.branch-request .icon-request g > *
|
||||
.row-name .status-icon g > *,
|
||||
.row-request .icon-request g > *
|
||||
fill: $color
|
||||
|
||||
.build a,
|
||||
|
|
|
|||
|
|
@ -101,13 +101,13 @@
|
|||
@extend %row-element
|
||||
.row-item
|
||||
display: inline-block
|
||||
.branch-nav
|
||||
.row-nav
|
||||
display: none
|
||||
text-align: center
|
||||
@media #{$medium-up}
|
||||
display: block
|
||||
|
||||
.branch-last-build
|
||||
.row-last-build
|
||||
@media #{$medium-up}
|
||||
padding-left: 1em
|
||||
&:before
|
||||
|
|
|
|||
|
|
@ -1,224 +1,95 @@
|
|||
/*
|
||||
* 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
|
||||
|
||||
@mixin colorDashboardTiles($color, $status, $color2: $color)
|
||||
&.#{$status}
|
||||
.row-request
|
||||
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
|
||||
.dashboard-active li
|
||||
|
||||
.db
|
||||
@include resetul
|
||||
margin: auto
|
||||
position: relative
|
||||
margin-bottom: 1em
|
||||
background: $cream-light
|
||||
@extend border-radius-4px
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style-type: none
|
||||
|
||||
h2, h3, p
|
||||
margin: 0
|
||||
font-weight: 400
|
||||
white-space: nowrap
|
||||
|
||||
p
|
||||
font-size: $font-size-m
|
||||
border: 1px solid $cream-dark
|
||||
font-size: 16px
|
||||
text-align: left
|
||||
margin-bottom: .3rem
|
||||
color: $grey-dark
|
||||
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
||||
|
||||
.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)
|
||||
@media #{$medium-up}
|
||||
margin-bottom: 0
|
||||
|
||||
.db-status
|
||||
position: absolute;
|
||||
top: 0
|
||||
left: 0
|
||||
height: 100%
|
||||
width: 2.5em
|
||||
border-top-left-radius: 4px
|
||||
border-bottom-left-radius: 4px
|
||||
|
||||
.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
|
||||
|
||||
.icon
|
||||
width: 1em
|
||||
height: 1.1em
|
||||
.icon-branch
|
||||
width: 1.3em
|
||||
height: .8em
|
||||
height: 1.3em
|
||||
margin-right: .2em
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
|
||||
.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}
|
||||
h2, h3
|
||||
margin: 0
|
||||
font-weight: 300
|
||||
|
||||
.db-burger
|
||||
position: absolute;
|
||||
top: 0
|
||||
right: 0
|
||||
height: 4em
|
||||
width: 4em
|
||||
cursor: pointer
|
||||
z-index: 30
|
||||
.icon
|
||||
width: 2em
|
||||
height: 2em
|
||||
right: 0
|
||||
h3
|
||||
font-size: 16px
|
||||
|
||||
.dropdown--db
|
||||
display: none
|
||||
h2
|
||||
padding-left: 1.5em
|
||||
font-size: 18px
|
||||
|
||||
.db-burger:hover ~ .dropdown--db,
|
||||
.dropdown--db:hover
|
||||
display: block
|
||||
.row-item
|
||||
margin: .2em
|
||||
font-size: 16px
|
||||
font-weight: 300
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
a
|
||||
color: $grey-dark
|
||||
text-decoration: none
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
.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
|
||||
& > div:first-of-type
|
||||
width: 27%
|
||||
position: relative
|
||||
padding-left: 1em
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $white)
|
||||
& > div:nth-of-type(2)
|
||||
width: 25%
|
||||
& > div:nth-of-type(3)
|
||||
width: 18%
|
||||
& > div:nth-of-type(4)
|
||||
width: 18%
|
||||
& > div:nth-of-type(5)
|
||||
width: 10%
|
||||
|
||||
|
||||
@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)
|
||||
|
||||
@include colorDashboardTiles($green-dark, 'passed')
|
||||
@include colorDashboardTiles($red-dark, 'failed')
|
||||
@include colorDashboardTiles($red-dark, 'errored')
|
||||
@include colorDashboardTiles($grey-medium, 'canceled')
|
||||
@include colorDashboardTiles(#bfb502, 'started', #e5da3f)
|
||||
@include colorDashboardTiles(#bfb502, 'queued', #e5da3f)
|
||||
@include colorDashboardTiles(#bfb502, 'booting', #e5da3f)
|
||||
@include colorDashboardTiles(#bfb502, 'received', #e5da3f)
|
||||
@include colorDashboardTiles(#bfb502, 'created', #e5da3f)
|
||||
|
||||
.dashboard-inactive
|
||||
margin-bottom: 5e3
|
||||
.db
|
||||
h2, h3, p, button, .db-status
|
||||
opacity: .7
|
||||
|
||||
.dashboard .topbar
|
||||
background-color: transparent !important
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<div class="two-line">
|
||||
<div class="branch-name">
|
||||
<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="branch-builds">
|
||||
<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">
|
||||
|
|
@ -33,8 +33,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-line branch-last-build">
|
||||
<div class="branch-request">
|
||||
<div class="two-line row-last-build">
|
||||
<div class="row-request">
|
||||
<div class="row-item">
|
||||
{{#if build.last_build}}
|
||||
{{#link-to "build" build.repository.slug build.last_build.id}}
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="branch-calendar">
|
||||
<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">
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="two-line">
|
||||
<div class="branch-commit">
|
||||
<div class="row-commit">
|
||||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||
<span class="icon">
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
{{/if}}</span>
|
||||
</a></div>
|
||||
</div>
|
||||
<div class="branch-commiter">
|
||||
<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>
|
||||
|
|
@ -126,7 +126,7 @@
|
|||
{{#if canTrigger}}
|
||||
|
||||
{{#if build.last_build}}
|
||||
<div class="branch-nav dropup-trigger">
|
||||
<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">
|
||||
|
|
|
|||
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">
|
||||
<div class="row-name row-item">
|
||||
<h3>{{status-icon status=repo.last_build.state}} {{repo.owner.login}}</h3>
|
||||
<h2><span class="label-align">{{repo.name}}</span></h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="one-line">
|
||||
<div class="row-request">
|
||||
<div class="row-item">
|
||||
{{!-- {{#link-to "build" repo.slug repo.default_branch.last_build.id}} --}}
|
||||
{{request-icon build=repo.last_build}}
|
||||
#{{repo.last_build.number}} {{repo.last_build.state}} on {{repo.default_branch.name}}
|
||||
{{!-- {{/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>
|
||||
{{format-sha repo.last_build.commit.sha}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="one-line">
|
||||
<div class="row-calendar">
|
||||
<div class="row-item" title="{{repo.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.last_build}}
|
||||
{{format-time repo.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 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">Deactivate repository</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>
|
||||
|
|
@ -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>
|
||||
</ul>
|
||||
<hr>
|
||||
|
||||
<section class="dashboard-inactive">
|
||||
</section>
|
||||
<ul class="dashboard-inactive">
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user