WebCompDev / COMPONENTS

Commit 9219771ed9477abc9569757092fd4624e395b749

Authored by Renato De Donato
1 parent fb7aea2c

treemap tooltip

Inline Side-by-side
Showing 10 changed files with 18 additions and 4 deletions
datalets/datasetexplorer-datalet/js/buildtreemap.js
  View file @9219771
@@ -138,7 +138,7 @@ function build(root, meta, place_holder, select_listener, width, height) { @@ -138,7 +138,7 @@ function build(root, meta, place_holder, select_listener, width, height) {
138 // FIRST LVL 138 // FIRST LVL
139 data[0] = "first"; 139 data[0] = "first";
140 data[1] = meta[id]['title']; 140 data[1] = meta[id]['title'];
141 - data[3] = meta[id]['description']; 141 + data[3] = (OW == undefined) ? parent.OW.getLanguageText('openwall', 'provider_'+id) : OW.getLanguageText('openwall', 'provider_'+id);
142 data[4] = ((ODE.THEME_IMAGES_URL == undefined) ? parent.ODE.THEME_IMAGES_URL : ODE.THEME_IMAGES_URL) + "/logos/"+id+".png";//meta[id]['logo_url']; 142 data[4] = ((ODE.THEME_IMAGES_URL == undefined) ? parent.ODE.THEME_IMAGES_URL : ODE.THEME_IMAGES_URL) + "/logos/"+id+".png";//meta[id]['logo_url'];
143 //data[5] = d.value; 143 //data[5] = d.value;
144 } else if (d._children && !d._children[0]._children) { 144 } else if (d._children && !d._children[0]._children) {
datalets/datasetexplorer-datalet/logos/1.jpg deleted
View file @fb7aea2

20.2 KB
datalets/datasetexplorer-datalet/logos/2.png deleted
View file @fb7aea2

7.8 KB
datalets/datasetexplorer-datalet/logos/3.png deleted
View file @fb7aea2

17.3 KB
datalets/datasetexplorer-datalet/logos/4.png deleted
View file @fb7aea2

9.25 KB
datalets/datasetexplorer-datalet/logos/5.png deleted
View file @fb7aea2

18 KB
datalets/datasetexplorer-datalet/logos/6.png deleted
View file @fb7aea2

17.2 KB
datalets/datasetexplorer-datalet/logos/7.png deleted
View file @fb7aea2

27.9 KB
datalets/datasetexplorer-datalet/logos/8.jpg deleted
View file @fb7aea2

90.8 KB
datalets/datasetexplorer-datalet/treemap_tooltip.html
  View file @9219771
@@ -36,15 +36,29 @@ @@ -36,15 +36,29 @@
36 .tooltip { 36 .tooltip {
37 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; 37 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
38 padding: 16px; 38 padding: 16px;
39 - min-width: 200px;  
40 - max-width: 400px;  
41 position: absolute; 39 position: absolute;
42 40
  41 + /*min-width: 200px;*/
  42 + /*max-width: 400px;*/
  43 +
43 /*position: relative*/ 44 /*position: relative*/
44 /*top: 20px;*/ 45 /*top: 20px;*/
45 /*left: 20px;*/ 46 /*left: 20px;*/
46 } 47 }
47 48
  49 + .tooltip#first_info {
  50 + width: 400px;
  51 + }
  52 +
  53 + .tooltip#middle_info {
  54 + min-width: 200px;
  55 + }
  56 +
  57 + .tooltip#last_info {
  58 + min-width: 200px;
  59 + max-width: 800px;
  60 + }
  61 +
48 .tooltip_top { 62 .tooltip_top {
49 display: flex; 63 display: flex;
50 margin: 0px; 64 margin: 0px;
@@ -85,7 +99,7 @@ @@ -85,7 +99,7 @@
85 <div class="tooltip_logo"><img class="tooltip_img" src$={{logoUrl}}></div> 99 <div class="tooltip_logo"><img class="tooltip_img" src$={{logoUrl}}></div>
86 <!--<div class="tooltip_name" style$="color: {{color}};">{{name}}</div>--> 100 <!--<div class="tooltip_name" style$="color: {{color}};">{{name}}</div>-->
87 </div> 101 </div>
88 - <p><b style$="color: {{color}};">{{name}}</b>: <i>{{description}}</i></p> 102 + <p><b style$="color: {{color}};">{{name}}</b>: <i>dlkjhfd dlknfkdn fjf jfjfj fkjofjso osjoijsoifj osjfoijsiojf osjfosj sfojoijjjfjff fffff ffffffffffffffffff fffffffffffff f ffffffff fffffffffff aslkmsal aslkfnaksnf aslknfanskf fffffffffffff mfksamnoasfmn jk j j j j j</i></p>
89 <p>There are <b>{{datasets}}</b> datasets.</p> 103 <p>There are <b>{{datasets}}</b> datasets.</p>
90 </paper-dialog> 104 </paper-dialog>
91 105