diff --git a/src/views/CreateNodule/CreateFilterNoduleForm.js b/src/views/CreateNodule/CreateFilterNoduleForm.js
index f1e10b7..78da786 100644
--- a/src/views/CreateNodule/CreateFilterNoduleForm.js
+++ b/src/views/CreateNodule/CreateFilterNoduleForm.js
@@ -29,7 +29,6 @@ class CreateFilterNoduleForm extends Component {
}
componentWillReceiveProps = nextProps => {
- console.log(nextProps.tables)
this.setState({tables: nextProps.tables})
}
diff --git a/src/views/CreateNodule/CreateTransformNoduleForm.js b/src/views/CreateNodule/CreateTransformNoduleForm.js
index d665cbf..9523f0c 100644
--- a/src/views/CreateNodule/CreateTransformNoduleForm.js
+++ b/src/views/CreateNodule/CreateTransformNoduleForm.js
@@ -1,34 +1,61 @@
import React, { Component } from 'react'
-import { Input, Grid, Button, Icon, List } from 'semantic-ui-react'
+import { Input, Grid, Button, Icon, List, Dropdown } from 'semantic-ui-react'
+import Tables from '../../Models/Tables'
import './CreateNodule.css'
class CreateTransformNoduleForm extends Component {
- constructor () {
- super()
+ constructor (props) {
+ super(props)
this.state = {
- structure: {}
+ structure: {},
+ tables: props.tables
}
+ this.tables = new Tables()
+
this.initialKeyInput = React.createRef()
this.newKeyInput = React.createRef()
document.addEventListener('updateTables', this.updateTableList)
}
addStructureInput = () => {
- let structure = this.state.structure || {}
+ let { structure, keyValue } = this.state
- const initialKey = this.initialKeyInput.current.inputRef.current.value
+ // const initialKey = this.initialKeyInput.current.inputRef.current.value
const newKey = this.newKeyInput.current.inputRef.current.value
- if (initialKey && newKey) structure[initialKey] = newKey
+ if (keyValue && newKey) structure[keyValue] = newKey
this.setState({ structure: structure })
}
+ componentWillReceiveProps = nextProps => {
+ this.setState({tables: nextProps.tables})
+ }
+
+ getHeadersDropDownOptions = () => {
+ const { tables } = this.state
+ if (!tables || tables.length === 0) return []
+
+ const headers = tables.map(t => {
+ const table = this.tables.getTableByLabel(t)
+ return table.headers
+ }).flat()
+
+ const dropdownOptions = headers.map(h => {
+ return { key: h, text: h, value: h }
+ })
+ return dropdownOptions
+ }
+
getStructureProperties = () => {
return this.state.structure
}
+ handleKeyChange = (e, value) => {
+ this.setState({ keyValue: value.value })
+ }
+
renderStructure = () => {
const { structure } = this.state
@@ -51,7 +78,20 @@ class CreateTransformNoduleForm extends Component {
{ structureElements.initialKeyElements }
-
+
+
+ {/* */}
+
+