Import Page

[KylaBendrik]

external "stream":1 Uncaught ReferenceError: require is not defined at Object.stream (external "stream":1) at webpack_require__ (bootstrap:789) at fn (bootstrap:100) at Object../node_modules/csv-parse/lib/index.js (index.js:9) at webpack_require (bootstrap:789) at fn (bootstrap:100) at Object../node_modules/csv-parse/lib/sync.js (sync.js:2) at __webpack_require (bootstrap:789) at fn (bootstrap:100) at Object../src/importCSV.js (importCSV.js:1)

[KylaBendrik]

We need to treat the import tools like the export tools. It needs to be hidden behind the preload layer.

[KylaBendrik]

• [ ] We want to be able to open a system dialog to pick a CSV file to import.
• [ ] We want that file to populate an employees table, like the employees' info page.
• [ ] We want to be able to open each employee and double-check each field.
• [ ] Certain fields should add to the previous, not just overwrite the previous.
• [ ] The mouse-over dialog should indicate when there was no provided data (in this CSV file)
• [ ] Once everything has been confirmed, the "real" data gets changed.

[KylaBendrik]

We're going to reference org_info.svelte to find the steps we need to take.

• In the svelte, we have a function save() that includes MainAPI.saveData('orgInfo', orgFormData
• We also have MainAPI.loadData('orgInfo').then(importData)

So clearly, we set up two important tools, importing saved data, and saving new data. How does this connect with importing? What similar tasks will we want to be able to do?

[KylaBendrik]

• [x] Create a function on the svelte page to trigger importCSV()
• [x] Open a dialog window
• [ ] Display something from the file

[KylaBendrik]

• [x] Dispatch.importCSV is not a function

[KylaBendrik]

• [x] Cannot read property 'then' of undefined

[KylaBendrik]

• [x] ImportCSV.parse is not a function

[KylaBendrik]

• [ ] buf.slice is not a function at Parser.__parse