Semaphore/public/html/projects/container.jade

.container-fluid: .row
	.col-sm-4.col-md-3
		h3.no-top-margin.project-name {{ project.name }}
		ul.nav.nav-pills.nav-stacked
			li(ng-class="{ active: $state.includes('project.dashboard') }"): a(ui-sref="project.dashboard") Dashboard
			li(ng-class="{ active: $state.includes('project.templates') }"): a(ui-sref="project.templates") Task Templates
			li(ng-class="{ active: $state.includes('project.inventory') }"): a(ui-sref="project.inventory") Inventory
			li(ng-class="{ active: $state.includes('project.environment') }"): a(ui-sref="project.environment") Environment
			li(ng-class="{ active: $state.includes('project.keys') }"): a(ui-sref="project.keys") Key Store
			li(ng-class="{ active: $state.includes('project.repositories') }"): a(ui-sref="project.repositories") Playbook Repositories
			//- li(ng-class="{ active: $state.includes('project.schedule') }"): a(ui-sref="project.schedule") Task Schedule
			li(ng-class="{ active: $state.includes('project.users') }"): a(ui-sref="project.users") Team

	.col-sm-8.col-md-9(style="border-left: 1px solid #EEE;")
		ui-view