From f62abb3e8b70f2d9562f2ff926ab57fde4a29b34 Mon Sep 17 00:00:00 2001
From: Disha Talreja <dishatalreja1202@gmail.com>
Date: Tue, 22 Feb 2022 17:21:23 +0530
Subject: [PATCH 1/3] Implemented: logic to parse csv file and display in
 console(#22c8vdr)

---
 src/utils/index.ts          |  6 ++---
 src/views/PurchaseOrder.vue | 44 ++++++++++++++++++++++++++++++-------
 2 files changed, 39 insertions(+), 11 deletions(-)

diff --git a/src/utils/index.ts b/src/utils/index.ts
index 3904faf2..7e6f2c9f 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -58,16 +58,16 @@ const showToast = async (message: string) => {
 // ['Jake', '33', 'c'],
 // ['Jill', '30', 'd']]
 
-const parseCsv = async (file: File, options: any) => {
+const parseCsv = async (file: File, options?: any) => {
   return new Promise ((resolve, reject) => {
     Papa.parse(file, {
-      header: false,
+      header: true,
       skipEmptyLines: true,
       complete: function (results: any) {
         if (results.errors.length) {
           reject(results.error)
         } else {
-          resolve(results)
+          resolve(results.data)
         }
       },
       ...options
diff --git a/src/views/PurchaseOrder.vue b/src/views/PurchaseOrder.vue
index 45bf1912..50625969 100644
--- a/src/views/PurchaseOrder.vue
+++ b/src/views/PurchaseOrder.vue
@@ -11,9 +11,9 @@
       <div class="header">
         <div class="fileInput">
           <ion-item>
-            <ion-label for="inputFile">{{ $t("Purchase order") }}</ion-label>
-            <ion-input class="ion-hide" :placeholder="$t('Select CSV')" type="file" id="inputFile"/>
-            <ion-button slot="end" fill="outline">{{ $t("Upload") }}</ion-button>
+            <ion-label>{{ $t("Purchase order") }}</ion-label>
+            <input @change="getFile" ref="file" class="ion-hide" type="file" id="inputFile"/>
+            <label for="inputFile">{{ $t("Upload") }}</label>
           </ion-item>
         </div>
         <div class="info">
@@ -44,9 +44,10 @@
     </ion-content>    
   </ion-page>
 </template>
-<script lang="ts">
-import { IonPage, IonHeader, IonToolbar, IonBackButton, IonTitle, IonContent, IonItem, IonLabel, IonNote, IonInput, IonButton, IonSelect } from "@ionic/vue";
-import { defineComponent } from "vue";
+<script>
+import { IonPage, IonHeader, IonToolbar, IonBackButton, IonTitle, IonContent, IonItem, IonLabel, IonNote, IonButton, IonSelect } from "@ionic/vue";
+import { defineComponent, ref } from "vue";
+import { parseCsv } from '@/utils'
 export default defineComponent({
     name: " purchase orders",
     components: {
@@ -58,11 +59,38 @@ export default defineComponent({
       IonContent,
       IonItem,
       IonLabel,
-      IonInput,
       IonButton,
       IonSelect,
       IonNote
-    }
+    },
+    data() {
+      return {
+        file: "",
+        content:[]
+      }
+    },
+    methods: {
+      test() {
+        console.log("test");
+        const inputFile = document.getElementById('inputFile');
+        if (inputFile != null) {
+          inputFile.addEventListener("click", (event) => {console.log("click", event);});
+        }
+      },
+      getFile(event) {
+        const file = ref(null);
+        this.file = event.target.files[0];
+        this.file = event.target.files[0];
+        this.parseFile();
+      },
+      async parseFile(){
+        await parseCsv(this.file).then(res => {
+          this.content = res;
+          console.log(res);
+        })
+      },
+    },
+    
 })
 </script>   
 <style scoped>

From 27ba4a5abe85644b50013eda7559549b197fc977 Mon Sep 17 00:00:00 2001
From: Disha Talreja <dishatalreja1202@gmail.com>
Date: Tue, 22 Feb 2022 17:49:38 +0530
Subject: [PATCH 2/3] Added changelog entry(#22c8vdr)

---
 changelogs/unreleased/-22c8vdr.yml | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 changelogs/unreleased/-22c8vdr.yml

diff --git a/changelogs/unreleased/-22c8vdr.yml b/changelogs/unreleased/-22c8vdr.yml
new file mode 100644
index 00000000..1b35abd7
--- /dev/null
+++ b/changelogs/unreleased/-22c8vdr.yml
@@ -0,0 +1,6 @@
+---
+title: 'Implemented: logic to parse csv file and display in console'
+ticket_id: "#22c8vdr"
+merge_request: 4
+author: Disha Talreja
+type: added

From 3e05d46c606ec3958b8f9177cb01f6fe513d4ad7 Mon Sep 17 00:00:00 2001
From: Disha Talreja <dishatalreja1202@gmail.com>
Date: Tue, 22 Feb 2022 17:53:28 +0530
Subject: [PATCH 3/3] Removed: unwanted code(#22c8vdr)

---
 src/views/PurchaseOrder.vue | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/views/PurchaseOrder.vue b/src/views/PurchaseOrder.vue
index 50625969..ae95dbb0 100644
--- a/src/views/PurchaseOrder.vue
+++ b/src/views/PurchaseOrder.vue
@@ -70,17 +70,9 @@ export default defineComponent({
       }
     },
     methods: {
-      test() {
-        console.log("test");
-        const inputFile = document.getElementById('inputFile');
-        if (inputFile != null) {
-          inputFile.addEventListener("click", (event) => {console.log("click", event);});
-        }
-      },
       getFile(event) {
         const file = ref(null);
         this.file = event.target.files[0];
-        this.file = event.target.files[0];
         this.parseFile();
       },
       async parseFile(){