Add echo toggle to rx/tx bar

Author: 2fast2fourier

src/console-store.js

@@ -9,6 +9,7 @@
 const createStore = require('@phated/redux-create-store');
 
 const reducers = {
+  echo: require('./reducers/echo'),
   rxtx: require('./reducers/rxtx')
 };
 

src/creators/echo-off.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const {
+  ECHO_OFF
+} = require('../constants/action-types');
+
+function echoOff(){
+  return {
+    type: ECHO_OFF,
+    payload: {}
+  };
+}
+
+module.exports = echoOff;

src/creators/echo-on.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const {
+  ECHO_ON
+} = require('../constants/action-types');
+
+function echoOn(){
+  return {
+    type: ECHO_ON,
+    payload: {}
+  };
+}
+
+module.exports = echoOn;

src/plugins/rxtx.js

@@ -32,6 +32,17 @@ const styles = {
     float: 'right',
     paddingTop: '3px'
   },
+  echo: {
+    display: 'inline-block',
+    paddingTop: '3px',
+    paddingLeft: '16px'
+  },
+  echoOn: {
+    color: '#000000'
+  },
+  echoOff: {
+    color: '#888888'
+  },
   rx: {
     backgroundColor: blue
   },
@@ -49,9 +60,10 @@ function rxtxBar(app, opts, done){
   let bottomBar;
   let rx;
   let tx;
+  let echoContainer, echoLabel;
 
   function onConsoleChange(){
-    const { rxtx } = consoleStore.getState();
+    const { rxtx, echo } = consoleStore.getState();
     const { flashRx, flashTx } = rxtx;
 
     if(flashRx){
@@ -65,6 +77,14 @@ function rxtxBar(app, opts, done){
     } else {
       tx.style.backgroundColor = styles.indicator.backgroundColor;
     }
+
+    if(echo){
+      applyStyles(echoContainer, styles.echoOn);
+      echoLabel.nodeValue = 'Echo On';
+    }else{
+      applyStyles(echoContainer, styles.echoOff);
+      echoLabel.nodeValue = 'Echo Off';
+    }
   }
 
   app.view('editor', function(el, cb){
@@ -73,6 +93,14 @@ function rxtxBar(app, opts, done){
       bottomBar = document.createElement('div');
       applyStyles(bottomBar, styles.bar);
 
+      echoContainer = document.createElement('span');
+      applyStyles(echoContainer, styles.echo);
+      applyStyles(echoContainer, styles.echoOff);
+      bottomBar.appendChild(echoContainer);
+
+      echoLabel = document.createTextNode('Echo Off');
+      echoContainer.appendChild(echoLabel);
+
       const rxtxContainer = document.createElement('span');
       applyStyles(rxtxContainer, styles.rxtx);
       bottomBar.appendChild(rxtxContainer);

src/reducers/echo.js

@@ -0,0 +1,26 @@
+'use strict';
+
+/*
+  Don't include this in the index.js because it is used only
+  for the console-store
+ */
+
+const {
+  ECHO_OFF,
+  ECHO_ON
+} = require('../constants/action-types');
+
+const initial = false;
+
+function echo(state = initial, { type }){
+  switch(type){
+    case ECHO_OFF:
+      return false;
+    case ECHO_ON:
+      return true;
+    default:
+      return state;
+  }
+}
+
+module.exports = echo;