-
+
+
+
+
{
image={image}
styleLabel="play"
label="play"
- width={SIMULATOR_BUTTON_WIDTH}
+ width={CONSTANTS.SIMULATOR_BUTTON_WIDTH}
/>
@@ -152,8 +190,10 @@ class Simulator extends React.Component
{
}
protected togglePlayClick() {
- sendMessage("play-simulator", !this.state.play_button);
- this.setState({ ...this.state, play_button: !this.state.play_button });
+ sendMessage("play-simulator", {
+ selected_file: this.state.selected_file,
+ state: !this.state.play_button
+ });
const button =
window.document.getElementById(CONSTANTS.ID_NAME.PLAY_BUTTON) ||
window.document.getElementById(CONSTANTS.ID_NAME.STOP_BUTTON);
@@ -172,6 +212,9 @@ class Simulator extends React.Component {
}
}
+ protected onSelectBlur(event: React.FocusEvent) {
+ this.setState({ ...this.state, selected_file: event.currentTarget.value });
+ }
protected onKeyEvent(event: KeyboardEvent, active: boolean) {
let element;
const target = event.target as SVGElement;
diff --git a/src/view/components/cpx/Cpx_svg.tsx b/src/view/components/cpx/Cpx_svg.tsx
index ef295c1be..a1f8cf973 100644
--- a/src/view/components/cpx/Cpx_svg.tsx
+++ b/src/view/components/cpx/Cpx_svg.tsx
@@ -9,8 +9,7 @@ export const CPX_SVG = (