Lisa P
commit
d1f3ee2c6f
28
app/components/broadcast-tower.coffee
Normal file
28
app/components/broadcast-tower.coffee
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
BroadcastTowerComponent = Ember.Component.extend
|
||||
|
||||
classNames: ['broadcast']
|
||||
|
||||
isOpen: false
|
||||
timeoutId: ''
|
||||
|
||||
isEmpty: (->
|
||||
@get('status') == ''
|
||||
).property('status')
|
||||
|
||||
actions:
|
||||
toggleBroadcasts:() ->
|
||||
@toggleProperty('isOpen')
|
||||
@sendAction('toggleBroadcasts')
|
||||
|
||||
if @get('isOpen') == true
|
||||
@set('timeoutId', setTimeout =>
|
||||
@toggleProperty('isOpen')
|
||||
@sendAction('toggleBroadcasts')
|
||||
, 10000
|
||||
)
|
||||
else
|
||||
clearTimeout(@get('timeoutId'))
|
||||
|
||||
`export default BroadcastTowerComponent`
|
||||
|
|
@ -51,7 +51,6 @@ Controller = Ember.Controller.extend
|
|||
Visibility.every @config.intervals.updateTimes, @updateTimes.bind(this)
|
||||
|
||||
runningJobs: (->
|
||||
# TODO: this should also query for received jobs
|
||||
result = @store.filter('job', {}, (job) ->
|
||||
['queued', 'started', 'received'].indexOf(job.get('state')) != -1
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,9 +1,14 @@
|
|||
`import Ember from 'ember'`
|
||||
`import Ajax from 'travis/utils/ajax'`
|
||||
`import config from 'travis/config/environment'`
|
||||
|
||||
Controller = Ember.Controller.extend
|
||||
needs: ['currentUser']
|
||||
userBinding: 'controllers.currentUser.model'
|
||||
|
||||
store: Ember.inject.service()
|
||||
currentUserBinding: 'auth.currentUser'
|
||||
|
||||
userName: (->
|
||||
@get('user.name') || @get('user.login')
|
||||
).property('user.login', 'user.name')
|
||||
|
|
@ -12,10 +17,73 @@ Controller = Ember.Controller.extend
|
|||
"#{location.protocol}//www.gravatar.com/avatar/#{@get('user.gravatarId')}?s=48&d=mm"
|
||||
).property('user.gravatarId')
|
||||
|
||||
broadcasts: (->
|
||||
|
||||
if @get('auth.signedIn')
|
||||
broadcasts = Ember.ArrayProxy.create(
|
||||
content: [],
|
||||
lastBroadcastStatus: '',
|
||||
isLoading: true
|
||||
)
|
||||
apiEndpoint = config.apiEndpoint
|
||||
options = {}
|
||||
options.type = 'GET'
|
||||
options.headers = { Authorization: "token #{@auth.token()}" }
|
||||
|
||||
seenBroadcasts = Travis.storage.getItem('travis.seen_broadcasts')
|
||||
if seenBroadcasts
|
||||
seenBroadcasts = JSON.parse(seenBroadcasts)
|
||||
else
|
||||
seenBroadcasts = []
|
||||
|
||||
$.ajax("#{apiEndpoint}/v3/broadcasts", options).then (response) ->
|
||||
if response.broadcasts.length
|
||||
receivedBroadcasts = response.broadcasts.filter((broadcast) ->
|
||||
unless broadcast.expired
|
||||
if seenBroadcasts.indexOf(broadcast.id.toString()) == -1
|
||||
broadcast
|
||||
).map( (broadcast) ->
|
||||
Ember.Object.create(broadcast)
|
||||
).reverse()
|
||||
|
||||
if receivedBroadcasts.length
|
||||
if receivedBroadcasts.findBy('category', 'warning')
|
||||
broadcasts.set('lastBroadcastStatus', 'warning')
|
||||
else if receivedBroadcasts.findBy('category', 'announcement')
|
||||
broadcasts.set('lastBroadcastStatus', 'announcement')
|
||||
else
|
||||
broadcasts.set('lastBroadcastStatus', '')
|
||||
|
||||
broadcasts.set('content', receivedBroadcasts)
|
||||
broadcasts.set('isLoading', false)
|
||||
|
||||
broadcasts
|
||||
).property('broadcasts')
|
||||
|
||||
actions: {
|
||||
toggleBurgerMenu: ->
|
||||
@toggleProperty('is-open')
|
||||
return false
|
||||
|
||||
toggleBroadcasts: ->
|
||||
@toggleProperty('showBroadcasts')
|
||||
return false
|
||||
|
||||
markBroadcastAsSeen: (broadcast) ->
|
||||
id = broadcast.get('id').toString()
|
||||
seenBroadcasts = Travis.storage.getItem('travis.seen_broadcasts')
|
||||
if seenBroadcasts
|
||||
seenBroadcasts = JSON.parse(seenBroadcasts)
|
||||
else
|
||||
seenBroadcasts = []
|
||||
seenBroadcasts.push(id)
|
||||
Travis.storage.setItem('travis.seen_broadcasts', JSON.stringify(seenBroadcasts))
|
||||
@get('broadcasts.content').removeObject(broadcast)
|
||||
unless @get('broadcasts.content').length
|
||||
@set('broadcasts.lastBroadcastStatus', '')
|
||||
else
|
||||
@set('broadcasts.lastBroadcastStatus', @get('broadcasts.content')[0].category)
|
||||
return false
|
||||
}
|
||||
|
||||
showCta: (->
|
||||
|
|
|
|||
|
|
@ -11,28 +11,11 @@ FlashesService = Ember.Service.extend
|
|||
@set('flashes', LimitedArray.create(limit: 1, content: []))
|
||||
|
||||
messages: (->
|
||||
broadcasts = @get('unseenBroadcasts')
|
||||
flashes = @get('flashes')
|
||||
model = []
|
||||
model.pushObjects(broadcasts) if broadcasts
|
||||
model.pushObjects(flashes.toArray().reverse()) if flashes
|
||||
model.pushObjects(flashes.toArray().reverse()) if flashes
|
||||
model.uniq()
|
||||
).property('unseenBroadcasts.[]', 'flashes.[]', 'unseenBroadcasts.length', 'flashes.length')
|
||||
|
||||
unseenBroadcasts: (->
|
||||
@get('broadcasts').filter (broadcast) ->
|
||||
!broadcast.get('isSeen')
|
||||
).property('broadcasts.[]', 'broadcasts.length')
|
||||
|
||||
broadcasts: (->
|
||||
broadcasts = Ember.ArrayProxy.create(content: [])
|
||||
|
||||
if @get('currentUser.id')
|
||||
@get('store').find('broadcast').then (result) ->
|
||||
broadcasts.pushObjects(result.toArray())
|
||||
|
||||
broadcasts
|
||||
).property('currentUser.id')
|
||||
).property('flashes.[]', 'flashes.length')
|
||||
|
||||
loadFlashes: (msgs) ->
|
||||
for msg in msgs
|
||||
|
|
@ -42,10 +25,6 @@ FlashesService = Ember.Service.extend
|
|||
Ember.run.later(this, (-> @get('flashes.content').removeObject(msg)), 15000)
|
||||
|
||||
close: (msg) ->
|
||||
if msg.constructor.modelName == "broadcast"
|
||||
msg.setSeen()
|
||||
@notifyPropertyChange('unseenBroadcasts')
|
||||
else
|
||||
@get('flashes').removeObject(msg)
|
||||
@get('flashes').removeObject(msg)
|
||||
|
||||
`export default FlashesService`
|
||||
|
|
|
|||
|
|
@ -24,6 +24,9 @@
|
|||
|
||||
@import "app/animation/tractor";
|
||||
|
||||
@import "app/modules/logo";
|
||||
@import "app/modules/tofuburger";
|
||||
@import "app/modules/navigation";
|
||||
@import "app/modules/row";
|
||||
@import "app/modules/loader";
|
||||
@import "app/modules/tiles";
|
||||
|
|
@ -53,6 +56,7 @@
|
|||
@import "app/layouts/top";
|
||||
@import "app/layouts/owner";
|
||||
@import "app/layouts/branches";
|
||||
@import "app/layouts/broadcasts";
|
||||
|
||||
@import "app/landing";
|
||||
@import "app/layouts/requests";
|
||||
|
|
|
|||
|
|
@ -11,3 +11,5 @@ $line-height: 22px
|
|||
$line-height-log: 19px
|
||||
|
||||
$font-weight-normal: 400
|
||||
|
||||
$top-height: 55px
|
||||
|
|
@ -8,15 +8,6 @@ $blue-grey: #404650
|
|||
$blue-grey-light: #d8e2e6
|
||||
$light-gray: #e9e9e7
|
||||
|
||||
$logo-red: #dc4136
|
||||
|
||||
$topbar-bg: $blue-grey
|
||||
$topbar-bg-darker: #31363d
|
||||
$topbar-height: 55px
|
||||
|
||||
$main-repo-link-color: #50555b
|
||||
$main-repo-hover-color: #607a84
|
||||
|
||||
$travis-lint-color: #9b9d9e
|
||||
$travis-lint-bg: #fafafa
|
||||
|
||||
|
|
|
|||
|
|
@ -8,14 +8,12 @@
|
|||
background-color: #fff
|
||||
|
||||
.button--signin
|
||||
margin-top: -4px
|
||||
background-color: #ffffff
|
||||
background-image: inline-image('landing-page/signingithub.svg')
|
||||
background-size: 16px 16px
|
||||
border: 2px solid #e4e7e7
|
||||
color: #a0a8a8
|
||||
.button--signingin
|
||||
margin-top: -4px
|
||||
border: 2px solid #3FA75F
|
||||
.button--signin:hover
|
||||
background-color: #73c78d
|
||||
|
|
@ -38,7 +36,7 @@
|
|||
.landing
|
||||
margin: 0 auto 170px auto
|
||||
font-weight: 300
|
||||
overflow: hidden
|
||||
overflow-x: hidden
|
||||
|
||||
h1
|
||||
font-size: 5em
|
||||
|
|
@ -469,6 +467,8 @@
|
|||
.landing-rows
|
||||
list-style: none
|
||||
margin: 0
|
||||
@media #{$small-only}
|
||||
padding: 0
|
||||
|
||||
.landing-row
|
||||
.two-line
|
||||
|
|
|
|||
|
|
@ -8,7 +8,12 @@
|
|||
padding-left: 0 !important
|
||||
padding-right: 0 !important
|
||||
padding-top: 30px !important
|
||||
overflow-y: auto
|
||||
// overflow-y: auto
|
||||
@media #{$medium-up}
|
||||
.topbar
|
||||
max-width: 1024px
|
||||
margin: auto
|
||||
padding: 0
|
||||
|
||||
.main,
|
||||
.profile-view
|
||||
|
|
@ -31,16 +36,6 @@
|
|||
background-color: $white
|
||||
border-right: 2px solid #f2f2f2
|
||||
|
||||
.duration_label
|
||||
display: inline-block
|
||||
height: 11px
|
||||
line-height: 13px
|
||||
text-indent: 14px
|
||||
margin-right: 1px
|
||||
overflow: hidden
|
||||
background: inline-image('ui/clock.svg') no-repeat 0px 0px
|
||||
background-size: contain
|
||||
|
||||
#main
|
||||
position: relative
|
||||
padding: 1.8em $column-gutter/2 5em
|
||||
|
|
|
|||
143
app/styles/app/layouts/broadcasts.sass
Normal file
143
app/styles/app/layouts/broadcasts.sass
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
.broadcast
|
||||
display: inline-block
|
||||
height: $top-height
|
||||
width: 40px
|
||||
margin-left: 1em
|
||||
line-height: $top-height
|
||||
cursor: pointer
|
||||
vertical-align: middle
|
||||
@media #{$medium-up}
|
||||
float: left
|
||||
|
||||
.broadcasts
|
||||
position: relative
|
||||
background-color: $white
|
||||
list-style: none
|
||||
padding: 0 1em
|
||||
margin: 0 auto .7em
|
||||
border-radius: 2px
|
||||
height: 0
|
||||
transform-origin: center center
|
||||
opacity: 0
|
||||
z-index: -1
|
||||
will-change: opacity
|
||||
transition: opacity 150ms ease
|
||||
|
||||
&:after
|
||||
content: ""
|
||||
position: absolute
|
||||
display: block
|
||||
width: 14px
|
||||
height: 14px
|
||||
background: $white
|
||||
top: -0.5em
|
||||
left: 136px
|
||||
transform: rotate(45deg)
|
||||
border-top: solid 2px $cream-dark
|
||||
border-left: solid 2px $cream-dark
|
||||
li
|
||||
border-bottom: solid 2px $cream-dark
|
||||
&:last-of-type
|
||||
border-bottom: none
|
||||
p
|
||||
margin: .5em 0
|
||||
padding-left: 1.5rem
|
||||
font-size: .9em
|
||||
word-wrap: break-word
|
||||
a
|
||||
display: inline
|
||||
line-height: 1.45
|
||||
text-decoration: underline
|
||||
|
||||
&.is-open
|
||||
z-index: 80
|
||||
border: solid 2px $cream-dark
|
||||
opacity: 1
|
||||
height: auto
|
||||
|
||||
.icon-close
|
||||
display: inline-block
|
||||
width: 1.2em
|
||||
height: 1.2em
|
||||
float: right
|
||||
background:
|
||||
image: inline-image('line-icons/icon-failed.svg')
|
||||
repeat: no-repeat
|
||||
|
||||
@media #{$medium-up}
|
||||
position: absolute
|
||||
top: 3.3em
|
||||
left: 145px
|
||||
width: 27em
|
||||
height: auto
|
||||
z-index: 70
|
||||
margin-left: -0.7em
|
||||
.centered &
|
||||
left: 133px
|
||||
&:after
|
||||
left: 1rem
|
||||
|
||||
.broadcast-status
|
||||
display: inline-block
|
||||
width: 10px
|
||||
height: 10px
|
||||
margin-right: .5rem
|
||||
margin-left: -1.5rem
|
||||
border-radius: 50%
|
||||
background-color: $grey-medium
|
||||
|
||||
&.warning
|
||||
background-color: $red-dark
|
||||
|
||||
&.announcement
|
||||
background-color: $green-dark
|
||||
|
||||
|
||||
.icon-broadcast
|
||||
display: inline-block
|
||||
width: 1.3em
|
||||
height: 2em
|
||||
vertical-align: middle
|
||||
svg
|
||||
overflow: visible
|
||||
.tower-path
|
||||
fill: #AEAEAE
|
||||
&:hover,
|
||||
&.is-open
|
||||
.tower-path
|
||||
fill: #818181
|
||||
|
||||
&.warning
|
||||
.tower-path
|
||||
fill: #DB4141
|
||||
&:hover,
|
||||
&.is-open
|
||||
.tower-path
|
||||
fill: #BA1717
|
||||
|
||||
&.announcement
|
||||
.tower-path
|
||||
fill: #3CA85B
|
||||
&:hover,
|
||||
&.is-open
|
||||
.tower-path
|
||||
fill: #238C3E
|
||||
|
||||
.radio-wave--right
|
||||
.tower-path
|
||||
transform-origin: left center
|
||||
animation: pulsating-right 1.5s linear infinite
|
||||
|
||||
.radio-wave--left
|
||||
.tower-path
|
||||
transform-origin: right center
|
||||
animation: pulsating-left 1.5s linear infinite
|
||||
|
||||
|
||||
@keyframes pulsating-right
|
||||
40%
|
||||
transform: translateX(1px) scale(1.1)
|
||||
|
||||
@keyframes pulsating-left
|
||||
40%
|
||||
transform: translateX(-1px) scale(1.1)
|
||||
|
|
@ -14,6 +14,7 @@
|
|||
margin: 0
|
||||
font-weight: 400
|
||||
font-size: 35px
|
||||
line-height: 1
|
||||
a
|
||||
color: $grey-dark
|
||||
&:hover
|
||||
|
|
@ -123,19 +124,22 @@
|
|||
a
|
||||
display: block
|
||||
margin-bottom: .5em
|
||||
text-align: center
|
||||
background-color: $grey-lighter
|
||||
line-height: 24px
|
||||
&:hover
|
||||
background-color: darken($grey-medium, 10)
|
||||
.icon--trigger
|
||||
width: .95em
|
||||
height: 1.2em
|
||||
height: 1.3em
|
||||
margin-left: 6px
|
||||
.icon--cancel
|
||||
width: 1em
|
||||
height: 1em
|
||||
margin-left: 6px
|
||||
.icon--codeclimate
|
||||
width: 1.2em
|
||||
height: 1.1em
|
||||
margin-left: 4px
|
||||
|
||||
.build-os.linux
|
||||
text-transform: capitalize
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
margin: 3rem 0 5rem
|
||||
list-style-type: none
|
||||
|
||||
|
||||
.dashboard-active li
|
||||
text-align: left
|
||||
.one-line
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
$top-height: 55px
|
||||
|
||||
#auth #top .cta
|
||||
display: none
|
||||
|
|
@ -32,133 +31,25 @@ $top-height: 55px
|
|||
@media #{$medium-up}
|
||||
display: block
|
||||
|
||||
.centered .cta
|
||||
padding-right: 0
|
||||
|
||||
.logo
|
||||
position: relative
|
||||
margin: 0 1.5rem 0 1.3rem
|
||||
float: left
|
||||
a
|
||||
display: block
|
||||
width: 100px
|
||||
height: $top-height
|
||||
z-index: 999
|
||||
outline: none
|
||||
text-indent: -9999px
|
||||
transition: background-color 200ms ease
|
||||
background: inline-image('svg/travis-ci-logo.svg') no-repeat 0 50%
|
||||
|
||||
&:hover
|
||||
background: $cream-light inline-image('svg/travis-ci-logo-hover.svg') no-repeat 50%
|
||||
.centered &
|
||||
margin-left: 0
|
||||
|
||||
.burger
|
||||
overflow: auto
|
||||
height: $top-height
|
||||
@media #{$medium-up}
|
||||
display: none
|
||||
|
||||
.burger-btn
|
||||
float: right
|
||||
font-size: 50px
|
||||
background: none
|
||||
border: none
|
||||
line-height: 1
|
||||
color: $grey-medium
|
||||
outline: none !important
|
||||
@include clearfix
|
||||
&:hover
|
||||
cursor: pointer
|
||||
|
||||
.top
|
||||
background-color: #eff0ec
|
||||
|
||||
.topbar
|
||||
height: $top-height
|
||||
padding: 0 $column-gutter/2
|
||||
clear: both
|
||||
overflow: hidden
|
||||
font-size: $font-size-m
|
||||
background-color: #eff0ec
|
||||
color: $grey-medium
|
||||
|
||||
.navigation
|
||||
padding: 0 $column-gutter/2
|
||||
margin: 0
|
||||
height: 0
|
||||
list-style: none
|
||||
overflow: hidden
|
||||
&.is-open
|
||||
height: auto
|
||||
|
||||
.navigation-handle
|
||||
position: relative
|
||||
margin: 0
|
||||
|
||||
.navigation-sub
|
||||
position: relative
|
||||
|
||||
.navigation-nested
|
||||
@include resetul
|
||||
|
||||
a,
|
||||
.navigation-handle
|
||||
display: block
|
||||
color: #898989
|
||||
font-size: $font-size-m
|
||||
cursor: pointer
|
||||
height: $top-height
|
||||
line-height: $top-height + 2px
|
||||
border: none
|
||||
a
|
||||
color: $grey-medium
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
.profile
|
||||
float: right
|
||||
img
|
||||
border-radius: 50%;
|
||||
width: 2.7rem;
|
||||
height: 2.7rem;
|
||||
margin-left: 1rem;
|
||||
transform: translateY(-0.1rem);
|
||||
|
||||
&.has-autoheight
|
||||
height: auto
|
||||
@media #{$medium-up}
|
||||
&.row
|
||||
height: $top-height
|
||||
|
||||
.navigation
|
||||
padding: 0
|
||||
&,
|
||||
&.has-autoheight
|
||||
position: relative
|
||||
height: $top-height
|
||||
overflow: visible
|
||||
> li
|
||||
display: inline-block
|
||||
margin-right: 1rem
|
||||
.centered & li.signed-out
|
||||
.centered & li.signed-in
|
||||
.centered & li.signing-in
|
||||
margin-right: 0
|
||||
|
||||
a,
|
||||
.navigation-handle span:not(.sync-spinner)
|
||||
padding: 0 .2em
|
||||
|
||||
.centered & .navigation li:last-child
|
||||
margin-right: 0
|
||||
|
||||
.navigation-nested
|
||||
display: none
|
||||
position: absolute
|
||||
top: $top-height
|
||||
left: -1em
|
||||
z-index: 90
|
||||
background-color: #eff0ec
|
||||
a
|
||||
height: 35px
|
||||
line-height: 35px
|
||||
padding: 0 2em
|
||||
white-space: nowrap
|
||||
&:hover
|
||||
text-decoration: none
|
||||
background-color: $cream-light
|
||||
|
||||
.navigation-handle:hover + .navigation-nested,
|
||||
.navigation-nested:hover
|
||||
display: block
|
||||
|
|
|
|||
17
app/styles/app/layouts/untitled
Normal file
17
app/styles/app/layouts/untitled
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.burger
|
||||
overflow: auto
|
||||
height: $top-height
|
||||
@media #{$medium-up}
|
||||
display: none
|
||||
|
||||
.burger-btn
|
||||
float: right
|
||||
font-size: 50px
|
||||
background: none
|
||||
border: none
|
||||
line-height: 1
|
||||
color: $grey-medium
|
||||
outline: none !important
|
||||
@include clearfix
|
||||
&:hover
|
||||
cursor: pointer
|
||||
|
|
@ -123,8 +123,8 @@ $button-border-color: #d4d4d4
|
|||
background-color: #696867
|
||||
|
||||
.button-circle
|
||||
width: 1.7em
|
||||
height: 1.7em
|
||||
width: 28px
|
||||
height: 28px
|
||||
border-radius: 50%
|
||||
|
||||
.button--showmore
|
||||
|
|
|
|||
|
|
@ -29,10 +29,6 @@
|
|||
.icon--github-circle
|
||||
background-image: inline-image('icons/github.svg')
|
||||
|
||||
.icon-branch,
|
||||
.icon--branch
|
||||
background-image: inline-image('dashboard/branch.svg')
|
||||
|
||||
.icon-hash,
|
||||
.icon--hash
|
||||
background-image: inline-image('svg/build-number-icon.svg')
|
||||
|
|
@ -59,25 +55,6 @@
|
|||
%icon-star-green
|
||||
background-image: inline-image('svg/icon-star-green.svg')
|
||||
|
||||
.icon-status.errored
|
||||
background-image: inline-image('dashboard/status-errored.svg')
|
||||
|
||||
.icon-status.failed
|
||||
background-image: inline-image('dashboard/status-failed.svg')
|
||||
|
||||
.icon-status.canceled
|
||||
background-image: inline-image('dashboard/status-cancelled.svg')
|
||||
|
||||
.icon-status.passed
|
||||
background-image: inline-image('dashboard/status-passed.svg')
|
||||
|
||||
.icon-status.started,
|
||||
.icon-status.queued,
|
||||
.icon-status.booting,
|
||||
.icon-status.received,
|
||||
.icon-status.created,
|
||||
background-image: inline-image('dashboard/status-pending.svg')
|
||||
|
||||
.icon.push
|
||||
background-image: inline-image('svg/push-icon.svg')
|
||||
|
||||
|
|
@ -97,14 +74,6 @@
|
|||
.icon--grey.api
|
||||
background-image: inline-image('svg/api-light-grey.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--cancel
|
||||
background-image: inline-image('svg/off.svg')
|
||||
|
||||
|
|
@ -122,6 +91,26 @@
|
|||
background-image: inline-image('icons/code-climate-icon.svg')
|
||||
|
||||
|
||||
.icon-status.errored
|
||||
background-image: inline-image('dashboard/status-errored.svg')
|
||||
|
||||
.icon-status.failed
|
||||
background-image: inline-image('dashboard/status-failed.svg')
|
||||
|
||||
.icon-status.canceled
|
||||
background-image: inline-image('dashboard/status-cancelled.svg')
|
||||
|
||||
.icon-status.passed
|
||||
background-image: inline-image('dashboard/status-passed.svg')
|
||||
|
||||
.icon-status.started,
|
||||
.icon-status.queued,
|
||||
.icon-status.booting,
|
||||
.icon-status.received,
|
||||
.icon-status.created,
|
||||
background-image: inline-image('dashboard/status-pending.svg')
|
||||
|
||||
|
||||
.icon--env
|
||||
background-image: inline-image('svg/icon-environment-dark2.svg')
|
||||
.icon--job.failed,
|
||||
|
|
|
|||
21
app/styles/app/modules/logo.sass
Normal file
21
app/styles/app/modules/logo.sass
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
.logo
|
||||
position: relative
|
||||
display: inline-block
|
||||
height: $top-height
|
||||
width: 100px
|
||||
margin: 0 1.5rem 0 0
|
||||
vertical-align: middle
|
||||
float: left
|
||||
a
|
||||
display: block
|
||||
height: $top-height
|
||||
z-index: 999
|
||||
outline: none
|
||||
text-indent: -9999px
|
||||
transition: background-color 200ms ease
|
||||
background: inline-image('svg/travis-ci-logo.svg') no-repeat 0 50%
|
||||
|
||||
&:hover
|
||||
background: $cream-light inline-image('svg/travis-ci-logo-hover.svg') no-repeat 50%
|
||||
.centered &
|
||||
margin-left: 0
|
||||
80
app/styles/app/modules/navigation.sass
Normal file
80
app/styles/app/modules/navigation.sass
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
$nav-line-height: 35px
|
||||
|
||||
.navigation-toggle
|
||||
float: right
|
||||
@media #{$medium-up}
|
||||
display: none
|
||||
|
||||
.navigation
|
||||
height: 0
|
||||
will-change: height
|
||||
transition: height 200ms ease
|
||||
overflow: hidden
|
||||
> ul
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
li
|
||||
display: block
|
||||
&.is-open
|
||||
height: 100%
|
||||
|
||||
@media #{$medium-up}
|
||||
overflow: visible
|
||||
> ul > li
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
margin-right: 1.5em
|
||||
|
||||
.profile
|
||||
font-size: $font-size-m
|
||||
color: $grey-medium
|
||||
text-align: right
|
||||
line-height: $top-height
|
||||
float: right
|
||||
img
|
||||
border-radius: 50%
|
||||
width: 2.7rem
|
||||
height: 2.7rem
|
||||
margin-left: 1rem
|
||||
@media #{$medium-up}
|
||||
margin-right: 0
|
||||
|
||||
|
||||
.navigation-anchor
|
||||
display: block
|
||||
width: 100%
|
||||
line-height: $nav-line-height
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
cursor: pointer
|
||||
@media #{$medium-up}
|
||||
line-height: $top-height + 1px // such magic wow
|
||||
|
||||
.navigation-nested
|
||||
margin: 0
|
||||
padding: 0 0 0 1em
|
||||
list-style: none
|
||||
line-height: $nav-line-height
|
||||
|
||||
@media #{$medium-up}
|
||||
display: none
|
||||
position: absolute
|
||||
padding: 0 0 0 0
|
||||
margin: -1px 0 0 -1em
|
||||
z-index: 88
|
||||
background-color: #eff0ec
|
||||
|
||||
li
|
||||
display: block
|
||||
text-align: left
|
||||
a
|
||||
display: block
|
||||
padding: 0 2em
|
||||
&:hover
|
||||
text-decoration: none
|
||||
background-color: $cream-light
|
||||
|
||||
.navigation-anchor:hover ~ .navigation-nested,
|
||||
.navigation-nested:hover
|
||||
display: block
|
||||
16
app/styles/app/modules/tofuburger.sass
Normal file
16
app/styles/app/modules/tofuburger.sass
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
|
||||
.tofuburger
|
||||
height: $top-height
|
||||
width: 30px
|
||||
border: none
|
||||
line-height: 1
|
||||
outline: none
|
||||
text-indent: -9999px
|
||||
background:
|
||||
image: inline-image('line-icons/icon-tofuburger.svg')
|
||||
size: 100%
|
||||
position: center center
|
||||
repeat: no-repeat
|
||||
color: transparent
|
||||
&:hover
|
||||
cursor: pointer
|
||||
41
app/templates/components/broadcast-tower.hbs
Normal file
41
app/templates/components/broadcast-tower.hbs
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<span class="icon-broadcast {{status}} {{if isOpen 'is-open'}}" title="broadcasts" {{action 'toggleBroadcasts'}}>
|
||||
|
||||
{{#if isEmpty}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-1 0 16 25" xml:space="preserve">
|
||||
<g>
|
||||
<path class="tower-path" d="M0.989,18.732l0.92-2.247l3.926,0.663V20h0.868l-0.001-2.852l3.926-0.663l0.92,2.247h0.989L8.167,8.078
|
||||
H7.183l0.004,0.011H5.351l0.004-0.011H4.37L0,18.732H0.989z M6.702,16.288l-0.003-3.877l2.461,0.492l1.131,2.759L6.702,16.288z
|
||||
M2.246,15.662l1.131-2.759l2.459-0.492l-0.001,3.877L2.246,15.662z M8.794,12.015l-2.095-0.483L6.698,8.92h0.827L8.794,12.015z
|
||||
M5.836,8.92v2.612l-2.093,0.482L5.012,8.92H5.836z"/>
|
||||
<path class="tower-path" d="M6.246,6.437c1.082,0,1.962-0.88,1.962-1.964c0-1.085-0.88-1.964-1.962-1.964
|
||||
c-1.087,0-1.966,0.879-1.966,1.964C4.28,5.557,5.159,6.437,6.246,6.437z"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{else}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-1 0 16 25" xml:space="preserve">
|
||||
<g>
|
||||
<path class="tower-path" d="M0.989,18.732l0.92-2.247l3.926,0.663V20h0.868l-0.001-2.852l3.926-0.663l0.92,2.247h0.989L8.167,8.078
|
||||
H7.183l0.004,0.011H5.351l0.004-0.011H4.37L0,18.732H0.989z M6.702,16.288l-0.003-3.877l2.461,0.492l1.131,2.759L6.702,16.288z
|
||||
M2.246,15.662l1.131-2.759l2.459-0.492l-0.001,3.877L2.246,15.662z M8.794,12.015l-2.095-0.483L6.698,8.92h0.827L8.794,12.015z
|
||||
M5.836,8.92v2.612l-2.093,0.482L5.012,8.92H5.836z"/>
|
||||
<g class="radio-wave--right">
|
||||
<path class="tower-path" d="M10.035,8.32l0.606,0.606c2.267-2.355,2.263-6.58-0.016-8.927l-0.591,0.593
|
||||
C11.992,2.781,11.99,6.115,10.035,8.32z"/>
|
||||
<path class="tower-path" d="M8.631,1.995C9.823,3.41,9.824,5.496,8.635,6.922l0.606,0.606c1.522-1.766,1.524-4.394,0-6.144L8.631,1.995
|
||||
z"/>
|
||||
</g>
|
||||
<g class="radio-wave--left">
|
||||
<path class="tower-path" d="M1.855,8.927L2.462,8.32C0.507,6.115,0.506,2.781,2.463,0.593L1.872,0C-0.407,2.347-0.41,6.571,1.855,8.927
|
||||
z"/>
|
||||
<path class="tower-path" d="M3.257,1.385c-1.524,1.75-1.523,4.378-0.001,6.144l0.606-0.606C2.674,5.496,2.674,3.41,3.866,1.995
|
||||
L3.257,1.385z"/>
|
||||
</g>
|
||||
<path class="tower-path" d="M6.246,6.437c1.082,0,1.962-0.88,1.962-1.964c0-1.085-0.88-1.964-1.962-1.964
|
||||
c-1.087,0-1.966,0.879-1.966,1.964C4.28,5.557,5.159,6.437,6.246,6.437z"/>
|
||||
</g>
|
||||
</svg>
|
||||
{{/if}}
|
||||
|
||||
</span>
|
||||
|
|
@ -34,4 +34,3 @@
|
|||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="wrapper">
|
||||
<header id="top" class="topbar">
|
||||
<header id="top" class="top">
|
||||
<div class="centered">
|
||||
{{render "top"}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,30 @@
|
|||
<div class="row topbar">
|
||||
<div class="topbar {{if is-open 'has-autoheight'}} {{if showBroadcasts 'has-autoheight'}}">
|
||||
<h1 id="logo" class="logo">{{#link-to "main"}}Travis{{/link-to}}</h1>
|
||||
<div class="burger">
|
||||
<button type="button" id="burger" class="burger-btn" {{action 'toggleBurgerMenu'}}>≡</button>
|
||||
|
||||
<div class="navigation-toggle">
|
||||
<button type="button" id="tofuburger" class="tofuburger" {{action 'toggleBurgerMenu'}}>Toggle Menu</button>
|
||||
</div>
|
||||
|
||||
<ul id="navigation" class="navigation {{if is-open 'is-open'}}">
|
||||
<li><a href="http://blog.travis-ci.com">Blog</a></li>
|
||||
<li><a href="http://www.traviscistatus.com/">Status</a></li>
|
||||
{{#if auth.signedIn}}
|
||||
|
||||
{{broadcast-tower toggleBroadcasts="toggleBroadcasts" status=broadcasts.lastBroadcastStatus}}
|
||||
|
||||
<ul class="broadcasts {{if showBroadcasts 'is-open'}}">
|
||||
{{#each broadcasts.content as |broadcast|}}
|
||||
<li><p><span class="broadcast-status {{broadcast.category}}" title="Transmitted on {{broadcast.updated_at}}"></span> {{{broadcast.message}}} <a {{action 'markBroadcastAsSeen' broadcast}} class="icon-close"></a></p></li>
|
||||
{{else}}
|
||||
<li><p>There are no broadcasts transmitted</p></li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
|
||||
<nav id="navigation" class="navigation {{if is-open 'is-open'}}">
|
||||
<ul>
|
||||
<li><a href="http://blog.travis-ci.com" class="navigation-anchor">Blog</a></li>
|
||||
<li><a href="http://www.traviscistatus.com/" class="navigation-anchor">Status</a></li>
|
||||
{{#unless config.pro}}
|
||||
<li class="navigation-sub navigation--community">
|
||||
<p class="handle navigation-handle">
|
||||
<span>Help</span>
|
||||
</p>
|
||||
<li>
|
||||
<span class="navigation-anchor">Help</span>
|
||||
<ul class="navigation-nested">
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html" alt="Imprint">Imprint</a></li>
|
||||
|
|
@ -20,57 +32,47 @@
|
|||
</li>
|
||||
{{/unless}}
|
||||
|
||||
{{#if config.pro}}
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
<li class="navigation-sub navigation--legal">
|
||||
<p class="handle navigation-handle">
|
||||
<span>Legal</span>
|
||||
</p>
|
||||
<ul class="navigation-nested">
|
||||
<li>
|
||||
<a href={{config.urls.imprint}}>Imprint</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={{config.urls.security}}>Security</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={{config.urls.terms}}>Terms</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if config.pro}}
|
||||
<li><a href="http://docs.travis-ci.com">Docs</a></li>
|
||||
<li>
|
||||
<span class="navigation-anchor">Legal</span>
|
||||
<ul class="navigation-nested">
|
||||
<li><a href={{config.urls.imprint}}>Imprint</a></li>
|
||||
<li><a href={{config.urls.security}}>Security</a></li>
|
||||
<li><a href={{config.urls.terms}}>Terms</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{{/if}}
|
||||
|
||||
<li class="{{view.classProfile}} navigation-sub">
|
||||
<p class="handle navigation-handle">
|
||||
<li class="{{view.classProfile}}">
|
||||
{{#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"}}{{userName}}
|
||||
<img src={{gravatarUrl}} />
|
||||
{{#link-to "profile" class="navigation-anchor signed-in"}}{{userName}}<img src={{gravatarUrl}} />
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if auth.signingIn}}
|
||||
<button class="signing-in button--signingin">Signing In <span class="loading-indicator--white"><i></i><i></i><i></i></span></button>
|
||||
{{/if}}
|
||||
</p>
|
||||
{{#if auth.signedIn}}
|
||||
<ul class="navigation-nested">
|
||||
<li>
|
||||
{{#link-to "profile" class="signed-in"}}Accounts{{/link-to}}
|
||||
</li>
|
||||
{{#if config.billingEndpoint}}
|
||||
{{#if auth.signedIn}}
|
||||
<ul class="navigation-nested">
|
||||
<li>
|
||||
<a href={{config.billingEndpoint}}>Billing</a>
|
||||
{{#link-to "profile" class="signed-in"}}Accounts{{/link-to}}
|
||||
</li>
|
||||
{{/if}}
|
||||
<li>
|
||||
<a href="/" {{action "signOut" target="auth"}}>Sign Out</a>
|
||||
</li>
|
||||
</ul>
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
{{#if config.billingEndpoint}}
|
||||
<li>
|
||||
<a href={{config.billingEndpoint}}>Billing</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
<li>
|
||||
<a href="/" {{action "signOut" target="auth"}}>Sign Out</a>
|
||||
</li>
|
||||
</ul>
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
{{#if showCta}}
|
||||
|
|
|
|||
22
public/images/line-icons/icon-broadcast-green.svg
Normal file
22
public/images/line-icons/icon-broadcast-green.svg
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<?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="12.537px" height="20px" viewBox="0 0 12.537 20" enable-background="new 0 0 12.537 20" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#3CA85B" d="M0.989,18.732l0.92-2.247l3.926,0.663V20h0.868l-0.001-2.852l3.926-0.663l0.92,2.247h0.989L8.167,8.078
|
||||
H7.183l0.004,0.011H5.351l0.004-0.011H4.37L0,18.732H0.989z M6.702,16.288l-0.003-3.877l2.461,0.492l1.131,2.759L6.702,16.288z
|
||||
M2.246,15.662l1.131-2.759l2.459-0.492l-0.001,3.877L2.246,15.662z M8.794,12.015l-2.095-0.483L6.698,8.92h0.827L8.794,12.015z
|
||||
M5.836,8.92v2.612l-2.093,0.482L5.012,8.92H5.836z"/>
|
||||
<path fill="#3CA85B" d="M10.035,8.32l0.606,0.606c2.267-2.355,2.263-6.58-0.016-8.927l-0.591,0.593
|
||||
C11.992,2.781,11.99,6.115,10.035,8.32z"/>
|
||||
<path fill="#3CA85B" d="M8.631,1.995C9.823,3.41,9.824,5.496,8.635,6.922l0.606,0.606c1.522-1.766,1.524-4.394,0-6.144L8.631,1.995
|
||||
z"/>
|
||||
<path fill="#3CA85B" d="M1.855,8.927L2.462,8.32C0.507,6.115,0.506,2.781,2.463,0.593L1.872,0C-0.407,2.347-0.41,6.571,1.855,8.927
|
||||
z"/>
|
||||
<path fill="#3CA85B" d="M3.257,1.385c-1.524,1.75-1.523,4.378-0.001,6.144l0.606-0.606C2.674,5.496,2.674,3.41,3.866,1.995
|
||||
L3.257,1.385z"/>
|
||||
<path fill="#3CA85B" d="M6.246,6.437c1.082,0,1.962-0.88,1.962-1.964c0-1.085-0.88-1.964-1.962-1.964
|
||||
c-1.087,0-1.966,0.879-1.966,1.964C4.28,5.557,5.159,6.437,6.246,6.437z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
14
public/images/line-icons/icon-broadcast-grey.svg
Normal file
14
public/images/line-icons/icon-broadcast-grey.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?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="12.537px" height="20px" viewBox="0 0 12.537 20" enable-background="new 0 0 12.537 20" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#AEAEAE" d="M0.989,18.732l0.92-2.247l3.926,0.663V20h0.868l-0.001-2.852l3.926-0.663l0.92,2.247h0.989L8.167,8.078
|
||||
H7.183l0.004,0.011H5.351l0.004-0.011H4.37L0,18.732H0.989z M6.702,16.288l-0.003-3.877l2.461,0.492l1.131,2.759L6.702,16.288z
|
||||
M2.246,15.662l1.131-2.759l2.459-0.492l-0.001,3.877L2.246,15.662z M8.794,12.015l-2.095-0.483L6.698,8.92h0.827L8.794,12.015z
|
||||
M5.836,8.92v2.612l-2.093,0.482L5.012,8.92H5.836z"/>
|
||||
<path fill="#AEAEAE" d="M6.246,6.437c1.082,0,1.962-0.88,1.962-1.964c0-1.085-0.88-1.964-1.962-1.964
|
||||
c-1.087,0-1.966,0.879-1.966,1.964C4.28,5.557,5.159,6.437,6.246,6.437z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
22
public/images/line-icons/icon-broadcast-red.svg
Normal file
22
public/images/line-icons/icon-broadcast-red.svg
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<?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="12.537px" height="20px" viewBox="0 0 12.537 20" enable-background="new 0 0 12.537 20" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#DB4141" d="M0.989,18.732l0.92-2.247l3.926,0.663V20h0.868l-0.001-2.852l3.926-0.663l0.92,2.247h0.989L8.167,8.078
|
||||
H7.183l0.004,0.011H5.351l0.004-0.011H4.37L0,18.732H0.989z M6.702,16.288l-0.003-3.877l2.461,0.492l1.131,2.759L6.702,16.288z
|
||||
M2.246,15.662l1.131-2.759l2.459-0.492l-0.001,3.877L2.246,15.662z M8.794,12.015l-2.095-0.483L6.698,8.92h0.827L8.794,12.015z
|
||||
M5.836,8.92v2.612l-2.093,0.482L5.012,8.92H5.836z"/>
|
||||
<path fill="#DB4141" d="M10.035,8.32l0.606,0.606c2.267-2.355,2.263-6.58-0.016-8.927l-0.591,0.593
|
||||
C11.992,2.781,11.99,6.115,10.035,8.32z"/>
|
||||
<path fill="#DB4141" d="M8.631,1.995C9.823,3.41,9.824,5.496,8.635,6.922l0.606,0.606c1.522-1.766,1.524-4.394,0-6.144L8.631,1.995
|
||||
z"/>
|
||||
<path fill="#DB4141" d="M1.855,8.927L2.462,8.32C0.507,6.115,0.506,2.781,2.463,0.593L1.872,0C-0.407,2.347-0.41,6.571,1.855,8.927
|
||||
z"/>
|
||||
<path fill="#DB4141" d="M3.257,1.385c-1.524,1.75-1.523,4.378-0.001,6.144l0.606-0.606C2.674,5.496,2.674,3.41,3.866,1.995
|
||||
L3.257,1.385z"/>
|
||||
<path fill="#DB4141" d="M6.246,6.437c1.082,0,1.962-0.88,1.962-1.964c0-1.085-0.88-1.964-1.962-1.964
|
||||
c-1.087,0-1.966,0.879-1.966,1.964C4.28,5.557,5.159,6.437,6.246,6.437z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -1,4 +1,5 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<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="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"/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 529 B After Width: | Height: | Size: 672 B |
Loading…
Reference in New Issue
Block a user