show some extra info in flame graph title

NitorCreations · Jun 26, 2015 · b0d790f · b0d790f
1 parent 380522b
commit b0d790f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/willow-servers/src/main/resources/webapp/scripts/modules/graphs/flame-graph.js b/willow-servers/src/main/resources/webapp/scripts/modules/graphs/flame-graph.js
@@ -146,7 +146,9 @@ Box.Application.addModule('flame-graph', function(context) {
       timescale = windowSvc.getTimescale();
 
       var graphIconsElem = moduleElement.append("div").classed("nv-graph__icons", true);
-      graphIconsElem.call(utils.appendHostRadiatorLink, moduleConf.chart.metric, host);
+      var extraLinkInfo = '(' + moduleConf.chart.childtag.split('category_threaddump_')[1] + ')';
+
+      graphIconsElem.call(utils.appendHostRadiatorLink, moduleConf.chart.metric, host, extraLinkInfo);
       graphIconsElem.call(utils.appendShareRadiatorIcon, host);
       graphIconsElem.call(utils.appendPopupGraphIcon, host);
       graphIconsElem.call(utils.appendRemovalButton, moduleElement.attr('id'));

diff --git a/willow-servers/src/main/resources/webapp/scripts/services/utils.js b/willow-servers/src/main/resources/webapp/scripts/services/utils.js
@@ -94,13 +94,15 @@ Box.Application.addService('utils', function(application) {
         .append("use").attr("xlink:href", "#shape-close2");
     },
 
-    appendHostRadiatorLink: function(parentElement, title, host) {
+    appendHostRadiatorLink: function(parentElement, title, host, extraInfo) {
+      extraInfo = extraInfo || "";
       var link = parentElement.append("div").classed("host-link", true);
       link.append("span").text(title);
       link.append("a")
         .attr("href", "radiator.html#host=" + host)
         .attr("data-host", host)
         .attr("data-type", "host-radiator").text(host);
+      link.append("small").text(extraInfo);
       return link;
     },
 

diff --git a/willow-servers/src/main/resources/webapp/styles/main.css b/willow-servers/src/main/resources/webapp/styles/main.css
@@ -598,6 +598,10 @@ select.navcenter {
   content: ": ";
 }
 
+.host-link small:before {
+  content: ' ';
+}
+
 /* Dialog styling, dont' want to mix them with jquery-ui functional css */
 .ui-widget-overlay {
   background: darkgray;