WebCompDev / COMPONENTS

Commit 498cdf3464ac522948ddfe6c0166b6f70257553a

Authored by Andrea Petta
1 parent 190145a5

leafletjs

Inline Side-by-side
Showing 24 changed files with 406 additions and 22 deletions
datalets/areachart-datalet/areachart-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module id="areachart-datalet"> 51 <dom-module id="areachart-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -175,8 +175,21 @@ Example: @@ -175,8 +175,21 @@ Example:
175 behavior : { 175 behavior : {
176 type : Object, 176 type : Object,
177 value : {} 177 value : {}
  178 + },
  179 + /**
  180 + * Control the export menu
  181 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  182 + *
  183 + * @attribute export_menu
  184 + * @type Number
  185 + * @default 15
  186 + */
  187 + export_menu : {
  188 + type : Number,
  189 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
178 } 190 }
179 }, 191 },
  192 +
180 /** 193 /**
181 * 'ready' callback extend the AreachartComponentBehavior with HighchartsComponentBehavior and ColumnchartBehavior 194 * 'ready' callback extend the AreachartComponentBehavior with HighchartsComponentBehavior and ColumnchartBehavior
182 * and run the Datalet workcycle. 195 * and run the Datalet workcycle.
datalets/areachart_stacked-datalet/areachart_stacked-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module name="areachart_stacked-datalet"> 51 <dom-module name="areachart_stacked-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -174,6 +174,18 @@ Example: @@ -174,6 +174,18 @@ Example:
174 behavior : { 174 behavior : {
175 type : Object, 175 type : Object,
176 value : {} 176 value : {}
  177 + },
  178 + /**
  179 + * Control the export menu
  180 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  181 + *
  182 + * @attribute export_menu
  183 + * @type Number
  184 + * @default 15
  185 + */
  186 + export_menu : {
  187 + type : Number,
  188 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
177 } 189 }
178 190
179 }, 191 },
datalets/barchart-datalet/barchart-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module name="barchart-datalet"> 51 <dom-module name="barchart-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -139,6 +139,18 @@ Example: @@ -139,6 +139,18 @@ Example:
139 behavior : { 139 behavior : {
140 type : Object, 140 type : Object,
141 value : {} 141 value : {}
  142 + },
  143 + /**
  144 + * Control the export menu
  145 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  146 + *
  147 + * @attribute export_menu
  148 + * @type Number
  149 + * @default 15
  150 + */
  151 + export_menu : {
  152 + type : Number,
  153 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
142 } 154 }
143 }, 155 },
144 156
datalets/barchart_stacked-datalet/barchart_stacked-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module name="barchart_stacked-datalet"> 51 <dom-module name="barchart_stacked-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -162,6 +162,18 @@ Example: @@ -162,6 +162,18 @@ Example:
162 behavior : { 162 behavior : {
163 type : Object, 163 type : Object,
164 value : {} 164 value : {}
  165 + },
  166 + /**
  167 + * Control the export menu
  168 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  169 + *
  170 + * @attribute export_menu
  171 + * @type Number
  172 + * @default 15
  173 + */
  174 + export_menu : {
  175 + type : Number,
  176 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
165 } 177 }
166 178
167 }, 179 },
datalets/base-ajax-json-alasql-datalet/base-ajax-json-alasql-datalet.html
  View file @498cdf3
@@ -53,7 +53,7 @@ Example : @@ -53,7 +53,7 @@ Example :
53 53
54 <dom-module id="base-ajax-json-alasql-datalet"> 54 <dom-module id="base-ajax-json-alasql-datalet">
55 <template> 55 <template>
56 - <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-datalet> 56 + <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-datalet>
57 </template> 57 </template>
58 58
59 <script src="static/js/alasql.min.js"></script> 59 <script src="static/js/alasql.min.js"></script>
datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html
  View file @498cdf3
@@ -52,7 +52,7 @@ Example : @@ -52,7 +52,7 @@ Example :
52 52
53 <dom-module id="base-ajax-json-jsonpath-datalet"> 53 <dom-module id="base-ajax-json-jsonpath-datalet">
54 <template> 54 <template>
55 - <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-datalet> 55 + <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-datalet>
56 </template> 56 </template>
57 57
58 <script src="static/js/vendor/jsonpath-0.8.5.js"></script> 58 <script src="static/js/vendor/jsonpath-0.8.5.js"></script>
datalets/base-datalet/base-datalet.html
  View file @498cdf3
@@ -100,6 +100,46 @@ Example : @@ -100,6 +100,46 @@ Example :
100 font-style: italic; 100 font-style: italic;
101 color: #727272; 101 color: #727272;
102 } 102 }
  103 +/*EXPORT*/
  104 + .export
  105 + {
  106 + cursor: pointer;
  107 + background-image:url("./static/images/more_horiz_grey600_36x36.png");
  108 + background-repeat: no-repeat;
  109 + position: absolute;
  110 + padding: 31px;
  111 + right: 21px;
  112 + top: 85px;
  113 + }
  114 +
  115 + .highcharts-contextmenu
  116 + {
  117 + position: absolute;
  118 + right: 50px;
  119 + top: 114px;
  120 + display: none;
  121 + border: solid 1px #000000;
  122 + }
  123 +
  124 + .highcharts-contextmenu-container
  125 + {
  126 + background: rgb(255, 255, 255);
  127 + }
  128 +
  129 + .highcharts-contextmenu-container div
  130 + {
  131 + cursor: pointer;
  132 + padding: 0px 10px;
  133 + color: rgb(48, 48, 48);
  134 + font-size: 11px;
  135 + background: none;
  136 + }
  137 +
  138 + .highcharts-contextmenu-container div:hover
  139 + {
  140 + background: #cccccc;
  141 + }
  142 +/*EXPORT*/
103 </style> 143 </style>
104 144
105 <div id="base_datalet_imgWaitDatalet"> 145 <div id="base_datalet_imgWaitDatalet">
@@ -121,6 +161,18 @@ Example : @@ -121,6 +161,18 @@ Example :
121 <div><a href="http://www.routetopa.eu/" target="_blank"><img id="rtpalogo" src="static/images/rtpalogo.png" ></a></div> 161 <div><a href="http://www.routetopa.eu/" target="_blank"><img id="rtpalogo" src="static/images/rtpalogo.png" ></a></div>
122 </div> 162 </div>
123 163
  164 + <div id="export">
  165 + <div class="export" on-click="showHideExportMenu"></div>
  166 + <div class="highcharts-contextmenu" id="highcharts-contextmenu">
  167 + <div class="highcharts-contextmenu-container">
  168 + <div id="export_html" on-click="exportToHTML">Export to HTML</div>
  169 + <div id="export_png" on-click="exportToIMG">Export to PNG</div>
  170 + <div id="export_rtf">Export to RTF</div>
  171 + <div id="export_my_space" on-click="importToMySpace">Import in My Space</div>
  172 + </div>
  173 + </div>
  174 + </div>
  175 +
124 </div> 176 </div>
125 177
126 </template> 178 </template>
@@ -145,6 +197,9 @@ Example : @@ -145,6 +197,9 @@ Example :
145 * @method ready 197 * @method ready
146 */ 198 */
147 ready: function(){ 199 ready: function(){
  200 +
  201 + this.setExportMenu();
  202 +
148 if(this.dataUrl != undefined) { 203 if(this.dataUrl != undefined) {
149 204
150 var urlSource = this.dataUrl.split("/")[0] + "//" + this.dataUrl.split("/")[2]; 205 var urlSource = this.dataUrl.split("/")[0] + "//" + this.dataUrl.split("/")[2];
@@ -194,7 +249,132 @@ Example : @@ -194,7 +249,132 @@ Example :
194 this.$.base_datalet_container.innerHTML = ""; 249 this.$.base_datalet_container.innerHTML = "";
195 this.$.base_datalet_container.style.margin = 0; 250 this.$.base_datalet_container.style.margin = 0;
196 this.$.base_datalet_container.style.border = 0; 251 this.$.base_datalet_container.style.border = 0;
  252 + },
  253 +
  254 + setExportMenu: function()
  255 + {
  256 + // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  257 + var bitmask = this.export_menu;
  258 + var menu = ["export_html", "export_png", "export_rtf", "export_my_space"];
  259 +
  260 + if(bitmask == 15) return;
  261 +
  262 + if(bitmask == 0)
  263 + {
  264 + this.$.export.style.display = "none";
  265 + return;
  266 + }
  267 +
  268 + //var max_i = Math.floor(Math.log2(this.export_menu))+1;
  269 + for(var i=0; i<menu.length; i++)
  270 + {
  271 + if(bitmask % 2 == 0)
  272 + this.$[menu[i]].style.display = "none";
  273 +
  274 + bitmask = Math.floor(bitmask/2);
  275 + }
  276 + },
  277 +
  278 + showHideExportMenu: function()
  279 + {
  280 + if(this.$["highcharts-contextmenu"].style.display == "block")
  281 + this.$["highcharts-contextmenu"].style.display = "none";
  282 + else
  283 + this.$["highcharts-contextmenu"].style.display = "block";
  284 + },
  285 +
  286 + exportToHTML: function () {
  287 + var parent = this.parentElement;
  288 + var html = '';
  289 + while(!parent.hasAttribute("data-url"))
  290 + parent = parent.parentElement;
  291 +
  292 + html += '<'+parent.is;
  293 + for(var i=0; i<parent.attributes.length; i++)
  294 + html += ' '+parent.attributes[i].name+'=\''+parent.attributes[i].value+'\'';
  295 + html += '></'+parent.is+'>';
  296 +
  297 + var dataletImport = '\<script type="text/javascript" src="https://cdn.jsdelivr.net/webcomponentsjs/0.7.16/webcomponents-lite.min.js"\>\<\/script\>\n' +
  298 + '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
  299 + '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES -->\n';
  300 +
  301 + var dataletLink = '<link rel="import" href="http://deep.routetopa.eu/COMPONENTS/datalets/'+parent.is+'/'+parent.is+'.html" /> \n';
  302 +
  303 + window.prompt("Copy to clipboard: Ctrl+C, Enter", dataletImport+dataletLink+html);
  304 + },
  305 +
  306 +
  307 + exportToIMG: function () {
  308 + var parent = this.parentElement;
  309 + while(!parent.hasAttribute("data-url"))
  310 + parent = parent.parentElement;
  311 +
  312 +
  313 + var svg = $(parent.is + " .highcharts-container");
  314 + svg = $(svg[0]).html();
  315 +
  316 + var xhr = new XMLHttpRequest();
  317 +
  318 + xhr.onreadystatechange = function(){
  319 + if (this.readyState == 4 && this.status == 200){
  320 + var blob = new Blob([this.response], {type:'octet/stream'});
  321 + var downloadUrl = window.URL.createObjectURL(blob);
  322 + var a = document.createElement("a");
  323 + a.href = downloadUrl;
  324 + a.download = "image.png";
  325 + document.body.appendChild(a);
  326 + a.click();
  327 + //window.URL.revokeObjectURL(downloadUrl);
  328 + }
  329 + };
  330 +
  331 + xhr.open('POST', 'http://172.16.15.77/DEEalerProvider/DEEP/export/export-datalet-as-img', true);
  332 + xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  333 +
  334 + var post = 'svg_data=' + window.encodeURIComponent(svg);
  335 + xhr.responseType = 'blob';
  336 + xhr.send(post);
  337 + },
  338 +
  339 + importToMySpace: function() {
  340 + var parent = this.parentElement;
  341 + var html = '';
  342 + while(!parent.hasAttribute("data-url"))
  343 + parent = parent.parentElement;
  344 +
  345 + var params = {};
  346 + var fields;
  347 + var component = parent.is;
  348 +
  349 + for(var i=0; i<parent.attributes.length; i++)
  350 + params[parent.attributes[i].name] = parent.attributes[i].value;
  351 +
  352 + delete params["fields"];
  353 + fields = parent.attributes["fields"].value.replace(/\[|\]/g, "");
  354 + params = JSON.stringify(params);
  355 +
  356 + $.ajax({
  357 + type: 'post',
  358 + url: ODE.ajax_private_room_datalet,
  359 + data: {"component":component, "fields":fields, "params":params, "data":""},
  360 + dataType: 'JSON',
  361 + success: function(data){
  362 + if(data.status == "ok")
  363 + {
  364 + alert("Datalet added to private room");
  365 + }
  366 + else
  367 + {
  368 + alert("Error");
  369 + }
  370 + },
  371 + error: function( XMLHttpRequest, textStatus, errorThrown ){
  372 + OW.error(textStatus);
  373 + },
  374 + complete: function(){}
  375 + });
197 } 376 }
  377 +
198 }); 378 });
199 </script> 379 </script>
200 </dom-module> 380 </dom-module>
201 \ No newline at end of file 381 \ No newline at end of file
datalets/base-datalet/static/images/more_horiz_grey600_36x36.png 0 → 100644
View file @498cdf3

250 Bytes
datalets/base-datalet/static/images/more_horiz_white_36x36.png 0 → 100644
View file @498cdf3

243 Bytes
datalets/base-datalet/static/images/more_vert_white_32x32.png 0 → 100644
View file @498cdf3

218 Bytes
datalets/bubblechart-datalet/bubblechart-datalet.html
  View file @498cdf3
@@ -59,7 +59,7 @@ Examples: @@ -59,7 +59,7 @@ Examples:
59 59
60 <dom-module id="bubblechart-datalet"> 60 <dom-module id="bubblechart-datalet">
61 <template> 61 <template>
62 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 62 + <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-datalet>
63 </template> 63 </template>
64 <script> 64 <script>
65 var BubblechartBehavior = { 65 var BubblechartBehavior = {
@@ -177,6 +177,18 @@ Examples: @@ -177,6 +177,18 @@ Examples:
177 behavior : { 177 behavior : {
178 type : Object, 178 type : Object,
179 value : {} 179 value : {}
  180 + },
  181 + /**
  182 + * Control the export menu
  183 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  184 + *
  185 + * @attribute export_menu
  186 + * @type Number
  187 + * @default 15
  188 + */
  189 + export_menu : {
  190 + type : Number,
  191 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
180 } 192 }
181 }, 193 },
182 /** 194 /**
datalets/columnchart-datalet/columnchart-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module id="columnchart-datalet"> 51 <dom-module id="columnchart-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -184,6 +184,18 @@ Example: @@ -184,6 +184,18 @@ Example:
184 behavior : { 184 behavior : {
185 type : Object, 185 type : Object,
186 value : {} 186 value : {}
  187 + },
  188 + /**
  189 + * Control the export menu
  190 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  191 + *
  192 + * @attribute export_menu
  193 + * @type Number
  194 + * @default 15
  195 + */
  196 + export_menu : {
  197 + type : Number,
  198 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
187 } 199 }
188 }, 200 },
189 201
datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module name="columnchart_stacked-datalet"> 51 <dom-module name="columnchart_stacked-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -162,8 +162,19 @@ Example: @@ -162,8 +162,19 @@ Example:
162 behavior : { 162 behavior : {
163 type : Object, 163 type : Object,
164 value : {} 164 value : {}
  165 + },
  166 + /**
  167 + * Control the export menu
  168 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  169 + *
  170 + * @attribute export_menu
  171 + * @type Number
  172 + * @default 15
  173 + */
  174 + export_menu : {
  175 + type : Number,
  176 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
165 } 177 }
166 -  
167 }, 178 },
168 179
169 /** 180 /**
datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
  View file @498cdf3
@@ -126,7 +126,7 @@ Example: @@ -126,7 +126,7 @@ Example:
126 <div id="treemap_placeholder"> 126 <div id="treemap_placeholder">
127 <treemap-tooltip id="treemap_tooltip"></treemap-tooltip> 127 <treemap-tooltip id="treemap_tooltip"></treemap-tooltip>
128 </div> 128 </div>
129 - <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-jsonpath-datalet> 129 + <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" export_menu="{{export_menu}}"></base-ajax-json-jsonpath-datalet>
130 <!--<treemap-tooltip id="treemap_tooltip"></treemap-tooltip>--> 130 <!--<treemap-tooltip id="treemap_tooltip"></treemap-tooltip>-->
131 </template> 131 </template>
132 132
@@ -276,6 +276,18 @@ Example: @@ -276,6 +276,18 @@ Example:
276 height : { 276 height : {
277 type : Number, 277 type : Number,
278 value: 700 278 value: 700
  279 + },
  280 + /**
  281 + * Control the export menu
  282 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  283 + *
  284 + * @attribute export_menu
  285 + * @type Number
  286 + * @default 15
  287 + */
  288 + export_menu : {
  289 + type : Number,
  290 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
279 } 291 }
280 }, 292 },
281 293
datalets/datatable-datalet/datatable-datalet.html
  View file @498cdf3
@@ -54,7 +54,7 @@ Example: @@ -54,7 +54,7 @@ Example:
54 54
55 <table id="datatable" class="stripe row-border" cellspacing="0" style="height: auto; width: auto;"> 55 <table id="datatable" class="stripe row-border" cellspacing="0" style="height: auto; width: auto;">
56 </table> 56 </table>
57 - <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet> 57 + <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-ajax-json-alasql-datalet>
58 </template> 58 </template>
59 59
60 <script type="text/javascript" src="js/DataTables/datatables.js"></script> 60 <script type="text/javascript" src="js/DataTables/datatables.js"></script>
@@ -102,6 +102,18 @@ Example: @@ -102,6 +102,18 @@ Example:
102 behavior : { 102 behavior : {
103 type : Object, 103 type : Object,
104 value : {} 104 value : {}
  105 + },
  106 + /**
  107 + * Control the export menu
  108 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  109 + *
  110 + * @attribute export_menu
  111 + * @type Number
  112 + * @default 15
  113 + */
  114 + export_menu : {
  115 + type : Number,
  116 + value : 9 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
105 } 117 }
106 }, 118 },
107 119
datalets/dynamic-datatable-datalet/dynamic-datatable-datalet.html
  View file @498cdf3
@@ -54,7 +54,7 @@ Example: @@ -54,7 +54,7 @@ Example:
54 54
55 <span id="_span"></span> 55 <span id="_span"></span>
56 56
57 - <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-alasql-datalet> 57 + <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-ajax-json-alasql-datalet>
58 </template> 58 </template>
59 59
60 <script type="text/javascript" src="js/DataTables/datatables.js"></script> 60 <script type="text/javascript" src="js/DataTables/datatables.js"></script>
@@ -116,6 +116,18 @@ Example: @@ -116,6 +116,18 @@ Example:
116 116
117 fields : { 117 fields : {
118 observer: '_reload' 118 observer: '_reload'
  119 + },
  120 + /**
  121 + * Control the export menu
  122 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  123 + *
  124 + * @attribute export_menu
  125 + * @type Number
  126 + * @default 15
  127 + */
  128 + export_menu : {
  129 + type : Number,
  130 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
119 } 131 }
120 132
121 // filters : { 133 // filters : {
datalets/google_piechart-datalet/google_piechart-datalet.html
  View file @498cdf3
@@ -53,7 +53,7 @@ @@ -53,7 +53,7 @@
53 options={{options}}> 53 options={{options}}>
54 </google-chart> 54 </google-chart>
55 55
56 - <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-jsonpath-datalet> 56 + <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" export_menu="{{export_menu}}"></base-ajax-json-jsonpath-datalet>
57 57
58 </template> 58 </template>
59 59
@@ -144,6 +144,18 @@ @@ -144,6 +144,18 @@
144 pieHole: { 144 pieHole: {
145 type: Number, 145 type: Number,
146 value: 0 146 value: 0
  147 + },
  148 + /**
  149 + * Control the export menu
  150 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  151 + *
  152 + * @attribute export_menu
  153 + * @type Number
  154 + * @default 15
  155 + */
  156 + export_menu : {
  157 + type : Number,
  158 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
147 } 159 }
148 160
149 }, 161 },
datalets/heatmap-datalet/heatmap-datalet.html
  View file @498cdf3
@@ -51,7 +51,7 @@ Example: @@ -51,7 +51,7 @@ Example:
51 51
52 <dom-module id="heatmap-datalet"> 52 <dom-module id="heatmap-datalet">
53 <template> 53 <template>
54 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 54 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
55 </template> 55 </template>
56 <script> 56 <script>
57 57
@@ -189,6 +189,18 @@ Example: @@ -189,6 +189,18 @@ Example:
189 behavior : { 189 behavior : {
190 type : Object, 190 type : Object,
191 value : {} 191 value : {}
  192 + },
  193 + /**
  194 + * Control the export menu
  195 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  196 + *
  197 + * @attribute export_menu
  198 + * @type Number
  199 + * @default 15
  200 + */
  201 + export_menu : {
  202 + type : Number,
  203 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
192 } 204 }
193 }, 205 },
194 206
datalets/highcharts-datalet/highcharts-datalet.html
  View file @498cdf3
@@ -57,11 +57,11 @@ Example : @@ -57,11 +57,11 @@ Example :
57 57
58 <template> 58 <template>
59 <div id="container" style="width:auto; height:auto;"></div> 59 <div id="container" style="width:auto; height:auto;"></div>
60 - <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet> 60 + <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-ajax-json-alasql-datalet>
61 </template> 61 </template>
62 62
63 <script src="static/js/highcharts.js"></script> 63 <script src="static/js/highcharts.js"></script>
64 - <script src="static/js/exporting.js"></script> 64 + <!--<script src="static/js/exporting.js"></script>-->
65 <script src="static/js/highcharts-more.js"></script> 65 <script src="static/js/highcharts-more.js"></script>
66 <script src="static/themes/themes.js"></script> 66 <script src="static/themes/themes.js"></script>
67 67
datalets/leafletjs-datalet/leafletjs-datalet.html
  View file @498cdf3
@@ -56,7 +56,7 @@ Example: @@ -56,7 +56,7 @@ Example:
56 </style> 56 </style>
57 57
58 <div id="leafletjs"></div> 58 <div id="leafletjs"></div>
59 - <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet> 59 + <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-ajax-json-alasql-datalet>
60 60
61 </template> 61 </template>
62 62
@@ -159,6 +159,18 @@ Example: @@ -159,6 +159,18 @@ Example:
159 behavior : { 159 behavior : {
160 type : Object, 160 type : Object,
161 value : {} 161 value : {}
  162 + },
  163 + /**
  164 + * Control the export menu
  165 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  166 + *
  167 + * @attribute export_menu
  168 + * @type Number
  169 + * @default 15
  170 + */
  171 + export_menu : {
  172 + type : Number,
  173 + value : 9 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
162 } 174 }
163 }, 175 },
164 176
datalets/linechart-datalet/linechart-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module id="linechart-datalet"> 51 <dom-module id="linechart-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 56
@@ -160,6 +160,18 @@ Example: @@ -160,6 +160,18 @@ Example:
160 behavior : { 160 behavior : {
161 type : Object, 161 type : Object,
162 value : {} 162 value : {}
  163 + },
  164 + /**
  165 + * Control the export menu
  166 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  167 + *
  168 + * @attribute export_menu
  169 + * @type Number
  170 + * @default 15
  171 + */
  172 + export_menu : {
  173 + type : Number,
  174 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
163 } 175 }
164 }, 176 },
165 177
datalets/piechart-datalet/piechart-datalet.html
  View file @498cdf3
@@ -48,7 +48,7 @@ Example: @@ -48,7 +48,7 @@ Example:
48 --> 48 -->
49 <dom-module id="piechart-datalet"> 49 <dom-module id="piechart-datalet">
50 <template> 50 <template>
51 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 51 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
52 </template> 52 </template>
53 <script> 53 <script>
54 54
@@ -141,6 +141,18 @@ Example: @@ -141,6 +141,18 @@ Example:
141 behavior : { 141 behavior : {
142 type : Object, 142 type : Object,
143 value : {} 143 value : {}
  144 + },
  145 + /**
  146 + * Control the export menu
  147 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  148 + *
  149 + * @attribute export_menu
  150 + * @type Number
  151 + * @default 15
  152 + */
  153 + export_menu : {
  154 + type : Number,
  155 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
144 } 156 }
145 }, 157 },
146 158
datalets/scatterchart-datalet/scatterchart-datalet.html
  View file @498cdf3
@@ -50,7 +50,7 @@ Example: @@ -50,7 +50,7 @@ Example:
50 50
51 <dom-module id="scatterchart-datalet"> 51 <dom-module id="scatterchart-datalet">
52 <template> 52 <template>
53 - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet> 53 + <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
54 </template> 54 </template>
55 <script> 55 <script>
56 var ScatterchartBehavior = { 56 var ScatterchartBehavior = {
@@ -160,6 +160,18 @@ Example: @@ -160,6 +160,18 @@ Example:
160 behavior : { 160 behavior : {
161 type : Object, 161 type : Object,
162 value : {} 162 value : {}
  163 + },
  164 + /**
  165 + * Control the export menu
  166 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  167 + *
  168 + * @attribute export_menu
  169 + * @type Number
  170 + * @default 15
  171 + */
  172 + export_menu : {
  173 + type : Number,
  174 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
163 } 175 }
164 }, 176 },
165 177
datalets/treemap-datalet/treemap-datalet.html
  View file @498cdf3
@@ -110,7 +110,7 @@ Example: @@ -110,7 +110,7 @@ Example:
110 } 110 }
111 </style> 111 </style>
112 <div id="treemap_placeholder"></div> 112 <div id="treemap_placeholder"></div>
113 - <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet> 113 + <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-ajax-json-alasql-datalet>
114 </template> 114 </template>
115 115
116 <script src="../shared_js/d3.js"></script> 116 <script src="../shared_js/d3.js"></script>
@@ -199,6 +199,18 @@ Example: @@ -199,6 +199,18 @@ Example:
199 behavior : { 199 behavior : {
200 type : Object, 200 type : Object,
201 value : {} 201 value : {}
  202 + },
  203 + /**
  204 + * Control the export menu
  205 + * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
  206 + *
  207 + * @attribute export_menu
  208 + * @type Number
  209 + * @default 15
  210 + */
  211 + export_menu : {
  212 + type : Number,
  213 + value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
202 } 214 }
203 }, 215 },
204 216