Merge pull request #1 from jeremyvergnas/csv-export

feat(project): Implement datatable-export as a plugin

Author: jeremyvergnas

package.json

@@ -1,48 +1,43 @@
 {
-  "name": "aurelia-pager",
-  "version": "0.0.10",
-  "description": "Aurelia-only pagination",
+  "name": "aurelia-datatable-export",
+  "version": "0.0.1",
+  "description": "Aurelia-datatable only export",
   "bugs": {
-    "url": "https://github.com/SpoonX/aurelia-pager/issues"
+    "url": "https://github.com/SpoonX/aurelia-datatable-export/issues"
   },
   "keywords": [
     "aurelia",
-    "pagination",
-    "pager",
+    "datatable",
+    "export",
     "spoonx"
   ],
-  "homepage": "https://github.com/SpoonX/aurelia-pager#readme",
+  "homepage": "https://github.com/SpoonX/aurelia-datatable-export#readme",
   "license": "MIT",
-  "author": "VMBindraban <vijay@spoonx.nl> (http://spoonx.nl)",
+  "author": "jeremyvergnas <jeremy@spoonx.nl> (http://spoonx.nl)",
   "contributors": [
     "RWOverdijk <wesley@spoonx.nl> (http://spoonx.nl/)"
   ],
-  "main": "dist/commonjs/aurelia-pager.js",
-  "typings": "dist/aurelia-pager.d.ts",
+  "main": "dist/commonjs/aurelia-datatable-export.js",
+  "typings": "dist/aurelia-datatable-export.d.ts",
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/SpoonX/aurelia-pager.git"
+    "url": "git+ssh://git@github.com/SpoonX/aurelia-datatable-export.git"
   },
   "scripts": {
     "test": "./node_modules/.bin/gulp test"
   },
   "jspm": {
     "registry": "npm",
-    "jspmPackage": true,
-    "main": "aurelia-pager",
+    "main": "aurelia-datatable-export",
     "format": "amd",
     "directories": {
       "dist": "dist/amd"
     },
     "dependencies": {
       "aurelia-binding": "^1.0.0-rc.1.0.0",
       "aurelia-templating": "^1.0.0-rc.1.0.0",
-      "aurelia-view-manager": "^0.0.7"
-    },
-    "peerDependencies": {
-      "aurelia-binding": "^1.0.0-rc.1.0.0",
-      "aurelia-templating": "^1.0.0-rc.1.0.0",
-      "aurelia-view-manager": "^0.0.7"
+      "aurelia-view-manager": "^0.0.7",
+      "json2csv": "^3.7.0"
     },
     "devDependencies": {
       "aurelia-bootstrapper": "^1.0.0",
@@ -112,8 +107,8 @@
   "aurelia": {
     "build": {
       "resources": [
-        "aurelia-pager/pager",
-        "aurelia-pager/bootstrap/pager.html"
+        "aurelia-datatable-export/datatable-export",
+        "aurelia-datatable-export/bootstrap/datatable-export.html"
       ]
     }
   }

src/bootstrap/datatable-export.html

@@ -1,2 +1,8 @@
 <template>
+  <button
+      click.trigger="doExport()"
+      class="btn btn-white">
+    <i class="fa fa-table"></i>
+    <span t="Export"></span>
+  </button>
 </template>

src/datatable-export.js

@@ -1,8 +1,39 @@
-import {bindingMode}  from 'aurelia-binding';
-import {bindable} from 'aurelia-templating';
+import {bindable, customElement} from 'aurelia-templating';
 import {resolvedView} from 'aurelia-view-manager';
+import json2csv from 'json2csv';
 
+@customElement('datatable-export')
 @resolvedView('aurelia-datatable-export', 'datatable-export')
 export class DatatableExport {
+  @bindable columns   = [];
+  @bindable datatable = null
+  @bindable criteria  = {};
 
+  doExport() {
+    if (!this.datatable) {
+      return;
+    }
+
+    return this.datatable.gatherData(this.criteria).then(result => {
+      try {
+        let csv  = json2csv({data: result, fields: this.columns});
+        let blob = new Blob([csv]);
+
+        if (window.navigator.msSaveOrOpenBlob) {
+          window.navigator.msSaveBlob(blob, "export.csv");
+        }
+        else {
+          let a = window.document.createElement("a");
+
+          a.href     = window.URL.createObjectURL(blob, {type: "text/plain"});
+          a.download = "export.csv";
+          document.body.appendChild(a);
+          a.click();
+          document.body.removeChild(a);
+        }
+      } catch (err) {
+        this.datatable.triggerEvent('exception', {on: 'export', error: err});
+      }
+    });
+  }
 }