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 138 // FIRST LVL
139 139 data[0] = "first";
140 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 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 143 //data[5] = d.value;
144 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 36 .tooltip {
37 37 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
38 38 padding: 16px;
39   - min-width: 200px;
40   - max-width: 400px;
41 39 position: absolute;
42 40  
  41 + /*min-width: 200px;*/
  42 + /*max-width: 400px;*/
  43 +
43 44 /*position: relative*/
44 45 /*top: 20px;*/
45 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 62 .tooltip_top {
49 63 display: flex;
50 64 margin: 0px;
... ... @@ -85,7 +99,7 @@
85 99 <div class="tooltip_logo"><img class="tooltip_img" src$={{logoUrl}}></div>
86 100 <!--<div class="tooltip_name" style$="color: {{color}};">{{name}}</div>-->
87 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 103 <p>There are <b>{{datasets}}</b> datasets.</p>
90 104 </paper-dialog>
91 105  
... ...