azkaban-uncached

Fix tabs on flow page.

12/5/2013 5:12:45 PM

Details

diff --git a/src/java/azkaban/webapp/servlet/velocity/flowpage.vm b/src/java/azkaban/webapp/servlet/velocity/flowpage.vm
index 3abe09d..6afe415 100644
--- a/src/java/azkaban/webapp/servlet/velocity/flowpage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/flowpage.vm
@@ -89,7 +89,7 @@
 			</div>
 			<hr>
 
-	## Breadcrumbs
+	## Breadcrumbs and tabs
 
 			<div class="row">
 				<div class="col-lg-12">
@@ -99,12 +99,14 @@
 					</ol>
 
 					<ul class="nav nav-tabs" id="headertabs">
-						<li class="active"><a href="#" id="graphViewLink">Graph</a></li>
-						<li><a href="#" id="executionsViewLink">Executions</a></li>
+						<li id="graphViewLink"><a href="#">Graph</a></li>
+						<li id="executionsViewLink"><a href="#">Executions</a></li>
 					</ul>
 				</div>
 			</div>
 
+	## Graph view.
+
 			<div class="row" id="graphView">
 				<div class="col-lg-4">
 					<div class="panel panel-default" id="jobList">
@@ -128,6 +130,8 @@
 				</div>
 			</div>
 
+	## Executions view.
+
 			<div class="row" id="executionsView">
 				<div class="col-lg-12">
 					<table class="table table-striped table-bordered" id="execTable">
diff --git a/src/web/js/azkaban.flow.view.js b/src/web/js/azkaban.flow.view.js
index abcfd77..d237828 100644
--- a/src/web/js/azkaban.flow.view.js
+++ b/src/web/js/azkaban.flow.view.js
@@ -62,16 +62,16 @@ azkaban.FlowTabView = Backbone.View.extend({
 	},
 	
 	handleGraphLinkClick: function(){
-		$("#executionsViewLink").removeClass("selected");
-		$("#graphViewLink").addClass("selected");
+		$("#executionsViewLink").removeClass("active");
+		$("#graphViewLink").addClass("active");
 		
 		$("#executionsView").hide();
 		$("#graphView").show();
 	},
 	
 	handleExecutionLinkClick: function() {
-		$("#graphViewLink").removeClass("selected");
-		$("#executionsViewLink").addClass("selected");
+		$("#graphViewLink").removeClass("active");
+		$("#executionsViewLink").addClass("active");
 		
 		$("#graphView").hide();
 		$("#executionsView").show();
@@ -360,7 +360,7 @@ $(function() {
 	var requestURL = contextURL + "/manager";
 
 	// Set up the Flow options view. Create a new one every time :p
-	$('#executebtn').click( function() {
+	$('#executebtn').click(function() {
 		var data = graphModel.get("data");
 		var nodes = data.nodes;
 		var executingData = {