From 2180df8f211d04fa78a62459aca806c64db38736 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 23 Mar 2022 19:39:29 +0000
Subject: [PATCH] add csv parsing and begin proper import

---
 ayanova/package-lock.json        | 11 ++++
 ayanova/package.json             |  1 +
 ayanova/src/main.js              |  1 +
 ayanova/src/views/adm-import.vue | 98 +++++++++++++++++++-------------
 4 files changed, 73 insertions(+), 38 deletions(-)

diff --git a/ayanova/package-lock.json b/ayanova/package-lock.json
index 030133de..f12e9931 100644
--- a/ayanova/package-lock.json
+++ b/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",
diff --git a/ayanova/package.json b/ayanova/package.json
index a7f9e23e..4652a58d 100644
--- a/ayanova/package.json
+++ b/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",
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index 6474fc49..6e72ec96 100644
--- a/ayanova/src/main.js
+++ b/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";
diff --git a/ayanova/src/views/adm-import.vue b/ayanova/src/views/adm-import.vue
index 67d2152f..a2a9c883 100644
--- a/ayanova/src/views/adm-import.vue
+++ b/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
-          chips
+          show-size
         ></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 fileData = [];
-      for (let i = 0; i < vm.uploadFiles.length; i++) {
-        const f = vm.uploadFiles[i];
-        fileData.push({ name: f.name, lastModified: f.lastModified });
-      }
-      const at = {
-        ayaType: vm.ayaType,
-        files: vm.uploadFiles,
-        fileData: JSON.stringify(fileData)
-      };
-      try {
-        vm.uploading = true;
-        const res = await window.$gz.api.upload("import/upload", at);
-        if (res.error) {
-          window.$gz.errorHandler.handleFormError(res.error);
-        } else {
-          vm.uploadFiles = [];
-          //result is an array of strings
-          let outText = "";
-          res.data.forEach(function appendImportResultItem(value) {
-            outText += value + "\n";
-          });
-          vm.importResult = await window.$gz.translation.translateStringWithMultipleKeysAsync(
-            outText
-          );
-        }
-      } catch (error) {
-        window.$gz.errorHandler.handleFormError(error);
-      } finally {
-        vm.uploading = false;
-      }
+      // const vm = this;
+      // const fileData = [];
+      // for (let i = 0; i < vm.uploadFile.length; i++) {
+      //   const f = vm.uploadFile[i];
+      //   fileData.push({ name: f.name, lastModified: f.lastModified });
+      // }
+
+      // const at = {
+      //   ayaType: vm.ayaType,
+      //   files: vm.uploadFile,
+      //   fileData: JSON.stringify(fileData)
+      // };
+
+      // try {
+      //   vm.uploading = true;
+      //   const res = await window.$gz.api.upload("import/upload", at);
+      //   if (res.error) {
+      //     window.$gz.errorHandler.handleFormError(res.error);
+      //   } else {
+      //     vm.uploadFile = [];
+      //     //result is an array of strings
+      //     let outText = "";
+      //     res.data.forEach(function appendImportResultItem(value) {
+      //       outText += value + "\n";
+      //     });
+      //     vm.importResult = await window.$gz.translation.translateStringWithMultipleKeysAsync(
+      //       outText
+      //     );
+      //   }
+      // } catch (error) {
+      //   window.$gz.errorHandler.handleFormError(error);
+      // } finally {
+      //   vm.uploading = false;
+      // }
     },
     handleSelected() {}
   }