Working callback display
This commit is contained in:
@@ -13,7 +13,6 @@ export default class Parameters extends Component {
|
|||||||
callbackVisible: false,
|
callbackVisible: false,
|
||||||
parametersVisible: true
|
parametersVisible: true
|
||||||
}
|
}
|
||||||
//this.toggleTab = this.toggleTab.bind(this)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
static propTypes = {
|
static propTypes = {
|
||||||
@@ -57,13 +56,20 @@ export default class Parameters extends Component {
|
|||||||
changeConsumesValue(onChangeKey, val)
|
changeConsumesValue(onChangeKey, val)
|
||||||
}
|
}
|
||||||
|
|
||||||
// toggleTab = (tab) => {
|
toggleTab = (tab) => {
|
||||||
// if(tab === "parameters"){
|
console.log("togggling to tab", tab)
|
||||||
// this.setState({parametersVisible: true})
|
if(tab === "parameters"){
|
||||||
// }else if(tab === "callbacks"){
|
return this.setState({
|
||||||
// this.setState({callbackVisible: true})
|
parametersVisible: true,
|
||||||
// }
|
callbackVisible: false
|
||||||
// }
|
})
|
||||||
|
}else if(tab === "callbacks"){
|
||||||
|
return this.setState({
|
||||||
|
callbackVisible: true,
|
||||||
|
parametersVisible: false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
render(){
|
render(){
|
||||||
|
|
||||||
@@ -89,10 +95,10 @@ export default class Parameters extends Component {
|
|||||||
<div className="opblock-section">
|
<div className="opblock-section">
|
||||||
<div className="opblock-section-header">
|
<div className="opblock-section-header">
|
||||||
<div className="tab-header">
|
<div className="tab-header">
|
||||||
<div onClick={this.toggleTab("parameters")} className={this.state.parametersVisible ? "tab-item active" : "tab-item"}>
|
<div onClick={() => this.toggleTab("parameters")} className={this.state.parametersVisible ? "tab-item active" : "tab-item"}>
|
||||||
<h4 className="opblock-title"><span>Parameters</span></h4>
|
<h4 className="opblock-title"><span>Parameters</span></h4>
|
||||||
</div>
|
</div>
|
||||||
<div onClick={this.toggleTab("callbacks")} className="tab-item">
|
<div onClick={() => this.toggleTab("callbacks")} className="tab-item">
|
||||||
<h4 className="opblock-title"><span>Callbacks</span></h4>
|
<h4 className="opblock-title"><span>Callbacks</span></h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -130,7 +136,9 @@ export default class Parameters extends Component {
|
|||||||
}
|
}
|
||||||
</div> : "" }
|
</div> : "" }
|
||||||
|
|
||||||
{this.state.callbackVisible ? <div className="callbacks-container"></div> : "" }
|
{this.state.callbackVisible ? <div className="callbacks-container">
|
||||||
|
covfefe
|
||||||
|
</div> : "" }
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user