Display only jobs and workers in tabs

This commit is contained in:
Piotr Sarnacki 2013-03-15 19:22:24 +01:00
parent b06d7f9628
commit aedddd8afe
6 changed files with 12 additions and 12 deletions

View File

@ -1,5 +1,8 @@
Travis.reopen
SidebarController: Em.ArrayController.extend
needs: ['runningJobs']
jobsBinding: 'controllers.runningJobs'
init: ->
@_super.apply this, arguments
@tickables = []

View File

@ -1,5 +1,3 @@
<h4>Running Jobs ({{view.jobs.length}})</h4>
<ul class="groups">
{{#each group in view.groups}}
{{view view.GroupView groupBinding="group"}}

View File

@ -11,11 +11,8 @@
{{view view.DecksView}}
<ul class="tabs">
<li id="tab_queues" {{bindAttr class="view.classQueues"}}>
<h5><a href="#" {{action activate "queues" target="view"}}>{{t layouts.application.queues}}</a></h5>
</li>
<li id="tab_jobs" {{bindAttr class="view.classJobs"}}>
<h5><a href="#" {{action activate "jobs" target="view"}}>{{t layouts.application.jobs}}</a></h5>
<h5><a href="#" {{action activate "jobs" target="view"}}>{{t layouts.application.jobs}} ({{jobs.length}})</a></h5>
</li>
<li id="tab_workers" {{bindAttr class="view.classWorkers"}}>
<h5><a href="#" {{action activate "workers" target="view"}}>{{t layouts.application.workers}}</a></h5>
@ -25,7 +22,7 @@
<div class="pane">
{{outlet pane}}
</div>
{{view view.QueuesView}}
{{view view.LinksView}}
<div id="about" class="box">

View File

@ -1,8 +1,5 @@
{{#view Travis.WorkersView}}
<h4>
{{t workers}}
<a id="toggle-workers" {{action toggleWorkers target="view"}}></a>
</h4>
<a id="toggle-workers" {{action toggleWorkers target="view"}}></a>
<ul id="workers">
{{#each group in controller.groups}}
{{#view Travis.WorkersListView}}

View File

@ -2,6 +2,11 @@
SidebarView: Travis.View.extend
templateName: 'layouts/sidebar'
didInsertElement: ->
@_super.apply this, arguments
@activate('jobs')
activate: (name) ->
@set('activeTab', name)
@connectOutlet 'pane', @["#{name.capitalize()}View"].create(controller: @get('controller'))

View File

@ -9,7 +9,7 @@
li
display: inline-block
height: 24px
margin-right: 3px
margin-right: 5px
background-color: $color-bg-right
border: 1px solid $color-bg-right
border-bottom-color: $color-border-light