start working on broadcasts
This commit is contained in:
Lisa P
parent
bc67c4cccd
commit
f33161f95e
|
|
@ -1,4 +1,6 @@
|
|||
`import Ember from 'ember'`
|
||||
`import Ajax from 'travis/utils/ajax'`
|
||||
`import config from 'travis/config/environment'`
|
||||
|
||||
Controller = Ember.Controller.extend
|
||||
needs: ['currentUser']
|
||||
|
|
@ -12,6 +14,31 @@ 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()}" }
|
||||
|
||||
$.ajax("#{apiEndpoint}/v3/broadcasts", options).then (response) ->
|
||||
array = response.broadcasts.map( (broadcast) ->
|
||||
Ember.Object.create(broadcast)
|
||||
).reverse()
|
||||
|
||||
broadcasts.set('lastBroadcastStatus', array[0].category)
|
||||
broadcasts.set('content', array)
|
||||
broadcasts.set('isLoading', false)
|
||||
|
||||
broadcasts
|
||||
).property()
|
||||
|
||||
actions: {
|
||||
toggleBurgerMenu: ->
|
||||
@toggleProperty('is-open')
|
||||
|
|
|
|||
|
|
@ -53,6 +53,7 @@
|
|||
@import "app/layouts/top";
|
||||
@import "app/layouts/owner";
|
||||
@import "app/layouts/branches";
|
||||
@import "app/layouts/broadcasts";
|
||||
|
||||
@import "app/landing";
|
||||
@import "app/layouts/requests";
|
||||
|
|
|
|||
19
app/styles/app/layouts/broadcasts.sass
Normal file
19
app/styles/app/layouts/broadcasts.sass
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.broadcasts
|
||||
// display: none
|
||||
|
||||
|
||||
.icon-broadcast
|
||||
display: inline-block
|
||||
width: 1em
|
||||
height: 1.9em
|
||||
background:
|
||||
image: inline-image('line-icons/icon-broadcast-grey.svg')
|
||||
repeat: no-repeat
|
||||
size: 100%
|
||||
vertical-align: middle
|
||||
|
||||
&.warning
|
||||
background-image: inline-image('line-icons/icon-broadcast-red.svg')
|
||||
|
||||
&.announcement
|
||||
background-image: inline-image('line-icons/icon-broadcast-green.svg')
|
||||
|
|
@ -89,18 +89,16 @@ $top-height: 55px
|
|||
&.is-open
|
||||
height: auto
|
||||
|
||||
.navigation-handle
|
||||
position: relative
|
||||
margin: 0
|
||||
|
||||
.navigation-sub
|
||||
position: relative
|
||||
> li
|
||||
position: relative
|
||||
|
||||
.navigation-nested
|
||||
@include resetul
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style: none
|
||||
|
||||
a,
|
||||
.navigation-handle
|
||||
.navigation-anchor
|
||||
display: block
|
||||
color: #898989
|
||||
font-size: $font-size-m
|
||||
|
|
@ -137,7 +135,7 @@ $top-height: 55px
|
|||
margin-right: 0
|
||||
|
||||
a,
|
||||
.navigation-handle span:not(.sync-spinner)
|
||||
.navigation-anchor
|
||||
padding: 0 .2em
|
||||
|
||||
.centered & .navigation li:last-child
|
||||
|
|
@ -159,6 +157,6 @@ $top-height: 55px
|
|||
text-decoration: none
|
||||
background-color: $cream-light
|
||||
|
||||
.navigation-handle:hover + .navigation-nested,
|
||||
.navigation-anchor:hover + .navigation-nested,
|
||||
.navigation-nested:hover
|
||||
display: block
|
||||
|
|
|
|||
|
|
@ -5,14 +5,24 @@
|
|||
</div>
|
||||
|
||||
<ul id="navigation" class="navigation {{if is-open 'is-open'}}">
|
||||
|
||||
<li class="">
|
||||
<span class="navigation-anchor"><span class="icon-broadcast {{broadcasts.lastBroadcastStatus}}" title="broadcasts"></span></span>
|
||||
{{#if auth.signedIn}}
|
||||
<ul class="broadcasts">
|
||||
{{#each broadcasts.content as |broadcast|}}
|
||||
<li>{{broadcast.category}} {{{broadcast.message}}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</li>
|
||||
|
||||
<li><a href="http://blog.travis-ci.com">Blog</a></li>
|
||||
<li><a href="http://www.traviscistatus.com/">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>
|
||||
|
|
@ -22,26 +32,18 @@
|
|||
|
||||
{{#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>
|
||||
<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>
|
||||
<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}}">
|
||||
<span class="navigation-anchor">
|
||||
{{#if auth.signedOut}}
|
||||
<button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
|
||||
{{/if}}
|
||||
|
|
@ -53,7 +55,7 @@
|
|||
{{#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>
|
||||
</span>
|
||||
{{#if auth.signedIn}}
|
||||
<ul class="navigation-nested">
|
||||
<li>
|
||||
|
|
|
|||
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 |
Loading…
Reference in New Issue
Block a user