tooltip, a new hope!

Renato De Donato
1 parent 57372c47
Showing 2 changed files with 7 additions and 13 deletions
datalets/datasetexplorer-datalet/js/buildtreemap.js
datalets/datasetexplorer-datalet/treemap_tooltip.html
@@ -131,33 +131,27 @@ function build(root, meta, place_holder, select_listener, width, height) {
             .call(rect)
             .attr("onmousemove", function(d) {
                 //var data = ["lvl", "name", "color", "description", "logoUrl", "datasets", "datasetUrl"];
-                var data = ["", d.name, d.color, "", "", d.value, ""]
+                var data = ["", d.name, d.color, "", "", d.value, ""];
+                data[2] = ["#000000"];
                 var id = d.name.split(':')[1];
                 if (d.depth == 1) {
                     // FIRST LVL
                     data[0] = "first";
                     data[1] = meta[id]['title'];
                     data[3] = meta[id]['description'];
-                    data[4] = meta[id]['logo_url'];
-                    data[4] = ODE.THEME_IMAGES_URL + "/logos/"+id+".png";
-                    console.log(data[4]);
+                    data[4] = ((ODE.THEME_IMAGES_URL == undefined) ? parent.ODE.THEME_IMAGES_URL : ODE.THEME_IMAGES_URL) + "/logos/"+id+".png";//meta[id]['logo_url'];
                     //data[5] = d.value;
                 } else if (d._children && !d._children[0]._children) {
                     // LAST LVL
                     data[0] = "last";
-                    //data[6] = "datasert url";//???
+                    //data[6] = "datasert url";
                 } else {
                     // MIDDLE LVL
                     data[0] = "middle";
-                    //data[5] = "1111";//meta???
                 }
-                //console.log(data);
-                //console.log(data.toString());
                 return "showTooltip(event, '" + data + "')";
             })
             .attr("onmouseout", function() {return "hideTooltip()";})
-            //.append("title")
-            //.text(function(d) { return d.name;  /*formatNumber(d.value);*/ });
  
         g.append("text")
             .attr("dy", ".75em")
@@ -65,7 +65,7 @@
                 margin: 0px;
                 padding: 0px;
                 height: 64px;
-                width: 64px;
+                /*width: 64px;*/
             }
  
             p {
@@ -83,9 +83,9 @@
             <iron-icon icon="communication:call-made" class="this" style$="color: {{color}};"></iron-icon>
             <div class="tooltip_top">
                 <div class="tooltip_logo"><img class="tooltip_img" src$={{logoUrl}}></div>
-                <div class="tooltip_name" style$="color: {{color}};">{{name}}</div>
+                <!--<div class="tooltip_name" style$="color: {{color}};">{{name}}</div>-->
             </div>
-            <p><i>{{description}}</i></p>
+            <p><b style$="color: {{color}};">{{name}}</b>: <i>{{description}}</i></p>
             <p>There are <b>{{datasets}}</b> datasets.</p>
         </paper-dialog>