azkaban-memoizeit

Details

diff --git a/src/less/bootstrap-azkaban.less b/src/less/bootstrap-azkaban.less
index 74f5089..b1da243 100644
--- a/src/less/bootstrap-azkaban.less
+++ b/src/less/bootstrap-azkaban.less
@@ -550,3 +550,50 @@ td {
     margin-bottom: 0;
   }
 }
+
+// TODO: Rename this as #job-list
+#list {
+  a {
+    &.nodedisabled,
+    &.DISABLED {
+      opacity: 0.3;
+    }
+
+    &.DISABLED .icon {
+      background-position: 16px 0px;
+    }
+
+    &.READY .icon {
+      background-position: 16px 0px;
+    }
+
+    &.QUEUED .icon {
+      opacity: 0.5;
+      background-position: 32px 0px;
+    }
+
+    &.RUNNING .icon {
+      background-position: 32px 0px;
+    }
+
+    &.SUCCEEDED .icon {
+      background-position: 48px 0px;
+    }
+
+    &.FAILED .icon {
+      background-position: 0px 0px;
+    }
+
+    &.KILLED .icon {
+      background-position: 0px 0px;
+    }
+
+    .icon {
+      float: left;
+      width: 16px;
+      height: 16px;
+      background-image: url("./images/dot-icon.png");
+      background-position: 16px 0px;
+    }
+  }
+}
diff --git a/src/web/js/azkaban.flow.job.view.js b/src/web/js/azkaban.flow.job.view.js
index efc62c4..fe8cf6d 100644
--- a/src/web/js/azkaban.flow.job.view.js
+++ b/src/web/js/azkaban.flow.job.view.js
@@ -137,7 +137,11 @@ azkaban.JobListView = Backbone.View.extend({
 			var a = document.createElement("a");
 			$(a).addClass('list-group-item').addClass('job');
       $(a).attr('href', '#');
-			$(a).text(nodeArray[i].id);
+      
+      var iconDiv = document.createElement('div');
+      $(iconDiv).addClass('icon');
+      $(a).append(iconDiv);
+			$(a).append(nodeArray[i].id);
 			$(list).append(a);
 			a.jobid = nodeArray[i].id;
 			this.listNodes[nodeArray[i].id] = a;