From dd85f27a8225ce31af30ef9f0e50d7092e4879bb Mon Sep 17 00:00:00 2001
From: lucvic <vicidomini@gmail.com>
Date: Thu, 26 Nov 2015 17:06:03 +0100
Subject: [PATCH] Dataset explorer: accept width and height as parameters

---
 datalets/datasetexplorer-datalet/datasetexplorer-datalet.html | 23 +++++++++++------------
 datalets/datasetexplorer-datalet/js/buildtreemap.js           |  6 +++---
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html b/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
index 3639065..ea88002 100755
--- a/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
+++ b/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
@@ -109,17 +109,6 @@ Example:
             :host ::content .children:hover rect.child {
                 fill: #bbb;
             }
-
-            :host ::content .spinner  {
-                position: absolute;
-                left: 50%;
-                top: 50%;
-                width: 160px;
-                height: 160px;
-                margin-left: -80px;
-                margin-top: -80px;
-
-            }
         </style>
         <div id="treemap_placeholder"></div>
         <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-jsonpath-datalet>
@@ -199,7 +188,7 @@ Example:
                 var xyz = function(url) {
                     me.selectResource(url);
                 }
-                build(this.map, "treemap_placeholder", xyz);
+                build(this.map, "treemap_placeholder", xyz, this._component.width, this._component.height);
             },
 
             selectResource: function(url) {
@@ -233,6 +222,16 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+
+                width : {
+                    type : Number,
+                    value: -1
+                },
+
+                height : {
+                    type : Number,
+                    value: -1
                 }
             },
 
diff --git a/datalets/datasetexplorer-datalet/js/buildtreemap.js b/datalets/datasetexplorer-datalet/js/buildtreemap.js
index 1b50a7c..b5318f0 100755
--- a/datalets/datasetexplorer-datalet/js/buildtreemap.js
+++ b/datalets/datasetexplorer-datalet/js/buildtreemap.js
@@ -2,10 +2,10 @@
  * Created by Utente on 17/07/2015.
  */
 
-function build(root, place_holder, select_listener) {
+function build(root, place_holder, select_listener, width, height) {
 
-    var plwidth = $("#" + place_holder).width(),
-        plheight = $("#" + place_holder).height();
+    var plwidth = width >= 0 ? width : $("#" + place_holder).width(),
+        plheight = height >= 0 ? height : $("#" + place_holder).height();
 
     var margin = {top: 20, right: 0, bottom: 0, left: 0},
         width  = plwidth,
--
libgit2 0.21.4