Implement echo state change in redux

Author: 2fast2fourier

src/constants/action-types.js

@@ -4,6 +4,8 @@ const actionTypes = {
   SHOW_OVERLAY: 'SHOW_OVERLAY',
   HIDE_OVERLAY: 'HIDE_OVERLAY',
   DELETE_PROJECT_CONFIRM: 'DELETE_PROJECT_CONFIRM',
+  ECHO_ON: 'ECHO_ON',
+  ECHO_OFF: 'ECHO_OFF',
   RX_ON: 'RX_ON',
   RX_OFF: 'RX_OFF',
   TX_ON: 'TX_ON',

src/creators/index.js

@@ -22,6 +22,8 @@ const creators = {
   transmit: require('./transmit'),
   updateDuration: require('./update-duration'),
   clearTransmission: require('./clear-transmission'),
+  echoOn: require('./echo-on'),
+  echoOff: require('./echo-off'),
   // device creators
   connect: require('./connect'),
   disconnect: require('./disconnect'),

src/plugins/handlers.js

@@ -482,6 +482,21 @@ function handlers(app, opts, done){
     txOn();
   }
 
+  function toggleEcho(){
+    const { device } = store.getState();
+    const { echo } = consoleStore.getState();
+    const { selected, connected } = device;
+    if(selected && connected){
+      const board = app.getBoard(selected);
+      if(echo){
+        consoleStore.dispatch(creators.echoOff());
+      }else{
+        consoleStore.dispatch(creators.echoOn());
+      }
+      board.setEcho(!echo);
+    }
+  }
+
   function download() {
     const { device } = store.getState();
     const { selected } = device;
@@ -653,6 +668,7 @@ function handlers(app, opts, done){
     reloadDevices,
     selectDevice,
     download,
+    toggleEcho,
     enableAutoDownload,
     disableAutoDownload
   });

src/plugins/rxtx.js

@@ -56,6 +56,7 @@ function applyStyles(el, stylesToApply){
 }
 
 function rxtxBar(app, opts, done){
+  const { toggleEcho } = app.handlers;
 
   let bottomBar;
   let rx;
@@ -101,6 +102,8 @@ function rxtxBar(app, opts, done){
       echoLabel = document.createTextNode('Echo Off');
       echoContainer.appendChild(echoLabel);
 
+      echoContainer.addEventListener('click', toggleEcho, false);
+
       const rxtxContainer = document.createElement('span');
       applyStyles(rxtxContainer, styles.rxtx);
       bottomBar.appendChild(rxtxContainer);