Add remove button for streams

tbvh · Aug 28, 2016 · 417b249 · 417b249
1 parent 86760bd
commit 417b249
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/hystrix-dashboard/src/main/webapp/index.css b/hystrix-dashboard/src/main/webapp/index.css
@@ -1,5 +1,5 @@
 table {
-	width: 80%;
+	width: 100%;
 	border-collapse: collapse;
 }
 

diff --git a/hystrix-dashboard/src/main/webapp/index.html b/hystrix-dashboard/src/main/webapp/index.html
@@ -24,7 +24,7 @@
 
 				streams.push(s);
 				$('#streams').html('<table>' + _.reduce(streams, function(html, s) {
-					return html + '<tr><td>' + s.name + '</td><td>' + s.stream + '</td></tr>';
+                            return html + '<tr><td>' + s.name + '</td><td>' + s.stream + '</td> <td><a href="#" onclick="removeStream(this);">Remove</a></td> </tr>';
 				}, '') + '</table>');
 
 				$('#message').html("");
@@ -64,6 +64,20 @@
 			$("#title").val(appName);
 		};
 
+		var removeStream = function(element) {
+		    var $tr = $(element).closest("tr");
+            var url = $tr.find("td:nth-child(2)").text();
+
+            for (var i = 0; i < streams.length; i++) {
+                if(streams[i].stream === url) {
+                    streams.splice(i, 1);
+                    break;
+                }
+            }
+
+            $tr.remove();
+        };
+
 		var fetchEurekaAppList = function (e) {
 			var url = window.location.pathname + "eureka?url=" + $('#eurekaURL').val();
 			var $eurekaApp = $('#eurekaApp');