fixed delete bug, code refactoring, improved UI
This commit is contained in:
@@ -71,9 +71,10 @@ class IntentDetails extends Component {
|
||||
}
|
||||
<br></br>
|
||||
<br></br>
|
||||
<Button style={{float:'left', marginLeft: '25px'}} flat primary onClick={()=>{this.props.onDeleteIntentClick(this.state.intent)}}>Delete intent</Button>
|
||||
<Button style={{float:'left', marginLeft: '22%'}} flat primary swapTheming onClick={this.addQuestion}>Add question</Button>
|
||||
<Button style={{float:'left', marginLeft: '20px'}} flat primary swapTheming onClick={()=>{this.props.onSaveIntentClick(this.state.intent)}}>Save</Button>
|
||||
<Button style={{float:'left', marginLeft: '25px'}} flat primary onClick={()=>{this.props.onDeleteIntentClick(this.state.intent)}} disabled={this.props.waiting}>Delete intent</Button>
|
||||
<Button style={{float:'left', marginLeft: '22%'}} flat primary swapTheming onClick={this.addQuestion} disabled={this.props.waiting}>Add question</Button>
|
||||
<Button style={{float:'left', marginLeft: '20px'}} flat primary swapTheming onClick={()=>{this.props.onSaveIntentClick(this.state.intent)}} disabled={this.props.waiting}>Save</Button>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -21,9 +21,10 @@ class IntentItem extends Component {
|
||||
<Button className={this.props.selectedIndex===this.state.index ? 'IntentItem-selected' : 'IntentItem'}
|
||||
onClick={()=>{this.state.onClick(this.state.intent,this.state.index)}}
|
||||
flat
|
||||
disabled={this.props.waiting}
|
||||
tooltipDelay={INTENT_TITLE_TOOLTIP_DELAY}
|
||||
tooltipLabel={this.state.intent.intentName.length>INTENT_TITLE_MAX_LENGTH ? this.state.intent.questions[0] : ''}>
|
||||
{this.state.index+1}. {buttonTitle}
|
||||
{buttonTitle}
|
||||
</Button>
|
||||
<br></br>
|
||||
</div>
|
||||
|
||||
@@ -18,21 +18,25 @@ class IntentList extends Component {
|
||||
return (
|
||||
<div className="IntentList">
|
||||
<Button className={this.props.selectedIndex===-2 ? "LaunchRequest-selected" : "LaunchRequest"} flat primary
|
||||
onClick={this.props.onLaunchRequestClick}>Launch request</Button>
|
||||
onClick={this.props.onLaunchRequestClick}
|
||||
disabled={this.props.waiting} >Launch request</Button>
|
||||
<div className="IntentList-title">
|
||||
<h3>Intents</h3>
|
||||
</div>
|
||||
{
|
||||
this.state.intents.map((intent,index)=>{
|
||||
return <IntentItem
|
||||
key={index} intent={intent} index={index}
|
||||
key={intent.intentName} intent={intent} index={index}
|
||||
selectedIndex={this.props.selectedIndex}
|
||||
onClick={this.state.onIntentClick}>
|
||||
onClick={this.state.onIntentClick}
|
||||
waiting={this.props.waiting}>
|
||||
</IntentItem>
|
||||
})
|
||||
}
|
||||
<br></br>
|
||||
<Button className={"AddIntent"} flat primary swapTheming onClick={this.props.onAddIntentClick}>Add intent</Button>
|
||||
<Button className={"AddIntent"} flat primary swapTheming
|
||||
onClick={this.props.onAddIntentClick}
|
||||
disabled={this.props.waiting}>Add intent</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -45,7 +45,9 @@ class LaunchRequest extends Component {
|
||||
value={this.state.invocationAnswer}/>
|
||||
<br></br>
|
||||
<br></br>
|
||||
<Button style={{float:'right', marginRight: '20px'}} flat primary swapTheming onClick={()=>{this.props.onSaveClick(this.state.invocationName, this.state.invocationAnswer)}}>Save</Button>
|
||||
<Button style={{float:'right', marginRight: '20px'}} flat primary swapTheming
|
||||
onClick={()=>{this.props.onSaveClick(this.state.invocationName, this.state.invocationAnswer)}}
|
||||
disabled={this.props.waiting}>Save</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user