add csv parsing and begin proper import

ayanova/package-lock.json

@@ -24,6 +24,7 @@
         "monaco-editor": "^0.30.1",
         "monaco-editor-webpack-plugin": "^6.0.0",
         "nprogress": "^0.2.0",
+        "papaparse": "^5.3.2",
         "register-service-worker": "^1.7.2",
         "vue": "^2.6.14",
         "vue-chartjs": "^3.5.1",
@@ -11053,6 +11054,11 @@
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
       "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
     },
+    "node_modules/papaparse": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.3.2.tgz",
+      "integrity": "sha512-6dNZu0Ki+gyV0eBsFKJhYr+MdQYAzFUGlBMNj3GNrmHxmz1lfRa24CjFObPXtjcetlOv5Ad299MhIK0znp3afw=="
+    },
     "node_modules/parallel-transform": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
@@ -25532,6 +25538,11 @@
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
       "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
     },
+    "papaparse": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.3.2.tgz",
+      "integrity": "sha512-6dNZu0Ki+gyV0eBsFKJhYr+MdQYAzFUGlBMNj3GNrmHxmz1lfRa24CjFObPXtjcetlOv5Ad299MhIK0znp3afw=="
+    },
     "parallel-transform": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",

ayanova/package.json

@@ -25,6 +25,7 @@
     "monaco-editor": "^0.30.1",
     "monaco-editor-webpack-plugin": "^6.0.0",
     "nprogress": "^0.2.0",
+    "papaparse": "^5.3.2",
     "register-service-worker": "^1.7.2",
     "vue": "^2.6.14",
     "vue-chartjs": "^3.5.1",

ayanova/src/main.js

@@ -11,6 +11,7 @@ import NProgress from "nprogress";
 import "nprogress/nprogress.css";
 import { DateTime } from "luxon";
 import VueCurrencyInput from "vue-currency-input";
+//import Pappa from "papaparse";
 
 //my libs
 import errorhandler from "./api/errorhandler";

ayanova/src/views/adm-import.vue

@@ -14,15 +14,14 @@
       </v-col>
       <v-col cols="12" sm="6" lg="4" xl="3">
         <v-file-input
-          v-model="uploadFiles"
+          v-model="uploadFile"
           :label="$ay.t('Import')"
-          accept="application/json"
+          accept="text/csv"
           prepend-icon="$ayiFileUpload"
-          multiple
+          show-size
-          chips
         ></v-file-input
         ><v-btn
-          v-if="uploadFiles.length > 0 && ayaType != 0"
+          v-if="uploadFile.name && ayaType != 0"
           :loading="uploading"
           color="primary"
           text
@@ -30,6 +29,10 @@
           >{{ $ay.t("Upload") }}</v-btn
         >
       </v-col>
+      type:
+      {{ ayaType }}
+      uploadFile:
+      {{ uploadFile }}
 
       <v-col cols="12">
         <v-textarea
@@ -44,6 +47,7 @@
   </div>
 </template>
 <script>
+import papa from "papaparse";
 const FORM_KEY = "adm-import";
 export default {
   data() {
@@ -51,7 +55,7 @@ export default {
       selectLists: {
         importableAyaTypes: []
       },
-      uploadFiles: [],
+      uploadFile: [],
       ayaType: 0,
       importResult: "",
       rights: window.$gz.role.defaultRightsObject(),
@@ -71,39 +75,57 @@ export default {
   },
   methods: {
     async upload() {
+      console.log("UPLOAD: uploadFile is:", this.uploadFile);
+      if (this.uploadFile && this.uploadFile.name) {
+        console.log("Processing uploadfile");
+        papa.parse(this.uploadFile, {
+          worker: true,
+          step: function(row) {
+            console.log("Row:", row.data);
+          },
+          complete: function() {
+            console.log("All done!");
+          }
+        });
+      } else {
+        console.log("NO upload file");
+      }
+
       //similar code in wiki-control
-      const vm = this;
+      // const vm = this;
-      const fileData = [];
+      // const fileData = [];
-      for (let i = 0; i < vm.uploadFiles.length; i++) {
+      // for (let i = 0; i < vm.uploadFile.length; i++) {
-        const f = vm.uploadFiles[i];
+      //   const f = vm.uploadFile[i];
-        fileData.push({ name: f.name, lastModified: f.lastModified });
+      //   fileData.push({ name: f.name, lastModified: f.lastModified });
-      }
+      // }
-      const at = {
+
-        ayaType: vm.ayaType,
+      // const at = {
-        files: vm.uploadFiles,
+      //   ayaType: vm.ayaType,
-        fileData: JSON.stringify(fileData)
+      //   files: vm.uploadFile,
-      };
+      //   fileData: JSON.stringify(fileData)
-      try {
+      // };
-        vm.uploading = true;
+
-        const res = await window.$gz.api.upload("import/upload", at);
+      // try {
-        if (res.error) {
+      //   vm.uploading = true;
-          window.$gz.errorHandler.handleFormError(res.error);
+      //   const res = await window.$gz.api.upload("import/upload", at);
-        } else {
+      //   if (res.error) {
-          vm.uploadFiles = [];
+      //     window.$gz.errorHandler.handleFormError(res.error);
-          //result is an array of strings
+      //   } else {
-          let outText = "";
+      //     vm.uploadFile = [];
-          res.data.forEach(function appendImportResultItem(value) {
+      //     //result is an array of strings
-            outText += value + "\n";
+      //     let outText = "";
-          });
+      //     res.data.forEach(function appendImportResultItem(value) {
-          vm.importResult = await window.$gz.translation.translateStringWithMultipleKeysAsync(
+      //       outText += value + "\n";
-            outText
+      //     });
-          );
+      //     vm.importResult = await window.$gz.translation.translateStringWithMultipleKeysAsync(
-        }
+      //       outText
-      } catch (error) {
+      //     );
-        window.$gz.errorHandler.handleFormError(error);
+      //   }
-      } finally {
+      // } catch (error) {
-        vm.uploading = false;
+      //   window.$gz.errorHandler.handleFormError(error);
-      }
+      // } finally {
+      //   vm.uploading = false;
+      // }
     },
     handleSelected() {}
   }