azkaban-developers

Details

diff --git a/src/java/azkaban/webapp/servlet/velocity/projectpage.vm b/src/java/azkaban/webapp/servlet/velocity/projectpage.vm
index cd76ebd..52d4e37 100644
--- a/src/java/azkaban/webapp/servlet/velocity/projectpage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/projectpage.vm
@@ -75,7 +75,8 @@
                   <a href="${context}/manager?project=${project.name}&flow=${flow.id}#executions" class="btn btn-info btn-xs">Executions</a>
                   <a href="${context}/manager?project=${project.name}&flow=${flow.id}#summary" class="btn btn-info btn-xs">Summary</a>
                 </div>
-			#end
+      #end
+                <span class="glyphicon glyphicon-chevron-down flow-expander-icon"></span>
                 <a href="${context}/manager?project=${project.name}&flow=${flow.id}">${flow.id}</a>
               </div>
               <div id="${flow.id}-child" class="panel-collapse panel-list collapse">
diff --git a/src/less/project.less b/src/less/project.less
index 34f3ddf..675dc30 100644
--- a/src/less/project.less
+++ b/src/less/project.less
@@ -64,6 +64,11 @@
 // Flow panel heading.
 .flow-expander {
   cursor: pointer;
+
+  .flow-expander-icon {
+    color: #9a9a9a;
+    margin-right: 5px;
+  }
 }
 
 .expanded-flow-job-list {
diff --git a/src/web/js/azkaban/view/project.js b/src/web/js/azkaban/view/project.js
index ccfeeb5..7140f94 100644
--- a/src/web/js/azkaban/view/project.js
+++ b/src/web/js/azkaban/view/project.js
@@ -50,6 +50,15 @@ azkaban.FlowTableView = Backbone.View.extend({
 		}
 		else if (target.loaded) {
 			$(targetExpanded).collapse('toggle');
+      var expander = $(target).children('.flow-expander-icon')[0];
+      if ($(expander).hasClass('glyphicon-chevron-down')) {
+        $(expander).removeClass('glyphicon-chevron-down');
+        $(expander).addClass('glyphicon-chevron-up');
+      }
+      else {
+        $(expander).removeClass('glyphicon-chevron-up');
+        $(expander).addClass('glyphicon-chevron-down');
+      }
 		}
 		else {
 			// projectName is available
@@ -65,6 +74,9 @@ azkaban.FlowTableView = Backbone.View.extend({
 				target.loading = false;
 				createJobListFunction(data, targetTBody);
 				$(targetExpanded).collapse('show');
+        var expander = $(target).children('.flow-expander-icon')[0];
+        $(expander).removeClass('glyphicon-chevron-down');
+        $(expander).addClass('glyphicon-chevron-up');
 			};
 			$.get(requestURL, requestData, successHandler, "json");
 		}