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">
src/less/project.less 5(+5 -0)
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 {
src/web/js/azkaban/view/project.js 12(+12 -0)
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");
}