Merge branch 'dashboard-list'
This commit is contained in:
Lisa Passing
commit
c3f697350a
|
|
@ -42,10 +42,14 @@
|
|||
@import "app/tabs";
|
||||
@import "app/tipsy";
|
||||
|
||||
@import "app/components/section";
|
||||
@import "app/components/loader";
|
||||
@import "app/components/tiles";
|
||||
// @import "app/components/tiles";
|
||||
@import "app/components/travis-switch";
|
||||
@import "app/components/buttons";
|
||||
@import "app/components/icons";
|
||||
@import "app/components/search";
|
||||
@import "app/components/dropdown";
|
||||
|
||||
@import "app/layout";
|
||||
@import "app/layouts/dashboard";
|
||||
|
|
|
|||
|
|
@ -20,11 +20,13 @@ $right-bg: $light-gray
|
|||
|
||||
|
||||
// dashboard
|
||||
$pass-color: #3ba85d
|
||||
$fail-color: #d04729
|
||||
$error-color: #999999
|
||||
$start-color: #848032
|
||||
$pass-color: #3FA75F
|
||||
$fail-color: #DB423C
|
||||
$error-color: $fail-color
|
||||
$start-color: #D2C93B
|
||||
$start-bg-color: #D2CA24
|
||||
$cancel-color: #A1A0A0
|
||||
$dropdown-color: #5FA5A4
|
||||
|
||||
$dashboard-text-color: #9d9fa1
|
||||
|
||||
|
|
|
|||
|
|
@ -57,6 +57,7 @@ $button-border-color: #d4d4d4
|
|||
.button--signin
|
||||
display: inline-block
|
||||
padding: 0.7em 2em 0.65em 0.6em
|
||||
margin-right: 1em
|
||||
color: $white
|
||||
font-size: $font-size-small
|
||||
line-height: 1
|
||||
|
|
@ -66,7 +67,7 @@ $button-border-color: #d4d4d4
|
|||
vertical-align: middle
|
||||
cursor: pointer
|
||||
background:
|
||||
color: #39a85b
|
||||
color: $pass-color
|
||||
image: inline-image('ui/github-signin.svg')
|
||||
repeat: no-repeat
|
||||
position: 95.5% 45%
|
||||
|
|
@ -77,7 +78,20 @@ $button-border-color: #d4d4d4
|
|||
background-image: inline-image('ui/spinner.svg')
|
||||
background-position: 92% 47%
|
||||
&:hover
|
||||
background-color: #39a85b
|
||||
background-color: $pass-color
|
||||
|
||||
|
||||
.button
|
||||
border-radius: 4px
|
||||
.button--green
|
||||
border: none
|
||||
font-size: $font-size-small
|
||||
color: $white
|
||||
background-color: $pass-color
|
||||
&:hover
|
||||
background-color: #73c78d
|
||||
.button--fixedwidth
|
||||
width: 8em
|
||||
|
||||
// temp
|
||||
#auth #navigation .button--signin
|
||||
|
|
|
|||
83
app/styles/app/components/dropdown.sass
Normal file
83
app/styles/app/components/dropdown.sass
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
/*
|
||||
* Dashboard Activation Dropdown
|
||||
*/
|
||||
|
||||
$dropdown-border: #C3D9DB
|
||||
|
||||
.dropdown--db
|
||||
@include resetul
|
||||
@extend %br-4px
|
||||
position: absolute
|
||||
padding: .8em .5em
|
||||
z-index: 90
|
||||
width: 12.5em;
|
||||
right: 0;
|
||||
top: 4em;
|
||||
border: 2px $dropdown-border solid;
|
||||
background-color: $white
|
||||
display: none
|
||||
a
|
||||
display: block
|
||||
padding: 0.4em 1em .2em
|
||||
&:hover
|
||||
background-color: $dropdown-color
|
||||
color: $white
|
||||
&:before
|
||||
content: ""
|
||||
width: 1.2em
|
||||
height: 1.2em
|
||||
display: block
|
||||
position: absolute
|
||||
top: -0.7em;
|
||||
right: 1.1em;
|
||||
background-color: $white
|
||||
border-top: solid 2px $dropdown-border;
|
||||
border-left: solid 2px $dropdown-border;
|
||||
transform: rotate(45deg);
|
||||
|
||||
|
||||
/*
|
||||
* Dashboard Organizations Dropdown
|
||||
*/
|
||||
.filter
|
||||
position: relative
|
||||
img
|
||||
max-width: 20px
|
||||
max-height: 20px
|
||||
margin-right: .5em
|
||||
margin-top: -0.1em
|
||||
border-radius: 50%
|
||||
overflow: hidden
|
||||
|
||||
.filter--org
|
||||
float: left
|
||||
|
||||
.filter-current
|
||||
padding: .9em 0
|
||||
cursor: pointer
|
||||
|
||||
.filter-dropdown
|
||||
@include resetul
|
||||
position: absolute
|
||||
top: 3em
|
||||
min-width: 12em
|
||||
background-color: $white
|
||||
border-radius: 4px
|
||||
overflow: hidden
|
||||
box-shadow: 2px 1px 4px 0px rgba(148,145,138,0.4)
|
||||
z-index: 40
|
||||
display: none
|
||||
a
|
||||
display: inline-block
|
||||
width: 100%
|
||||
padding: 10px 10px 10px 20px
|
||||
&:hover
|
||||
color: $white
|
||||
background : #5e869a
|
||||
.is-selected
|
||||
a
|
||||
font-weight: 600
|
||||
|
||||
.filter-current:hover ~ .filter-dropdown,
|
||||
.filter-dropdown:hover
|
||||
display: block
|
||||
53
app/styles/app/components/icons.sass
Normal file
53
app/styles/app/components/icons.sass
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
.icon
|
||||
display: inline-block
|
||||
background:
|
||||
size: 100%
|
||||
repeat: no-repeat
|
||||
|
||||
.icon-cal
|
||||
background-image: inline-image('dashboard/cal.svg')
|
||||
|
||||
.icon-github
|
||||
background-image: inline-image('dashboard/github.svg')
|
||||
|
||||
.icon-branch
|
||||
background-image: inline-image('dashboard/branch.svg')
|
||||
|
||||
.icon-hash
|
||||
background-image: inline-image('dashboard/hash.svg')
|
||||
|
||||
.icon-star
|
||||
background-image: inline-image('dashboard/star-off.svg')
|
||||
|
||||
.icon.errored
|
||||
background-image: inline-image('dashboard/status-errored.svg')
|
||||
|
||||
.icon.failed
|
||||
background-image: inline-image('dashboard/status-failed.svg')
|
||||
|
||||
.icon.canceled
|
||||
background-image: inline-image('dashboard/status-cancelled.svg')
|
||||
|
||||
.icon.passed
|
||||
background-image: inline-image('dashboard/status-passed.svg')
|
||||
|
||||
.icon.started
|
||||
background-image: inline-image('dashboard/status-pending.svg')
|
||||
|
||||
.icon-lock
|
||||
background-image: inline-image('dashboard/private-icon.svg')
|
||||
|
||||
.icon-burger
|
||||
background-image: inline-image('dashboard/burger.svg')
|
||||
&:hover
|
||||
background-image: inline-image('dashboard/burger-hover.svg')
|
||||
|
||||
.icon-arrow-down
|
||||
width : 0
|
||||
height : 0
|
||||
display : inline-block
|
||||
padding-top : 2px
|
||||
margin-left : 5px
|
||||
border-left : 5px solid transparent
|
||||
border-right : 5px solid transparent
|
||||
border-top : 5px solid $dashboard-text-color
|
||||
29
app/styles/app/components/search.sass
Normal file
29
app/styles/app/components/search.sass
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.search
|
||||
@include grid-column(3)
|
||||
float : right
|
||||
ul
|
||||
text-align : left
|
||||
margin : 0
|
||||
padding-left : 0
|
||||
list-style : none
|
||||
li
|
||||
position : relative
|
||||
display : inline-block
|
||||
padding : 9px 0 8px 0
|
||||
margin-top : 0
|
||||
width : 158px
|
||||
line-height : 17px
|
||||
|
||||
.search-field
|
||||
display: inline-block
|
||||
padding: 0.5em
|
||||
width: 100%
|
||||
border: none;
|
||||
background:
|
||||
image : url('/images/dashboard/search-icon.svg')
|
||||
repeat : no-repeat
|
||||
position: right 5px center
|
||||
size : 16px 16px
|
||||
&:focus,
|
||||
&:active
|
||||
box-shadow: 0 0 50% 1em
|
||||
8
app/styles/app/components/section.sass
Normal file
8
app/styles/app/components/section.sass
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.section
|
||||
font-size: $font-size-normal
|
||||
|
||||
.section--white
|
||||
background-color: $white
|
||||
|
||||
.section--maxheight
|
||||
height: 3.3em
|
||||
|
|
@ -151,8 +151,10 @@ $body-font-color: $color-text;
|
|||
// d. Media Query Ranges
|
||||
// - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
$small-range: (0em, 40em);
|
||||
$medium-range: (40.063em, 64em);
|
||||
$breakpoint-sm: 64em;
|
||||
|
||||
$small-range: (0em, 50em);
|
||||
$medium-range: (50.063em, $breakpoint-sm);
|
||||
$large-range: (64.063em, 90em);
|
||||
$xlarge-range: (90.063em, 120em);
|
||||
$xxlarge-range: (120.063em, 99999999em);
|
||||
|
|
@ -202,7 +204,7 @@ $large: $large-up;
|
|||
// $header-line-height: 1.4;
|
||||
// $header-top-margin: .2rem;
|
||||
// $header-bottom-margin: .5rem;
|
||||
// $header-text-rendering: optimizeLegibility;
|
||||
$header-text-rendering: optimizeLegibility;
|
||||
|
||||
// We use these to control header font sizes
|
||||
// $h1-font-size: rem-calc(44);
|
||||
|
|
@ -240,7 +242,7 @@ $large: $large-up;
|
|||
// $paragraph-aside-font-size: rem-calc(14);
|
||||
// $paragraph-aside-line-height: 1.35;
|
||||
// $paragraph-aside-font-style: italic;
|
||||
// $paragraph-text-rendering: optimizeLegibility;
|
||||
$paragraph-text-rendering: optimizeLegibility;
|
||||
|
||||
// We use these to style <code> tags
|
||||
// $code-color: $oil;
|
||||
|
|
|
|||
|
|
@ -1,191 +1,215 @@
|
|||
/*
|
||||
* Dashboard
|
||||
* @todo: split into components: filter, search
|
||||
* Dashboard List
|
||||
*/
|
||||
|
||||
@mixin colorDbelements($color)
|
||||
.db-status
|
||||
background-color: $color
|
||||
.db-repo
|
||||
h2, h3, a
|
||||
color: $color
|
||||
.db-job
|
||||
color: $color
|
||||
a
|
||||
color: $color
|
||||
|
||||
%br-4px
|
||||
border-radius: 4px
|
||||
|
||||
$db-gray: #C9C9C9
|
||||
$db-text-color: #ACAAAA
|
||||
|
||||
.dashboard
|
||||
color: $db-text-color
|
||||
hr
|
||||
max-width: 1024px
|
||||
margin: auto
|
||||
border-top: none
|
||||
border-bottom: $db-gray dashed 1px
|
||||
|
||||
.wrapper-dashboard
|
||||
background-color: $wrapper-bg-color
|
||||
|
||||
#top
|
||||
.user
|
||||
a
|
||||
padding-right: 0
|
||||
.dashboard--empty
|
||||
padding: 2em 5em
|
||||
background: #E8E6DE
|
||||
color: $db-gray
|
||||
font-size: 20px
|
||||
font-weight: 300
|
||||
text-align: center
|
||||
@extend %br-4px
|
||||
p .icon
|
||||
width: 1.5em
|
||||
height: 1.5em
|
||||
transform: translate(-20%, 18%)
|
||||
|
||||
.current-org-avatar
|
||||
display : inline-block
|
||||
height : 20px
|
||||
width : 20px
|
||||
vertical-align: top
|
||||
margin : -5px 5px 0 0
|
||||
.db
|
||||
position: relative
|
||||
margin-bottom: 1em
|
||||
background: $white
|
||||
@extend %br-4px
|
||||
|
||||
#filters-search
|
||||
background : $white
|
||||
font-size : 14px
|
||||
padding : 5px 0 5px 0
|
||||
max-height : 44px
|
||||
h2, h3, p
|
||||
margin: 0
|
||||
font-weight: 400
|
||||
white-space: nowrap
|
||||
|
||||
#filters
|
||||
float : left
|
||||
.icon
|
||||
position: absolute
|
||||
left: 0
|
||||
top: 0
|
||||
bottom: 0
|
||||
margin: auto
|
||||
|
||||
#filters ul
|
||||
text-align : left
|
||||
display : inline
|
||||
margin : 0
|
||||
padding : 0
|
||||
list-style : none
|
||||
z-index : 1000
|
||||
&.started
|
||||
@include colorDbelements($start-color)
|
||||
&.failed
|
||||
@include colorDbelements($fail-color)
|
||||
&.errored
|
||||
@include colorDbelements($error-color)
|
||||
&.canceled
|
||||
@include colorDbelements($cancel-color)
|
||||
&.passed
|
||||
@include colorDbelements($pass-color)
|
||||
&.inactive
|
||||
@include colorDbelements($cancel-color)
|
||||
|
||||
#filters ul li
|
||||
background : $white
|
||||
position : relative
|
||||
display : inline-block
|
||||
padding : 10px 0 10px 0
|
||||
margin-right : -4px
|
||||
margin-top : 0
|
||||
cursor : pointer
|
||||
border-radius : 0px
|
||||
.db-repo
|
||||
padding-left: 3em
|
||||
transform: translateY(0.4em)
|
||||
overflow: hidden
|
||||
margin-bottom: 1em
|
||||
&:after
|
||||
content: ""
|
||||
display: block
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
height: 100%
|
||||
width: 3em
|
||||
background: linear-gradient(-90deg, $white 40%, rgba($white, 0))
|
||||
|
||||
#filters li.filters-start:hover
|
||||
background-color : #fff
|
||||
.db-status
|
||||
position: absolute;
|
||||
top: 0
|
||||
left: 0
|
||||
height: 100%
|
||||
width: 2.5em
|
||||
border-top-left-radius: 4px
|
||||
border-bottom-left-radius: 4px
|
||||
|
||||
#filters ul li ul
|
||||
padding : 0
|
||||
position : absolute
|
||||
top : 35px
|
||||
left : 0
|
||||
width : 200px
|
||||
display : none
|
||||
opacity : 0
|
||||
visibility : hidden
|
||||
box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4)
|
||||
.icon
|
||||
width: 1.1em
|
||||
height: 1.1em
|
||||
right: 0
|
||||
.icon-status
|
||||
top: -6em
|
||||
.icon-star
|
||||
top: -2em
|
||||
opacity: .9
|
||||
|
||||
#filters ul li ul li
|
||||
display : block
|
||||
line-height : 23px
|
||||
padding-left : 20px
|
||||
.db-controls
|
||||
line-height: 2.2
|
||||
p,
|
||||
button
|
||||
display: inline-block
|
||||
button
|
||||
margin-left: 1em
|
||||
|
||||
#filters ul li ul li:first-child
|
||||
border-top-left-radius : 4px
|
||||
border-top-right-radius : 4px
|
||||
.icon
|
||||
width: 1.4em
|
||||
height: 1.4em
|
||||
|
||||
#filters ul li ul li:last-child
|
||||
border-bottom-left-radius : 4px
|
||||
border-bottom-right-radius : 4px
|
||||
.db-job,
|
||||
.db-branch,
|
||||
.db-commit,
|
||||
.db-timeago
|
||||
position: relative
|
||||
padding-left: 2.2em
|
||||
z-index: 30
|
||||
overflow: hidden
|
||||
|
||||
#filters ul li ul li div
|
||||
display : inline-block
|
||||
width : 20px
|
||||
height : 20px
|
||||
margin-right : 5px
|
||||
text-indent : -9999px
|
||||
border-radius : 100px
|
||||
.db-lock
|
||||
position: absolute
|
||||
left: -2.1em;
|
||||
top: 1.2em;
|
||||
.icon
|
||||
width: 1em
|
||||
height: 1em
|
||||
|
||||
#filters ul li ul li:hover
|
||||
background : #5e869a
|
||||
color : $white
|
||||
.db-activation
|
||||
margin: 1em 0 .5em
|
||||
text-align: right
|
||||
padding-right: 0
|
||||
@media #{$medium-up}
|
||||
margin: 0
|
||||
|
||||
#filters ul li:hover ul
|
||||
display : block
|
||||
opacity : 1
|
||||
visibility : visible
|
||||
.db-burger
|
||||
position: absolute;
|
||||
top: 0
|
||||
right: 0
|
||||
height: 4em
|
||||
width: 4em
|
||||
cursor: pointer
|
||||
z-index: 30
|
||||
.icon
|
||||
width: 2em
|
||||
height: 2em
|
||||
right: 0
|
||||
|
||||
#views
|
||||
float : left
|
||||
.dropdown--db
|
||||
display: none
|
||||
|
||||
#views ul
|
||||
text-align : left
|
||||
display : inline
|
||||
margin : 0
|
||||
padding : 0
|
||||
list-style : none
|
||||
z-index : 1000
|
||||
.db-burger:hover ~ .dropdown--db,
|
||||
.dropdown--db:hover
|
||||
display: block
|
||||
|
||||
#views ul li
|
||||
background : $white
|
||||
position : relative
|
||||
display : inline-block
|
||||
padding : 10px 0 10px 0
|
||||
margin-right : -4px
|
||||
margin-top : 0
|
||||
cursor : pointer
|
||||
border-radius : 0px
|
||||
-webkit-border-radius : 0px
|
||||
-moz-border-radius : 0px
|
||||
.dashboard-starred,
|
||||
.dashboard-active,
|
||||
.dashboard-inactive
|
||||
padding: 0 3em
|
||||
margin: 3em 0 3em
|
||||
|
||||
#views li.views-start:hover
|
||||
background-color : #fff
|
||||
.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
|
||||
|
||||
#views ul li ul
|
||||
padding : 0
|
||||
position : absolute
|
||||
top : 35px
|
||||
left : 0
|
||||
width : 200px
|
||||
display : none
|
||||
opacity : 0
|
||||
visibility : hidden
|
||||
box-shadow : 2px 1px 4px 0px rgba(148,145,138,0.4)
|
||||
.dashboard-active,
|
||||
.dashboard-inactive
|
||||
.db
|
||||
padding-bottom: 0.2em;
|
||||
.db-repo,
|
||||
.db-controls
|
||||
padding-left: 4em
|
||||
@media #{$medium-up}
|
||||
.db
|
||||
height: 57px
|
||||
.db-repo
|
||||
padding-left: 4em
|
||||
.db-controls
|
||||
padding-left: 2em
|
||||
line-height: 3em
|
||||
transform: translateY(26%)
|
||||
border-left: 1px solid $db-gray
|
||||
.db-burger
|
||||
height: 100%
|
||||
.db-status
|
||||
.icon-status
|
||||
top: -2em
|
||||
.icon-star
|
||||
bottom: -4em
|
||||
|
||||
#views ul li ul li
|
||||
display : block
|
||||
line-height : 23px
|
||||
padding-left : 20px
|
||||
|
||||
#views ul li ul li:first-child
|
||||
border-top-left-radius : 4px
|
||||
border-top-right-radius : 4px
|
||||
|
||||
#views ul li ul li:last-child
|
||||
border-bottom-left-radius : 4px
|
||||
border-bottom-right-radius : 4px
|
||||
|
||||
#views ul li ul li:hover
|
||||
background : #5e869a
|
||||
color : $white
|
||||
|
||||
#views ul li:hover ul
|
||||
display : block
|
||||
opacity : 1
|
||||
visibility : visible
|
||||
|
||||
.currently-selected
|
||||
font-weight : 600
|
||||
|
||||
.arrow-down
|
||||
width : 0
|
||||
height : 0
|
||||
display : inline-block
|
||||
padding-top : 2px
|
||||
margin-left : 5px
|
||||
border-left : 5px solid transparent
|
||||
border-right : 5px solid transparent
|
||||
border-top : 5px solid $dashboard-text-color
|
||||
|
||||
#search
|
||||
float : right
|
||||
|
||||
#search ul
|
||||
text-align : left
|
||||
margin : 0
|
||||
padding-left : 0
|
||||
list-style : none
|
||||
|
||||
#search ul li
|
||||
position : relative
|
||||
display : inline-block
|
||||
padding : 9px 0 8px 0
|
||||
margin-top : 0
|
||||
width : 158px
|
||||
line-height : 17px
|
||||
|
||||
.search-field
|
||||
background-image : url('/images/dashboard/search-icon.svg')
|
||||
background-repeat : no-repeat
|
||||
background-position: right 5px center
|
||||
display : inline-block
|
||||
float : right
|
||||
border : 1px solid #666
|
||||
padding : 0.5em
|
||||
width : 300px
|
||||
background-size : 16px 16px
|
||||
.dashboard-inactive
|
||||
margin-bottom: 5em
|
||||
.db
|
||||
h2, h3, p, button, .db-status
|
||||
opacity: .7
|
||||
|
||||
|
|
|
|||
|
|
@ -23,5 +23,5 @@
|
|||
&:hover
|
||||
background-color: $color-border-slider-hover
|
||||
|
||||
#top .profile
|
||||
margin-right: 15px
|
||||
// #top .profile
|
||||
// margin-right: 15px
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
li.stats
|
||||
display: none
|
||||
|
||||
.profile
|
||||
margin-right: 5px
|
||||
// .profile
|
||||
// margin-right: 5px
|
||||
|
||||
.legal
|
||||
min-width: 110px
|
||||
|
|
|
|||
|
|
@ -1,32 +1,24 @@
|
|||
|
||||
#top
|
||||
$top-height: 55px
|
||||
|
||||
.top
|
||||
position: relative
|
||||
z-index: 999
|
||||
font-size: $font-size-normal
|
||||
background : $topbar-bg
|
||||
background: $topbar-bg
|
||||
|
||||
#logo
|
||||
position: relative
|
||||
float : left
|
||||
width : 123px
|
||||
height : $topbar-height
|
||||
margin-right : 14px
|
||||
z-index: 999
|
||||
text-indent : -9999px
|
||||
background : $logo-red inline-image('ui/travis-logo.svg') no-repeat 20px 18px
|
||||
a
|
||||
display: block
|
||||
|
||||
ul
|
||||
.navigation
|
||||
@include resetul
|
||||
line-height: 30px
|
||||
|
||||
#navigation
|
||||
height: 0
|
||||
overflow: hidden
|
||||
line-height: $top-height
|
||||
&.is-open
|
||||
height: auto
|
||||
|
||||
ul
|
||||
@include resetul
|
||||
line-height: 30px
|
||||
|
||||
a, span
|
||||
color: $white
|
||||
text-decoration: none
|
||||
|
|
@ -39,6 +31,15 @@
|
|||
&:hover
|
||||
color: $color-link-top-highlight
|
||||
|
||||
img
|
||||
margin: 10px 10px 7px 10px
|
||||
width : 30px
|
||||
height : 30px
|
||||
border-radius: 100px
|
||||
@media #{$medium-up}
|
||||
float : right
|
||||
margin : 12px 0 0 10px
|
||||
|
||||
a.werehiring
|
||||
background-color: $topbar-bg-darker
|
||||
border-radius: 4px
|
||||
|
|
@ -53,13 +54,13 @@
|
|||
|
||||
@media #{$medium-up}
|
||||
overflow: visible
|
||||
height: $topbar-height
|
||||
height: $top-height
|
||||
|
||||
#navigation
|
||||
.navigation
|
||||
height: auto
|
||||
overflow: visible
|
||||
ul
|
||||
line-height: $topbar-height
|
||||
line-height: $top-height
|
||||
position: relative
|
||||
li
|
||||
display: inline-block
|
||||
|
|
@ -69,24 +70,6 @@
|
|||
li.traviscicom
|
||||
display: none
|
||||
|
||||
.nav-burger
|
||||
overflow: auto
|
||||
height: $topbar-height
|
||||
@media #{$medium-up}
|
||||
display: none
|
||||
|
||||
#burger
|
||||
float: right
|
||||
font-size: 50px
|
||||
background: none
|
||||
border: none
|
||||
line-height: 1
|
||||
color: $white
|
||||
outline: none !important
|
||||
@include clearfix
|
||||
&:hover
|
||||
cursor: pointer
|
||||
|
||||
.menu
|
||||
position: relative
|
||||
|
||||
|
|
@ -124,11 +107,10 @@
|
|||
.menu.community
|
||||
min-width: 120px
|
||||
|
||||
.user
|
||||
text-align: right
|
||||
|
||||
.menu.profile
|
||||
padding: 0.2em 0px 0.5em
|
||||
.centered & .handle a
|
||||
padding-right: 0
|
||||
@media #{$medium-up}
|
||||
padding: 0
|
||||
&.signed-in
|
||||
|
|
@ -163,81 +145,33 @@
|
|||
display: none
|
||||
|
||||
|
||||
#home #navigation .home,
|
||||
#stats #navigation .stats,
|
||||
#profile #navigation .profile
|
||||
background-color: transparent
|
||||
.logo
|
||||
position: relative
|
||||
float : left
|
||||
width : 123px
|
||||
height : $top-height
|
||||
margin-right : 14px
|
||||
z-index: 999
|
||||
text-indent : -9999px
|
||||
background : $logo-red inline-image('ui/travis-logo.svg') no-repeat 20px 18px
|
||||
a
|
||||
color: #ffffff
|
||||
a:hover
|
||||
color: $color-link-top-highlight
|
||||
display: block
|
||||
|
||||
|
||||
// .status-graph
|
||||
// background : url('/images/dashboard/health-stats.svg') no-repeat
|
||||
// background : contain
|
||||
// margin-top : 17px
|
||||
// height : 18px
|
||||
// width : 78px
|
||||
// text-indent : -9999px
|
||||
|
||||
// #user
|
||||
// text-align : right
|
||||
// cursor : pointer
|
||||
|
||||
// #user p
|
||||
// display : none
|
||||
|
||||
#top img
|
||||
margin: 10px 10px 7px 10px
|
||||
width : 30px
|
||||
height : 30px
|
||||
border-radius: 100px
|
||||
.burger
|
||||
overflow: auto
|
||||
height: $top-height
|
||||
@media #{$medium-up}
|
||||
float : right
|
||||
margin : 12px 0 0 10px
|
||||
|
||||
// #user ul
|
||||
// text-align : left
|
||||
// display : inline
|
||||
// margin : 0
|
||||
// padding : 15px 0 17px 0
|
||||
// list-style : none
|
||||
// z-index : 1000
|
||||
|
||||
// #user ul li ul
|
||||
// padding : 0
|
||||
// position : absolute
|
||||
// top : $topbar-height
|
||||
// right : 0
|
||||
// width : 150px
|
||||
// display : none
|
||||
// opacity : 0
|
||||
// visibility : hidden
|
||||
|
||||
// #user ul li ul li
|
||||
// background : $topbar-bg
|
||||
// color : $white
|
||||
// display : block
|
||||
// line-height : 18px
|
||||
// padding : 8px 18px
|
||||
// margin : 0
|
||||
|
||||
// #user ul li ul li:last-child
|
||||
// border-bottom-left-radius : 4px
|
||||
// border-bottom-right-radius : 4px
|
||||
|
||||
// #user ul li ul li:hover
|
||||
// background : #5e869a
|
||||
// color : $white
|
||||
// a
|
||||
// color: $white
|
||||
|
||||
|
||||
// #user ul li:hover ul
|
||||
// display : block
|
||||
// opacity : 1
|
||||
// visibility : visible
|
||||
// #user .handle a
|
||||
// display: inline
|
||||
display: none
|
||||
|
||||
.burger-btn
|
||||
float: right
|
||||
font-size: 50px
|
||||
background: none
|
||||
border: none
|
||||
line-height: 1
|
||||
color: $white
|
||||
outline: none !important
|
||||
@include clearfix
|
||||
&:hover
|
||||
cursor: pointer
|
||||
|
|
|
|||
|
|
@ -1,61 +1,153 @@
|
|||
<div id="filters-search">
|
||||
<div id="filters" class="section section--white section--maxheight">
|
||||
<div class="row">
|
||||
<!--
|
||||
<div class="small-6 medium-3 large-2 columns" id="filters">
|
||||
<ul>
|
||||
<li class="filters-start">
|
||||
<div class="current-org-avatar org-travisci"></div>Travis CI <div class="arrow-down"></div>
|
||||
<ul>
|
||||
<li class="org-all">All organizations</li>
|
||||
<li class="currently-selected"><div class="org-avatar org-travisci">Travis CI</div>Travis CI</li>
|
||||
<li><div class="org-avatar org-saltinejustine">Justine Arreche</div>Justine Arreche</li>
|
||||
<li><div class="org-avatar org-openkarma">Open Karma</div>Open Karma</li>
|
||||
<li><div class="org-avatar org-eurucamp">eurucamp</div>eurucamp</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="filter filter--org">
|
||||
<div class="filter-current">
|
||||
<img src="https://placehold.it/30x30" alt="">something else</a><span class="icon-arrow-down"></span>
|
||||
</div>
|
||||
<ul class="filter-dropdown">
|
||||
<li><a href="#" title="">All organizations</a></li>
|
||||
<li class="is-selected"><a href="#" title=""><img src="https://placehold.it/30x30" alt="">something else</a></li>
|
||||
<li><a href="#" title=""><img src="https://placehold.it/30x30" alt="">something</a></li>
|
||||
<li><a href="#" title=""><img src="https://placehold.it/30x30" alt="">eurucamp</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="search">
|
||||
{{filter-input placeholder="Search all repositories" class="search-field"
|
||||
action="updateFilter" on="key-up"}}
|
||||
</div>
|
||||
-->
|
||||
<!-- <div class="small-6 medium-2 large-2 columns no-padding" id="views">
|
||||
<ul>
|
||||
<li class="views-start">
|
||||
View all repos <div class="arrow-down"></div>
|
||||
<ul>
|
||||
<li class="currently-selected">View all repos</li>
|
||||
<li>Queued builds</li>
|
||||
<li>Failed builds</li>
|
||||
<li>Passed builds</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div> -->
|
||||
{{filter-input placeholder="Search all repositories" class="search-field"
|
||||
action="updateFilter" on="key-up"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tiles">
|
||||
<div class="row">
|
||||
{{#each repo in filteredRepositories}}
|
||||
<div class="large-4 medium-6 columns">
|
||||
<div {{bind-attr class=":tile repo.last_build.state"}}>
|
||||
<div class="build-bar">
|
||||
<div class="dashboard">
|
||||
<section class="dashboard-starred">
|
||||
<div class="row">
|
||||
{{!-- <div class="db db--pass column">
|
||||
<div class="db-status">
|
||||
<span class="icon icon-status icon-started"></span>
|
||||
<span class="icon icon-star"></span>
|
||||
</div>
|
||||
<div class="build-information">
|
||||
<p class="org">{{repo.owner.login}}</p>
|
||||
<p class="repo">{{#link-to "repo" repo.owner.login repo.name}}{{repo.name}}{{/link-to}}</p>
|
||||
<div class="duration">{{format-duration repo.last_build.duration}}</div>
|
||||
<div class="finished">{{format-time repo.last_build.finished_at}}</div>
|
||||
<p class="build-status">
|
||||
<div class="db-repo column">
|
||||
<h3>travis-pro</h3>
|
||||
<h2>travis-rubies</h2>
|
||||
</div>
|
||||
<div class="db-controls column end">
|
||||
<p class="db-job column small-6"><span class="icon icon-hash"></span>9874 started</p>
|
||||
<p class="db-commit column small-6"><span class="icon icon-github"></span>394348a</p>
|
||||
<p class="db-timeago column small-6"><span class="icon icon-cal"></span>in queue</p>
|
||||
<p class="db-branch column small-6"><span class="icon icon-branch"></span>master</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> --}}
|
||||
|
||||
|
||||
<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">
|
||||
|
||||
{{#each repo in filteredRepositories}}
|
||||
<div {{bind-attr 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 {{bind-attr 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>
|
||||
{{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="star-feature">
|
||||
<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>
|
||||
{{/each}}
|
||||
|
||||
{{!-- <div class="db db--pass row">
|
||||
<div class="db-lock"><span class="icon icon-lock"></span></div>
|
||||
<div class="db-status">
|
||||
<span class="icon icon-status icon-pass"></span>
|
||||
<span class="icon icon-star"></span>
|
||||
</div>
|
||||
<div class="db-repo column medium-3 small-12">
|
||||
<h3>travis-pro</h3>
|
||||
<h2>bubblewrap-mac-test</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>9874 passed</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>2 days ago</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> --}}
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="dashboard-inactive">
|
||||
<div class="db db--pass db--inactive row">
|
||||
<div class="db-status">
|
||||
<span class="icon icon-status icon-pass"></span>
|
||||
</div>
|
||||
<div class="db-repo column medium-3 small-12">
|
||||
<h3>travis-pro</h3>
|
||||
<h2>travis-gatekeeper</h2>
|
||||
</div>
|
||||
<div class="db-controls column medium-9 small-12 end">
|
||||
<p class="db-job column medium-2 small-4"><span class="icon icon-hash"></span>9874</p>
|
||||
<p class="db-commit column medium-2 small-4"><span class="icon icon-github"></span>394348a</p>
|
||||
<p class="db-timeago column medium-2 small-4"><span class="icon icon-cal"></span>3 hours ago</p>
|
||||
<div class="db-activation column medium-5 push-1 small-12 end">
|
||||
<p>Not active</p>
|
||||
<button class="button button--green button--fixedwidth">Activate</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
||||
<div class="db db--inactive row">
|
||||
<div class="db-status">
|
||||
<span class="icon icon-status"></span>
|
||||
</div>
|
||||
<div class="db-repo column medium-3 small-12">
|
||||
<h3>travis-pro</h3>
|
||||
<h2>bubblewrap-mac-test</h2>
|
||||
</div>
|
||||
<div class="db-controls column medium-9 small-12 end">
|
||||
<div class="db-activation column float-right medium-4">
|
||||
<p>Active</p>
|
||||
<button class="button button--green button--fixedwidth">Trigger a build</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
41
app/templates/footer.hbs
Normal file
41
app/templates/footer.hbs
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<div class="row">
|
||||
<div class="small-6 medium-4 large-4 columns">
|
||||
<img src="/images/dashboard/footer-logo.svg">
|
||||
</div>
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>©Travis CI, GmbH</h3>
|
||||
<ul>
|
||||
<li>Rigaer Straße 8</li>
|
||||
<li>10247 Berlin, Germany</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Help</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/">Documentation</a></li>
|
||||
<li><a href="http://blog.travis-ci.com/">Blog</a></li>
|
||||
<li><a href="mailto:support@travis-ci.com">Email</a></li>
|
||||
<li><a href="https://travisci.campfirenow.com">Live Chat</a></li>
|
||||
<li><a href="https://twitter.com/travisci">Twitter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{#if config.pro}}
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Legal</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html">Imprint</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/terms">Terms of Service</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/security">Security Statement</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Travis CI Status</h3>
|
||||
<ul>
|
||||
<li><div class="status-circle">Status:</div>
|
||||
<a href="http://www.traviscistatus.com/">Travis CI Status</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,82 +1,14 @@
|
|||
<div class="centered">
|
||||
<div class="wrapper wrapper-dashboard">
|
||||
<div id="top">
|
||||
<div class="row">
|
||||
<div class="small-2 medium-2 columns" id="logo">
|
||||
<h1>{{#link-to "main"}}Home{{/link-to}}</h1>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="#">Docs</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<!-- <div class="small-4 medium-3 columns" id="status">
|
||||
<div class="status-graph">Status Graph</div>
|
||||
</div> -->
|
||||
<li class="menu float-right user">
|
||||
<p class="handle">
|
||||
{{#if auth.signedOut}}
|
||||
<a class="signed-out" href="#" {{action "signIn" target="auth"}}>Sign in with GitHub</a>
|
||||
{{/if}}
|
||||
{{#if auth.signedIn}}
|
||||
{{#link-to "profile" class="signed-in"}}<img {{bind-attr src="auth.gravatarUrl"}}/>{{auth.userName}}{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if auth.signingIn}}
|
||||
<span class="signing-in">Signing In</span>
|
||||
{{/if}}
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="#" title="">Help</a></li>
|
||||
<li><a href="/" {{action "signOut" target="auth"}}>Sign Out</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<header id="top" class="top">
|
||||
{{render "top"}}
|
||||
</header>
|
||||
|
||||
{{yield}}
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="small-6 medium-4 large-4 columns">
|
||||
<img src="/images/dashboard/footer-logo.svg">
|
||||
</div>
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>©Travis CI, GmbH</h3>
|
||||
<ul>
|
||||
<li>Rigaer Straße 8</li>
|
||||
<li>10247 Berlin, Germany</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Help</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/">Documentation</a></li>
|
||||
<li><a href="http://blog.travis-ci.com/">Blog</a></li>
|
||||
<li><a href="mailto:support@travis-ci.com">Email</a></li>
|
||||
<li><a href="https://travisci.campfirenow.com">Live Chat</a></li>
|
||||
<li><a href="https://twitter.com/travisci">Twitter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Legal</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html">Imprint</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/terms">Terms of Service</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/security">Security Statement</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Travis CI Status</h3>
|
||||
<ul>
|
||||
<li><div class="status-circle">Status:</div>
|
||||
<a href="http://www.traviscistatus.com/">Travis CI Status</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{render "footer"}}
|
||||
</footer>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,36 +1,5 @@
|
|||
<div id="top">
|
||||
<div class="row">
|
||||
<div class="small-2 medium-2 columns" id="logo">
|
||||
<h1>{{#link-to "main"}}Home{{/link-to}}</h1>
|
||||
</div>
|
||||
<div class="nav-burger">
|
||||
<button type="button" id="burger" {{action 'toggleBurgerMenu'}}>≡</button>
|
||||
</div>
|
||||
<ul id="navigation" {{bind-attr class="is-open"}}>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="#">Status</a></li>
|
||||
<!-- <div class="small-4 medium-3 columns" id="status">
|
||||
<div class="status-graph">Status Graph</div>
|
||||
</div> -->
|
||||
<li class="menu float-right user">
|
||||
<p class="handle">
|
||||
{{#if auth.signedOut}}
|
||||
<a class="signed-out" href="#" {{action "signIn" target="auth"}}>Sign in with GitHub</a>
|
||||
{{/if}}
|
||||
{{#if auth.signedIn}}
|
||||
{{#link-to "profile" class="signed-in"}}<img {{bind-attr src="auth.gravatarUrl"}}/>{{auth.userName}}{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if auth.signingIn}}
|
||||
<span class="signing-in">Signing In</span>
|
||||
{{/if}}
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="#" title="">Help</a></li>
|
||||
<li><a href="/" {{action "signOut" target="auth"}}>Sign Out</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="top" class="top">
|
||||
{{render 'top'}}
|
||||
</div>
|
||||
|
||||
<main class="main main--error" role="main">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="wrapper">
|
||||
|
||||
<header id="top">
|
||||
<header id="top" class="top">
|
||||
{{render "top"}}
|
||||
</header>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="wrapper">
|
||||
<header id="top">
|
||||
<header id="top" class="top">
|
||||
{{render "top"}}
|
||||
</header>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div id="top">
|
||||
<div id="top" class="top">
|
||||
{{render "top"}}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,94 +1,96 @@
|
|||
{{#link-to "main"}}
|
||||
<div id="logo">
|
||||
<h1>Travis</h1>
|
||||
<div class="row">
|
||||
{{#link-to "main"}}
|
||||
<div id="logo" class="logo">
|
||||
<h1>Travis</h1>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
|
||||
<div class="burger">
|
||||
<button type="button" id="burger" class="burger-btn" {{action 'toggleBurgerMenu'}}>≡</button>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
|
||||
<div class="nav-burger">
|
||||
<button type="button" id="burger" {{action 'toggleBurgerMenu'}}>≡</button>
|
||||
</div>
|
||||
<ul id="navigation" {{bind-attr class=":navigation is-open"}}>
|
||||
<li class="home">
|
||||
{{#link-to "main"}}Home{{/link-to}}
|
||||
</li>
|
||||
{{#if config.pro}}
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
{{/if}}
|
||||
{{#if config.enterprise}}
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
{{else}}
|
||||
<li>
|
||||
<a href="http://blog.travis-ci.com">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://traviscistatus.com">Status</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#unless config.pro}}
|
||||
<li class="menu community">
|
||||
<p class="handle">
|
||||
<a href="#">Help</a>
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
<li><a href="http://stackoverflow.com/questions/ask?tags=travis-ci">Ask a Question</a></li>
|
||||
<li><a href="irc://irc.freenode.net/#travis">IRC</a></li>
|
||||
<li><a href="mailto:support@travis-ci.com">E-Mail us</a></li>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html" alt="Imprint">Imprint</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/unless}}
|
||||
|
||||
<ul id="navigation" {{bind-attr class="is-open"}}>
|
||||
<li class="home">
|
||||
{{#link-to "main"}}Home{{/link-to}}
|
||||
</li>
|
||||
{{#if config.pro}}
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
{{/if}}
|
||||
{{#if config.enterprise}}
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
{{else}}
|
||||
<li>
|
||||
<a href="http://blog.travis-ci.com">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://traviscistatus.com">Status</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#unless config.pro}}
|
||||
<li class="menu community">
|
||||
{{#if config.pagesEndpoint}}
|
||||
<li class="menu legal">
|
||||
<p class="handle">
|
||||
<a {{bind-attr href="config.url_legal"}}>Legal</a>
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a {{bind-attr href="config.url_imprint"}}>Imprint</a>
|
||||
</li>
|
||||
<li>
|
||||
<a {{bind-attr href="config.url_security"}}>Security</a>
|
||||
</li>
|
||||
<li>
|
||||
<a {{bind-attr href="config.url_terms"}}>Terms</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/if}}
|
||||
|
||||
{{#unless config.pro}}
|
||||
<li class="traviscicom">
|
||||
<a href="http://travis-ci.com">Travis CI for Private Repositories</a>
|
||||
</li>
|
||||
{{/unless}}
|
||||
|
||||
<li {{bind-attr class="view.classProfile"}}>
|
||||
<p class="handle">
|
||||
<a href="#">Help</a>
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
<li><a href="http://stackoverflow.com/questions/ask?tags=travis-ci">Ask a Question</a></li>
|
||||
<li><a href="irc://irc.freenode.net/#travis">IRC</a></li>
|
||||
<li><a href="mailto:support@travis-ci.com">E-Mail us</a></li>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html" alt="Imprint">Imprint</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/unless}}
|
||||
|
||||
{{#if config.pagesEndpoint}}
|
||||
<li class="menu legal">
|
||||
<p class="handle">
|
||||
<a {{bind-attr href="config.urls.legal"}}>Legal</a>
|
||||
{{#if auth.signedOut}}
|
||||
<button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
|
||||
{{/if}}
|
||||
{{#if auth.signedIn}}
|
||||
{{#link-to "profile" class="signed-in"}}<img {{bind-attr src="gravatarUrl"}}/>{{userName}}{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if auth.signingIn}}
|
||||
<button class="signing-in button--signin">Signing In</button>
|
||||
{{/if}}
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a {{bind-attr href="config.urls.imprint"}}>Imprint</a>
|
||||
{{#link-to "profile" class="signed-in"}}Accounts{{/link-to}}
|
||||
</li>
|
||||
{{#if config.billingEndpoint}}
|
||||
<li>
|
||||
<a {{bind-attr href="config.billingEndpoint"}}>Billing</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
<li>
|
||||
<a {{bind-attr href="config.urls.security"}}>Security</a>
|
||||
</li>
|
||||
<li>
|
||||
<a {{bind-attr href="config.urls.terms"}}>Terms</a>
|
||||
<a href="/" {{action "signOut" target="auth"}}>Sign Out</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/if}}
|
||||
|
||||
{{#unless config.pro}}
|
||||
<li class="traviscicom">
|
||||
<a href="http://travis-ci.com">Travis CI for Private Repositories</a>
|
||||
</li>
|
||||
{{/unless}}
|
||||
|
||||
<li {{bind-attr class="view.classProfile"}}>
|
||||
<p class="handle">
|
||||
{{#if auth.signedOut}}
|
||||
<button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
|
||||
{{/if}}
|
||||
{{#if auth.signedIn}}
|
||||
{{#link-to "profile" class="signed-in"}}<img {{bind-attr src="gravatarUrl"}}/>{{userName}}{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if auth.signingIn}}
|
||||
<button class="signing-in button--signin">Signing In</button>
|
||||
{{/if}}
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
{{#link-to "profile" class="signed-in"}}Accounts{{/link-to}}
|
||||
</li>
|
||||
{{#if config.billingEndpoint}}
|
||||
<li>
|
||||
<a {{bind-attr href="config.billingEndpoint"}}>Billing</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
<li>
|
||||
<a href="/" {{action "signOut" target="auth"}}>Sign Out</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
12
public/images/dashboard/branch.svg
Normal file
12
public/images/dashboard/branch.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="63.279px" height="62.667px" viewBox="0 -12.362 63.279 62.667" enable-background="new 0 -12.362 63.279 62.667"
|
||||
xml:space="preserve">
|
||||
<path fill="#9B9A89" d="M48.08,14.523c-1.927-7.34-8.605-12.754-16.55-12.754S16.906,7.184,14.98,14.523H1.529v8.533h13.403
|
||||
c1.863,7.431,8.587,12.936,16.597,12.936s14.732-5.504,16.596-12.936h13.404v-8.533H48.08z M31.529,27.457
|
||||
c-3.229,0-6.042-1.774-7.521-4.401c-0.701-1.248-1.103-2.688-1.103-4.221c0-1.571,0.42-3.043,1.154-4.312
|
||||
c1.49-2.577,4.276-4.312,7.469-4.312s5.978,1.733,7.469,4.312c0.734,1.27,1.154,2.741,1.154,4.312c0,1.534-0.401,2.974-1.104,4.221
|
||||
C37.571,25.683,34.758,27.457,31.529,27.457z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
12
public/images/dashboard/burger-hover.svg
Normal file
12
public/images/dashboard/burger-hover.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#5FA5A4" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
|
||||
<path fill="#5FA5A4" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
|
||||
<path fill="#5FA5A4" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
12
public/images/dashboard/burger.svg
Normal file
12
public/images/dashboard/burger.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#A19F9F" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
|
||||
<path fill="#A19F9F" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
|
||||
<path fill="#A19F9F" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
13
public/images/dashboard/github.svg
Normal file
13
public/images/dashboard/github.svg
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
|
||||
<path fill="#9B9A89" d="M13.507,0.132c0,0-0.824-0.27-2.705,1.037c-0.788-0.224-1.633-0.335-2.47-0.339
|
||||
c-0.837,0.003-1.684,0.115-2.47,0.337C3.981-0.139,3.154,0.131,3.154,0.131C2.618,1.524,2.953,2.552,3.056,2.809
|
||||
C2.429,3.517,2.043,4.417,2.043,5.522c0,3.873,2.298,4.74,4.489,4.994c-0.283,0.253-0.539,0.699-0.624,1.353
|
||||
c-0.564,0.256-1.994,0.702-2.869-0.84c0,0-0.521-0.969-1.512-1.042c0,0-0.962-0.013-0.066,0.612c0,0,0.645,0.311,1.095,1.479
|
||||
c0,0,0.579,1.965,3.322,1.356c0,0.843,0.012,1.48,0.012,1.719c0,0.269,0.428,0.639,1.991,0.69l1.402,0.023
|
||||
c-0.205-0.069,1.46,0.108,1.492-0.714c0.013-0.333,0.009-1.421,0.009-2.772c0-0.944-0.311-1.558-0.666-1.873
|
||||
c2.195-0.249,4.499-1.105,4.499-4.986c0-1.103-0.383-2.003-1.011-2.713C13.708,2.552,14.046,1.524,13.507,0.132z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
27
public/images/dashboard/hash.svg
Normal file
27
public/images/dashboard/hash.svg
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="63.279px" height="62.667px" viewBox="0 0 63.279 62.667" enable-background="new 0 0 63.279 62.667" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#9B9A89" d="M41.27,6.869c0.281-1.238,0.803-2.124,1.562-2.66c0.76-0.534,1.533-0.745,2.322-0.633
|
||||
c0.787,0.114,1.49,0.521,2.109,1.224c0.619,0.705,0.9,1.675,0.846,2.913c-0.283,1.857-0.535,3.702-0.76,5.53
|
||||
c-0.227,1.83-0.479,3.645-0.76,5.446h9.623c1.07,0.337,1.857,0.844,2.365,1.52c0.506,0.675,0.744,1.365,0.717,2.068
|
||||
c-0.029,0.705-0.324,1.38-0.887,2.026c-0.562,0.647-1.379,1.084-2.447,1.309H45.661c-0.281,1.802-0.521,3.575-0.717,5.319
|
||||
c-0.199,1.745-0.438,3.49-0.719,5.234h9.709c1.068,0.338,1.857,0.845,2.365,1.52c0.506,0.676,0.744,1.365,0.717,2.068
|
||||
c-0.029,0.705-0.324,1.38-0.887,2.026c-0.562,0.648-1.379,1.085-2.447,1.309H43.298c-0.283,2.14-0.564,4.264-0.844,6.374
|
||||
c-0.283,2.111-0.564,4.236-0.846,6.375c-0.395,1.013-0.957,1.744-1.688,2.195c-0.732,0.449-1.451,0.633-2.154,0.548
|
||||
c-0.703-0.084-1.35-0.422-1.941-1.013c-0.59-0.591-0.943-1.45-1.055-2.575c0.281-1.97,0.549-3.953,0.803-5.952
|
||||
c0.252-1.997,0.52-3.981,0.801-5.952H22.106c-0.282,2.14-0.578,4.264-0.887,6.374c-0.31,2.111-0.605,4.236-0.886,6.375
|
||||
c-0.395,1.013-0.958,1.744-1.689,2.195c-0.732,0.449-1.45,0.633-2.153,0.548c-0.704-0.084-1.351-0.422-1.941-1.013
|
||||
c-0.591-0.591-0.943-1.45-1.056-2.575c0.281-1.97,0.549-3.953,0.802-5.952c0.253-1.997,0.52-3.981,0.802-5.952H6.993
|
||||
c-1.238-0.169-2.153-0.604-2.744-1.309c-0.591-0.703-0.874-1.463-0.844-2.279c0.028-0.815,0.365-1.562,1.013-2.237
|
||||
c0.646-0.676,1.589-1.041,2.828-1.098h8.78c0.281-1.744,0.52-3.489,0.718-5.234c0.197-1.744,0.436-3.517,0.718-5.319H9.611
|
||||
c-1.238-0.169-2.153-0.604-2.744-1.309c-0.591-0.703-0.873-1.463-0.844-2.28c0.028-0.815,0.365-1.562,1.013-2.237
|
||||
c0.646-0.675,1.589-1.041,2.828-1.097h8.527c0.281-1.97,0.549-3.926,0.802-5.868c0.253-1.941,0.52-3.896,0.802-5.868
|
||||
c0.281-1.237,0.802-2.124,1.562-2.659c0.76-0.534,1.533-0.746,2.322-0.633c0.788,0.113,1.491,0.521,2.11,1.224
|
||||
c0.619,0.705,0.9,1.675,0.844,2.913l-1.52,10.891h14.269c0.281-1.97,0.562-3.939,0.844-5.91
|
||||
C40.708,10.809,40.989,8.839,41.27,6.869z M38.02,30.93c0.197-1.744,0.408-3.517,0.633-5.319H24.385
|
||||
c-0.226,1.802-0.451,3.575-0.675,5.319c-0.226,1.745-0.451,3.49-0.675,5.234h14.269C37.585,34.42,37.823,32.675,38.02,30.93z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -1,12 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="9px" height="12px" viewBox="0 0 9 12" enable-background="new 0 0 9 12" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#ADAC99" d="M7.814,5.239V3.27c0-1.806-1.463-3.269-3.27-3.269C4.524,0.001,4.507-0.001,4.484,0
|
||||
C4.466,0,4.443,0.001,4.425,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24H0V12h9V5.239H7.814z M2.791,3.271
|
||||
c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.026,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
|
||||
H2.791V3.271z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<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"
|
||||
width="12px" height="12px" viewBox="-1.667 0 12 12" enable-background="new -1.667 0 12 12" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#ADAC99" d="M7.647,5.239V3.27c0-1.806-1.463-3.269-3.271-3.269C4.357,0.001,4.34-0.001,4.316,0
|
||||
C4.299,0,4.275,0.001,4.258,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24h-1.156V12h9V5.239H7.647z M2.624,3.271
|
||||
c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.025,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
|
||||
H2.624V3.271z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 831 B After Width: | Height: | Size: 861 B |
Loading…
Reference in New Issue
Block a user