From 498cdf3464ac522948ddfe6c0166b6f70257553a Mon Sep 17 00:00:00 2001
From: andrpet <andrpet@gmail.com>
Date: Thu, 5 May 2016 15:33:35 +0200
Subject: [PATCH] leafletjs

---
 datalets/areachart-datalet/areachart-datalet.html                             |  15 ++++++++++++++-
 datalets/areachart_stacked-datalet/areachart_stacked-datalet.html             |  14 +++++++++++++-
 datalets/barchart-datalet/barchart-datalet.html                               |  14 +++++++++++++-
 datalets/barchart_stacked-datalet/barchart_stacked-datalet.html               |  14 +++++++++++++-
 datalets/base-ajax-json-alasql-datalet/base-ajax-json-alasql-datalet.html     |   2 +-
 datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html |   2 +-
 datalets/base-datalet/base-datalet.html                                       | 180 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 datalets/base-datalet/static/images/more_horiz_grey600_36x36.png              | Bin 0 -> 250 bytes
 datalets/base-datalet/static/images/more_horiz_white_36x36.png                | Bin 0 -> 243 bytes
 datalets/base-datalet/static/images/more_vert_white_32x32.png                 | Bin 0 -> 218 bytes
 datalets/bubblechart-datalet/bubblechart-datalet.html                         |  14 +++++++++++++-
 datalets/columnchart-datalet/columnchart-datalet.html                         |  14 +++++++++++++-
 datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html         |  15 +++++++++++++--
 datalets/datasetexplorer-datalet/datasetexplorer-datalet.html                 |  14 +++++++++++++-
 datalets/datatable-datalet/datatable-datalet.html                             |  14 +++++++++++++-
 datalets/dynamic-datatable-datalet/dynamic-datatable-datalet.html             |  14 +++++++++++++-
 datalets/google_piechart-datalet/google_piechart-datalet.html                 |  14 +++++++++++++-
 datalets/heatmap-datalet/heatmap-datalet.html                                 |  14 +++++++++++++-
 datalets/highcharts-datalet/highcharts-datalet.html                           |   4 ++--
 datalets/leafletjs-datalet/leafletjs-datalet.html                             |  14 +++++++++++++-
 datalets/linechart-datalet/linechart-datalet.html                             |  14 +++++++++++++-
 datalets/piechart-datalet/piechart-datalet.html                               |  14 +++++++++++++-
 datalets/scatterchart-datalet/scatterchart-datalet.html                       |  14 +++++++++++++-
 datalets/treemap-datalet/treemap-datalet.html                                 |  14 +++++++++++++-
 24 files changed, 406 insertions(+), 22 deletions(-)
 create mode 100644 datalets/base-datalet/static/images/more_horiz_grey600_36x36.png
 create mode 100644 datalets/base-datalet/static/images/more_horiz_white_36x36.png
 create mode 100644 datalets/base-datalet/static/images/more_vert_white_32x32.png

diff --git a/datalets/areachart-datalet/areachart-datalet.html b/datalets/areachart-datalet/areachart-datalet.html
index 392979f..62812da 100755
--- a/datalets/areachart-datalet/areachart-datalet.html
+++ b/datalets/areachart-datalet/areachart-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module id="areachart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -175,8 +175,21 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
+
             /**
              * 'ready' callback extend the AreachartComponentBehavior with HighchartsComponentBehavior and ColumnchartBehavior
              * and run the Datalet workcycle.
diff --git a/datalets/areachart_stacked-datalet/areachart_stacked-datalet.html b/datalets/areachart_stacked-datalet/areachart_stacked-datalet.html
index f6790d8..fcf45ea 100755
--- a/datalets/areachart_stacked-datalet/areachart_stacked-datalet.html
+++ b/datalets/areachart_stacked-datalet/areachart_stacked-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module name="areachart_stacked-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -174,6 +174,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
 
             },
diff --git a/datalets/barchart-datalet/barchart-datalet.html b/datalets/barchart-datalet/barchart-datalet.html
index 59d7a86..48c661c 100755
--- a/datalets/barchart-datalet/barchart-datalet.html
+++ b/datalets/barchart-datalet/barchart-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module name="barchart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -139,6 +139,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/barchart_stacked-datalet/barchart_stacked-datalet.html b/datalets/barchart_stacked-datalet/barchart_stacked-datalet.html
index e38cfce..7e2d141 100755
--- a/datalets/barchart_stacked-datalet/barchart_stacked-datalet.html
+++ b/datalets/barchart_stacked-datalet/barchart_stacked-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module name="barchart_stacked-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -162,6 +162,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
 
             },
diff --git a/datalets/base-ajax-json-alasql-datalet/base-ajax-json-alasql-datalet.html b/datalets/base-ajax-json-alasql-datalet/base-ajax-json-alasql-datalet.html
index b86d4e5..ce31161 100755
--- a/datalets/base-ajax-json-alasql-datalet/base-ajax-json-alasql-datalet.html
+++ b/datalets/base-ajax-json-alasql-datalet/base-ajax-json-alasql-datalet.html
@@ -53,7 +53,7 @@ Example :
 
 <dom-module id="base-ajax-json-alasql-datalet">
     <template>
-        <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-datalet>
+        <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-datalet>
     </template>
 
     <script src="static/js/alasql.min.js"></script>
diff --git a/datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html b/datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html
index 6a9da05..b374ce2 100755
--- a/datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html
+++ b/datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html
@@ -52,7 +52,7 @@ Example :
 
 <dom-module id="base-ajax-json-jsonpath-datalet">
     <template>
-        <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-datalet>
+        <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-datalet>
     </template>
 
     <script src="static/js/vendor/jsonpath-0.8.5.js"></script>
diff --git a/datalets/base-datalet/base-datalet.html b/datalets/base-datalet/base-datalet.html
index 4b75474..2a1c78c 100755
--- a/datalets/base-datalet/base-datalet.html
+++ b/datalets/base-datalet/base-datalet.html
@@ -100,6 +100,46 @@ Example :
                 font-style: italic;
                 color: #727272;
             }
+/*EXPORT*/
+            .export
+            {
+                cursor: pointer;
+                background-image:url("./static/images/more_horiz_grey600_36x36.png");
+                background-repeat: no-repeat;
+                position: absolute;
+                padding: 31px;
+                right: 21px;
+                top: 85px;
+            }
+
+            .highcharts-contextmenu
+            {
+                position: absolute;
+                right: 50px;
+                top: 114px;
+                display: none;
+                border: solid 1px #000000;
+            }
+
+            .highcharts-contextmenu-container
+            {
+                background: rgb(255, 255, 255);
+            }
+
+            .highcharts-contextmenu-container div
+            {
+                cursor: pointer;
+                padding: 0px 10px;
+                color: rgb(48, 48, 48);
+                font-size: 11px;
+                background: none;
+            }
+
+            .highcharts-contextmenu-container div:hover
+            {
+                background: #cccccc;
+            }
+/*EXPORT*/
         </style>
 
         <div id="base_datalet_imgWaitDatalet">
@@ -121,6 +161,18 @@ Example :
                 <div><a href="http://www.routetopa.eu/" target="_blank"><img id="rtpalogo" src="static/images/rtpalogo.png" ></a></div>
             </div>
 
+            <div id="export">
+                <div class="export" on-click="showHideExportMenu"></div>
+                <div class="highcharts-contextmenu" id="highcharts-contextmenu">
+                    <div class="highcharts-contextmenu-container">
+                        <div id="export_html" on-click="exportToHTML">Export to HTML</div>
+                        <div id="export_png"  on-click="exportToIMG">Export to PNG</div>
+                        <div id="export_rtf">Export to RTF</div>
+                        <div id="export_my_space" on-click="importToMySpace">Import in My Space</div>
+                    </div>
+                </div>
+            </div>
+
         </div>
 
     </template>
@@ -145,6 +197,9 @@ Example :
              * @method ready
              */
             ready: function(){
+
+                this.setExportMenu();
+
                 if(this.dataUrl != undefined) {
 
                     var urlSource = this.dataUrl.split("/")[0] + "//" + this.dataUrl.split("/")[2];
@@ -194,7 +249,132 @@ Example :
                 this.$.base_datalet_container.innerHTML = "";
                 this.$.base_datalet_container.style.margin = 0;
                 this.$.base_datalet_container.style.border = 0;
+            },
+
+            setExportMenu: function()
+            {
+                // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                var bitmask = this.export_menu;
+                var menu = ["export_html", "export_png", "export_rtf", "export_my_space"];
+
+                if(bitmask == 15) return;
+
+                if(bitmask == 0)
+                {
+                    this.$.export.style.display = "none";
+                    return;
+                }
+
+                //var max_i = Math.floor(Math.log2(this.export_menu))+1;
+                for(var i=0; i<menu.length; i++)
+                {
+                    if(bitmask % 2 == 0)
+                        this.$[menu[i]].style.display = "none";
+
+                    bitmask = Math.floor(bitmask/2);
+                }
+            },
+
+            showHideExportMenu: function()
+            {
+                if(this.$["highcharts-contextmenu"].style.display == "block")
+                    this.$["highcharts-contextmenu"].style.display = "none";
+                else
+                    this.$["highcharts-contextmenu"].style.display = "block";
+            },
+
+            exportToHTML: function () {
+                var parent = this.parentElement;
+                var html = '';
+                while(!parent.hasAttribute("data-url"))
+                    parent = parent.parentElement;
+
+                html += '<'+parent.is;
+                for(var i=0; i<parent.attributes.length; i++)
+                    html += ' '+parent.attributes[i].name+'=\''+parent.attributes[i].value+'\'';
+                html += '></'+parent.is+'>';
+
+                var dataletImport = '\<script type="text/javascript" src="https://cdn.jsdelivr.net/webcomponentsjs/0.7.16/webcomponents-lite.min.js"\>\<\/script\>\n' +
+                        '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
+                        '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES  -->\n';
+
+                var dataletLink = '<link rel="import" href="http://deep.routetopa.eu/COMPONENTS/datalets/'+parent.is+'/'+parent.is+'.html" /> \n';
+
+                window.prompt("Copy to clipboard: Ctrl+C, Enter", dataletImport+dataletLink+html);
+            },
+
+
+            exportToIMG: function () {
+                var parent = this.parentElement;
+                while(!parent.hasAttribute("data-url"))
+                    parent = parent.parentElement;
+
+
+                var svg = $(parent.is + " .highcharts-container");
+                svg = $(svg[0]).html();
+
+                var xhr = new XMLHttpRequest();
+
+                xhr.onreadystatechange = function(){
+                    if (this.readyState == 4 && this.status == 200){
+                        var blob = new Blob([this.response], {type:'octet/stream'});
+                        var downloadUrl = window.URL.createObjectURL(blob);
+                        var a = document.createElement("a");
+                        a.href = downloadUrl;
+                        a.download = "image.png";
+                        document.body.appendChild(a);
+                        a.click();
+                        //window.URL.revokeObjectURL(downloadUrl);
+                    }
+                };
+
+                xhr.open('POST', 'http://172.16.15.77/DEEalerProvider/DEEP/export/export-datalet-as-img', true);
+                xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+
+                var post = 'svg_data=' + window.encodeURIComponent(svg);
+                xhr.responseType = 'blob';
+                xhr.send(post);
+            },
+
+            importToMySpace: function() {
+                var parent = this.parentElement;
+                var html = '';
+                while(!parent.hasAttribute("data-url"))
+                    parent = parent.parentElement;
+
+                var params = {};
+                var fields;
+                var component = parent.is;
+
+                for(var i=0; i<parent.attributes.length; i++)
+                    params[parent.attributes[i].name] = parent.attributes[i].value;
+
+                delete params["fields"];
+                fields = parent.attributes["fields"].value.replace(/\[|\]/g, "");
+                params = JSON.stringify(params);
+
+                $.ajax({
+                    type: 'post',
+                    url: ODE.ajax_private_room_datalet,
+                    data: {"component":component, "fields":fields, "params":params, "data":""},
+                    dataType: 'JSON',
+                    success: function(data){
+                        if(data.status == "ok")
+                        {
+                            alert("Datalet added to private room");
+                        }
+                        else
+                        {
+                            alert("Error");
+                        }
+                    },
+                    error: function( XMLHttpRequest, textStatus, errorThrown ){
+                        OW.error(textStatus);
+                    },
+                    complete: function(){}
+                });
             }
+
          });
     </script>
 </dom-module>
\ No newline at end of file
diff --git a/datalets/base-datalet/static/images/more_horiz_grey600_36x36.png b/datalets/base-datalet/static/images/more_horiz_grey600_36x36.png
new file mode 100644
index 0000000..09b4f8f
Binary files /dev/null and b/datalets/base-datalet/static/images/more_horiz_grey600_36x36.png differ
diff --git a/datalets/base-datalet/static/images/more_horiz_white_36x36.png b/datalets/base-datalet/static/images/more_horiz_white_36x36.png
new file mode 100644
index 0000000..c84cbcc
Binary files /dev/null and b/datalets/base-datalet/static/images/more_horiz_white_36x36.png differ
diff --git a/datalets/base-datalet/static/images/more_vert_white_32x32.png b/datalets/base-datalet/static/images/more_vert_white_32x32.png
new file mode 100644
index 0000000..c47aef6
Binary files /dev/null and b/datalets/base-datalet/static/images/more_vert_white_32x32.png differ
diff --git a/datalets/bubblechart-datalet/bubblechart-datalet.html b/datalets/bubblechart-datalet/bubblechart-datalet.html
index 849c2fa..61eb2c3 100755
--- a/datalets/bubblechart-datalet/bubblechart-datalet.html
+++ b/datalets/bubblechart-datalet/bubblechart-datalet.html
@@ -59,7 +59,7 @@ Examples:
 
 <dom-module id="bubblechart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}"  fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <base-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></base-datalet>
     </template>
     <script>
         var BubblechartBehavior = {
@@ -177,6 +177,18 @@ Examples:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
             /**
diff --git a/datalets/columnchart-datalet/columnchart-datalet.html b/datalets/columnchart-datalet/columnchart-datalet.html
index 7836a4c..709e3a8 100755
--- a/datalets/columnchart-datalet/columnchart-datalet.html
+++ b/datalets/columnchart-datalet/columnchart-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module id="columnchart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -184,6 +184,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html b/datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html
index 3a01632..eee0925 100755
--- a/datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html
+++ b/datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module name="columnchart_stacked-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -162,8 +162,19 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
-
             },
 
             /**
diff --git a/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html b/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
index ed00718..09da45c 100755
--- a/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
+++ b/datalets/datasetexplorer-datalet/datasetexplorer-datalet.html
@@ -126,7 +126,7 @@ Example:
         <div id="treemap_placeholder">
             <treemap-tooltip id="treemap_tooltip"></treemap-tooltip>
         </div>
-        <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-jsonpath-datalet>
+        <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" export_menu="{{export_menu}}"></base-ajax-json-jsonpath-datalet>
         <!--<treemap-tooltip id="treemap_tooltip"></treemap-tooltip>-->
     </template>
 
@@ -276,6 +276,18 @@ Example:
                 height : {
                     type : Number,
                     value: 700
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/datatable-datalet/datatable-datalet.html b/datalets/datatable-datalet/datatable-datalet.html
index 97858cf..2306b53 100755
--- a/datalets/datatable-datalet/datatable-datalet.html
+++ b/datalets/datatable-datalet/datatable-datalet.html
@@ -54,7 +54,7 @@ Example:
 
         <table id="datatable" class="stripe row-border" cellspacing="0" style="height: auto; width: auto;">
         </table>
-        <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet>
+        <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>
     </template>
 
     <script type="text/javascript" src="js/DataTables/datatables.js"></script>
@@ -102,6 +102,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 9 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/dynamic-datatable-datalet/dynamic-datatable-datalet.html b/datalets/dynamic-datatable-datalet/dynamic-datatable-datalet.html
index d6cc134..91bacc2 100755
--- a/datalets/dynamic-datatable-datalet/dynamic-datatable-datalet.html
+++ b/datalets/dynamic-datatable-datalet/dynamic-datatable-datalet.html
@@ -54,7 +54,7 @@ Example:
 
         <span id="_span"></span>
 
-        <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-alasql-datalet>
+        <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>
     </template>
 
     <script type="text/javascript" src="js/DataTables/datatables.js"></script>
@@ -116,6 +116,18 @@ Example:
 
                 fields : {
                     observer: '_reload'
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
 
 //                filters : {
diff --git a/datalets/google_piechart-datalet/google_piechart-datalet.html b/datalets/google_piechart-datalet/google_piechart-datalet.html
index 0512dba..ae22d1c 100755
--- a/datalets/google_piechart-datalet/google_piechart-datalet.html
+++ b/datalets/google_piechart-datalet/google_piechart-datalet.html
@@ -53,7 +53,7 @@
                 options={{options}}>
         </google-chart>
 
-        <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-jsonpath-datalet>
+        <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"  export_menu="{{export_menu}}"></base-ajax-json-jsonpath-datalet>
 
     </template>
 
@@ -144,6 +144,18 @@
                 pieHole: {
                     type: Number,
                     value: 0
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
 
             },
diff --git a/datalets/heatmap-datalet/heatmap-datalet.html b/datalets/heatmap-datalet/heatmap-datalet.html
index bddf2dc..257f2c2 100755
--- a/datalets/heatmap-datalet/heatmap-datalet.html
+++ b/datalets/heatmap-datalet/heatmap-datalet.html
@@ -51,7 +51,7 @@ Example:
 
 <dom-module id="heatmap-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -189,6 +189,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/highcharts-datalet/highcharts-datalet.html b/datalets/highcharts-datalet/highcharts-datalet.html
index ee9531e..56e6543 100755
--- a/datalets/highcharts-datalet/highcharts-datalet.html
+++ b/datalets/highcharts-datalet/highcharts-datalet.html
@@ -57,11 +57,11 @@ Example :
 
     <template>
         <div id="container" style="width:auto; height:auto;"></div>
-        <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet>
+        <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>
     </template>
 
     <script src="static/js/highcharts.js"></script>
-    <script src="static/js/exporting.js"></script>
+    <!--<script src="static/js/exporting.js"></script>-->
     <script src="static/js/highcharts-more.js"></script>
     <script src="static/themes/themes.js"></script>
 
diff --git a/datalets/leafletjs-datalet/leafletjs-datalet.html b/datalets/leafletjs-datalet/leafletjs-datalet.html
index 5e85879..da6c005 100755
--- a/datalets/leafletjs-datalet/leafletjs-datalet.html
+++ b/datalets/leafletjs-datalet/leafletjs-datalet.html
@@ -56,7 +56,7 @@ Example:
         </style>
 
         <div id="leafletjs"></div>
-        <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet>
+        <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>
 
     </template>
 
@@ -159,6 +159,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 9 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/linechart-datalet/linechart-datalet.html b/datalets/linechart-datalet/linechart-datalet.html
index 1a2883a..50129eb 100755
--- a/datalets/linechart-datalet/linechart-datalet.html
+++ b/datalets/linechart-datalet/linechart-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module id="linechart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -160,6 +160,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/piechart-datalet/piechart-datalet.html b/datalets/piechart-datalet/piechart-datalet.html
index 143112d..3aa6537 100755
--- a/datalets/piechart-datalet/piechart-datalet.html
+++ b/datalets/piechart-datalet/piechart-datalet.html
@@ -48,7 +48,7 @@ Example:
 -->
 <dom-module id="piechart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}"  fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
 
@@ -141,6 +141,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/scatterchart-datalet/scatterchart-datalet.html b/datalets/scatterchart-datalet/scatterchart-datalet.html
index 2c90dbf..ecf5771 100755
--- a/datalets/scatterchart-datalet/scatterchart-datalet.html
+++ b/datalets/scatterchart-datalet/scatterchart-datalet.html
@@ -50,7 +50,7 @@ Example:
 
 <dom-module id="scatterchart-datalet">
     <template>
-        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
     </template>
     <script>
         var ScatterchartBehavior = {
@@ -160,6 +160,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
diff --git a/datalets/treemap-datalet/treemap-datalet.html b/datalets/treemap-datalet/treemap-datalet.html
index b019c89..4fb8c80 100755
--- a/datalets/treemap-datalet/treemap-datalet.html
+++ b/datalets/treemap-datalet/treemap-datalet.html
@@ -110,7 +110,7 @@ Example:
             }
         </style>
         <div id="treemap_placeholder"></div>
-        <base-ajax-json-alasql-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></base-ajax-json-alasql-datalet>
+        <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>
     </template>
 
     <script src="../shared_js/d3.js"></script>
@@ -199,6 +199,18 @@ Example:
                 behavior : {
                     type : Object,
                     value : {}
+                },
+                /**
+                 * Control the export menu
+                 * xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
+                 *
+                 * @attribute export_menu
+                 * @type Number
+                 * @default 15
+                 */
+                export_menu : {
+                    type  : Number,
+                    value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
                 }
             },
 
--
libgit2 0.21.4