This repository has been archived by the owner on Nov 16, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add ability to select activity in existing log dialog and show relate…
…d entity, memory, and action (#125)
- Loading branch information
1 parent
0b4a5ba
commit bc13b14
Showing
5 changed files
with
185 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,88 @@ | ||
| import * as React from 'react'; | ||
| import { returntypeof } from 'react-redux-typescript'; | ||
| import { bindActionCreators } from 'redux'; | ||
| import { connect } from 'react-redux'; | ||
| import { State } from '../types' | ||
| import ExtractorResponseEditor from './ExtractorResponseEditor'; | ||
| import { Activity, Message } from 'botframework-directlinejs' | ||
| import { LogDialog, LogRound, LogScorerStep, ActionBase, EntityBase } from 'blis-models' | ||
|
|
||
| class LogDialogAdmin extends React.Component<Props, any> { | ||
| findRoundAndScorerStep(logDialog: LogDialog, activity: Activity): { round: LogRound, scorerStep: LogScorerStep } { | ||
| // TODO: Add roundIndex and scoreIndex to activity instead of hiding within id if these are needed as first class properties. | ||
| const [roundIndex, scoreIndex] = activity.id.split(":").map(s => parseInt(s)) | ||
|
|
||
| if (roundIndex > logDialog.rounds.length) { | ||
| throw new Error(`Index out of range: You are attempting to access round by index: ${roundIndex} but there are only: ${logDialog.rounds.length} rounds.`) | ||
| } | ||
|
|
||
| const round = logDialog.rounds[roundIndex] | ||
|
|
||
| if (scoreIndex > round.scorerSteps.length) { | ||
| throw new Error(`Index out of range: You are attempting to access scorer step by index: ${scoreIndex} but there are only: ${round.scorerSteps.length} scorere steps.`) | ||
| } | ||
|
|
||
| const scorerStep = round.scorerSteps[scoreIndex] | ||
|
|
||
| return { | ||
| round, | ||
| scorerStep | ||
| } | ||
| } | ||
|
|
||
| render() { | ||
| let round: LogRound = null | ||
| let scorerStep: LogScorerStep = null | ||
| let action: ActionBase = null | ||
| let entities: EntityBase[] = [] | ||
|
|
||
| if (this.props.logDialog && this.props.selectedActivity) { | ||
| const result = this.findRoundAndScorerStep(this.props.logDialog, this.props.selectedActivity) | ||
| round = result.round | ||
| scorerStep = result.scorerStep | ||
| action = this.props.actions.find(action => action.actionId == scorerStep.predictedAction) | ||
| entities = this.props.entities.filter(entity => scorerStep.input.filledEntities.includes(entity.entityId)) | ||
| } | ||
|
|
||
| return ( | ||
| <div className="log-dialog-admin ms-font-l"> | ||
| <div className="log-dialog-admin__title">Entity Detection</div> | ||
| <div className="log-dialog-admin__content"> | ||
| {round | ||
| ? <ExtractorResponseEditor isPrimary={true} isValid={true} extractResponse={round.extractorStep} /> | ||
| : "Select an activity"} | ||
| </div> | ||
| <div className="log-dialog-admin__title">Memory</div> | ||
| <div className="log-dialog-admin__content"> | ||
| {entities.length !== 0 && entities.map(entity => <div key={entity.entityName}>{entity.entityName}</div>)} | ||
| </div> | ||
| <div className="log-dialog-admin__title">Action</div> | ||
| <div className="log-dialog-admin__content"> | ||
| {action && action.payload} | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
| } | ||
| const mapDispatchToProps = (dispatch: any) => { | ||
| return bindActionCreators({ | ||
| }, dispatch); | ||
| } | ||
| const mapStateToProps = (state: State) => { | ||
| return { | ||
| actions: state.actions, | ||
| entities: state.entities | ||
| } | ||
| } | ||
|
|
||
| export interface ReceivedProps { | ||
| logDialog: LogDialog, | ||
| selectedActivity: Activity | ||
| } | ||
|
|
||
| // Props types inferred from mapStateToProps & dispatchToProps | ||
| const stateProps = returntypeof(mapStateToProps); | ||
| const dispatchProps = returntypeof(mapDispatchToProps); | ||
| type Props = typeof stateProps & typeof dispatchProps & ReceivedProps; | ||
|
|
||
| export default connect<typeof stateProps, typeof dispatchProps, ReceivedProps>(mapStateToProps, mapDispatchToProps)(LogDialogAdmin); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters