diff options
Diffstat (limited to 'client')
| -rw-r--r-- | client/index.js | 34 |
1 files changed, 30 insertions, 4 deletions
diff --git a/client/index.js b/client/index.js index 2ee12c14..a8783522 100644 --- a/client/index.js +++ b/client/index.js @@ -3,6 +3,8 @@ import ReactDOM from 'react-dom' import { AppContainer } from 'react-hot-loader' import { Provider } from 'react-redux' import Tabulator from 'tabulator-tables' +import csv from 'parse-csv' +// import parse from 'csv-parse' import { toArray } from './util' import Applet from './applet' @@ -21,7 +23,7 @@ function appendReactApplet(el, payload) { function appendTabulator(el, payload) { const table = new Tabulator(el, { height: '311px', - layout: 'fitColumns', + layout: 'fitDataFill', placeholder: 'No Data Set', columns: payload.fields.split(', ').map(field => { switch (field) { @@ -38,9 +40,33 @@ function appendTabulator(el, payload) { // {title:"Driver", field:"car", align:"center", formatter:"tickCross", sorter:"boolean"}, }) let path = payload.opt - let columns = payload.fields.split(',').map(s => s.trim()) - console.log(path, columns) - table.setData(path) + // let columns = payload.fields.split(',').map(s => s.trim()) + // console.log(path, columns) + fetch('https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/lfw_names_gender_kg_min.csv', { mode: 'cors' }) + .then(r => r.text()) + .then(text => { + const data = csv.toJSON(text, { headers: { included: true } }) + console.log(data) + table.setData(data) + // const parser = parse() + // console.log(parser) + // parser.on('readable', () => { + // let record + // let output = [] + // do { + // record = parser.read() + // if (record) output.push(record) + // } while (record) + // output.shift() + // table.setData(output) + // }) + // parser.on('error', err => { + // console.error(err.message) + // }) + // parser.write(data) + // parser.end() + // table.setData(path, null, xs{ method: 'get', mode: 'cors', cache: 'no-cache' }) + }) } function appendApplets() { |