@oxygen-cms/ui 1.5.1 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxygen-cms/ui",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Various utilities for UI-building in Vue.js",
   "main": "none",
   "repository": {

package/src/api.js

@@ -57,7 +57,7 @@ export class FetchBuilder {
         this.headers.set('X-XSRF-TOKEN', xsrfToken);
     }
 
-    async fetch(url) {
+    async fetchRaw(url) {
         await this.setXsrfTokenHeader()
 
         let v = { ... this};
@@ -72,7 +72,11 @@ export class FetchBuilder {
             }
         }
 
-        let response = await window.fetch(url.toString(), this);
+        return await window.fetch(url.toString(), this);
+    }
+
+    async fetch(url) {
+        let response = await this.fetchRaw(url);
 
         let data = {};
         try {

package/src/components/ImportExport.vue

@@ -15,6 +15,7 @@
 <script>
 import {FetchBuilder} from "../api";
 import {API_ROOT} from "../CrudApi";
+import download from "downloadjs";
 
 export default {
     name: "ImportExport",
@@ -26,15 +27,13 @@ export default {
     methods: {
         async processDownload() {
             this.exporting = true;
-            let builder = (new FetchBuilder(this.$buefy, 'post'))
-                .cookies();
-            await builder.setXsrfTokenHeader();
-            let response = await window.fetch(API_ROOT + "import-export/export", { ... builder });
+            let response = await (new FetchBuilder(this.$buefy, 'post'))
+                .cookies()
+                .fetchRaw(API_ROOT + "import-export/export");
             this.$buefy.notification.open({ message: 'Export successful', type: 'is-success', queue: false });
             let blob = await response.blob();
-            let file = window.URL.createObjectURL(blob);
+            download(blob, 'database ' + (new Date()).toLocaleString() + '.zip');
             this.exporting = false;
-            window.location.assign(file);
         }
     }
 }