1 line
1.2 KiB
JavaScript
1 line
1.2 KiB
JavaScript
"use strict";var e=function(e){return e&&e.__esModule?e["default"]:e},t=e(require("react"));module.exports=t.createClass({displayName:"asr-view",getInitialState:function(){return{text:"",speaker:""}},onTextChange:function(e){var t=e.target.value;t=t.trim().replace(/[\|&;\$%@"#<>\(\)\+,?.]/g,"").toLowerCase(),this.setState({text:this.value}),13===e.nativeEvent.keyCode?(this.setState({text:""}),this.props.onWords({words:t,"final":!0,speaker:this.state.speaker}),this.props.messageHandler({words:t,speaker:this.state.speaker})):32===e.nativeEvent.keyCode&&this.props.onWords({words:t,incremental:!0,speaker:this.state.speaker})},onSpeakerChange:function(e){var t=e.target.value;this.setState({speaker:t})},render:function(){return t.createElement("div",{className:"asr-input"},t.createElement("div",{className:"speaker-box"},"Who is speaking?",t.createElement("input",{type:"text",className:"speaker-input",value:this.state.speaker,onChange:this.onSpeakerChange})),t.createElement("input",{type:"text",className:"text-input",placeholder:"Speak to jibo here...",style:{height:30,borderColor:"gray",borderWidth:1,width:"100%"},value:this.state.text,onKeyPress:this.onTextChange}))}}); |