Merge pull request #403 from contactashish13/issue-402

Download Excel data issue

Author: contactashish13

classes/Visualizer/Module.php

@@ -293,6 +293,7 @@ private function _getExcel( $rows, $filename ) {
 		return array(
 			'csv'  => 'data:application/vnd.ms-excel;base64,' . base64_encode( $xlsData ),
 			'name' => $filename,
+			'raw' => base64_encode( $xlsData ),
 		);
 	}
 

js/render-facade.js

@@ -16,6 +16,8 @@
             var chart   = $(this).attr( 'data-visualizer-chart-id' );
             var container   = $(this).attr( 'data-visualizer-container-id' );
             var lock    = $('.visualizer-front.visualizer-front-' + chart);
+            var mime    = $(this).attr( 'data-visualizer-mime' );
+            console.log(mime);
             lock.lock();
             e.preventDefault();
             $.ajax({
@@ -24,25 +26,34 @@
                     if (data && data.data) {
                         switch(type){
                             case 'csv':
-                                var a = document.createElement("a");
-                                document.body.appendChild(a);
-                                a.style = "display: none";
-                                var blob = new Blob([data.data.csv], {type: $(this).attr( 'data-visualizer-mime' ) }),
-                                    url = window.URL.createObjectURL(blob);
-                                a.href = url;
-                                a.download = data.data.name;
-                                a.click();
-                                setTimeout(function () {
-                                    window.URL.revokeObjectURL(url);
-                                }, 100);
+                                var blob = new Blob([data.data.csv], {type: mime });
+                                if(window.navigator.msSaveOrOpenBlob){
+                                    window.navigator.msSaveOrOpenBlob(blob, data.data.name);
+                                } else {
+                                    var url = window.URL.createObjectURL(blob);
+                                    var $a = $("<a>");
+                                    $a.attr("href", url);
+                                    $("body").append($a);
+                                    $a.attr("download", data.data.name);
+                                    $a[0].click();
+                                    setTimeout(function () {
+                                        window.URL.revokeObjectURL(url);
+                                        $a.remove();
+                                    }, 100);
+                                }
                                 break;
                             case 'xls':
-                                var $a = $("<a>");
-                                $a.attr("href",data.data.csv);
-                                $("body").append($a);
-                                $a.attr("download",data.data.name);
-                                $a[0].click();
-                                $a.remove();
+                                if(window.navigator.msSaveOrOpenBlob){
+                                    blob = new Blob([s2ab(atob(data.data.raw))], {type: '' });
+                                    window.navigator.msSaveOrOpenBlob(blob, data.data.name);
+                                } else {
+                                    var $a = $("<a>"); // jshint ignore:line
+                                    $a.attr("href", data.data.csv);
+                                    $("body").append($a);
+                                    $a.attr("download", data.data.name);
+                                    $a[0].click();
+                                    $a.remove();
+                                }
                                 break;
                             case 'print':
                                 $('body').trigger('visualizer:action:specificchart', {action: 'print', id: container, data: data.data.csv});
@@ -60,6 +71,15 @@
         });
     }
 
+    function s2ab(s) {
+        var buf = new ArrayBuffer(s.length);
+        var view = new Uint8Array(buf);
+        for (var i=0; i !== s.length; ++i) {
+            view[i] = s.charCodeAt(i) & 0xFF;
+        }
+        return buf;
+    }
+
     $(document).ready(function(){
         $('body').trigger('visualizer:render:chart:start', visualizer);
         initActionsButtons(visualizer);