Merge pull request #252 from MetaCell/feature/197_fix_network_plots

#197 Recreate network plots on CREATE_NETWORK action

Author: Lucas Rebscher

webapp/constants.js

@@ -68,7 +68,7 @@ export const TOPBAR_CONSTANTS = {
  * ------------------------------------------------------------------------------ //
  * ------------------------------------------------------------------------------ //
  */
-export const PLOT_WIDGETS = {
+export const NETWORK_PLOT_WIDGETS = {
   connectionPlot: {
     id: 'connectionPlot',
     name: 'Connections Plot',
@@ -101,6 +101,10 @@ export const PLOT_WIDGETS = {
     },
     pos: 2,
   },
+};
+
+export const PLOT_WIDGETS = {
+  ...NETWORK_PLOT_WIDGETS,
   tracesPlot: {
     id: 'tracesPlot',
     name: 'Cell traces',

webapp/redux/middleware/plotMiddleware.js

@@ -1,8 +1,13 @@
 import { addWidget, SET_WIDGETS, UPDATE_WIDGET } from '../actions/layout';
 import Utils from '../../Utils';
-import { NETPYNE_COMMANDS, PLOT_WIDGETS, WidgetStatus } from 'root/constants';
+import { NETPYNE_COMMANDS, NETWORK_PLOT_WIDGETS, PLOT_WIDGETS, WidgetStatus } from 'root/constants';
 import { processError } from './middleware';
-import { SIMULATE_NETWORK, CREATE_SIMULATE_NETWORK, SET_THEME } from '../actions/general';
+import {
+  SIMULATE_NETWORK,
+  CREATE_SIMULATE_NETWORK,
+  SET_THEME,
+  CREATE_NETWORK
+} from '../actions/general';
 
 // A simple cache for plots coming from the backend.
 // This is a temporary solution until we have a proper strategy to store the plot data in redux
@@ -55,6 +60,16 @@ export default store => next => action => {
       next(action);
       break;
     }
+    case CREATE_NETWORK: {
+      // Reset network plots
+      for (let widget of Object.values(NETWORK_PLOT_WIDGETS)) {
+        delete window.plotCache[widget.id];
+        widget.initialized = false;
+        next(addWidget(widget));
+      }
+      next(action);
+      break;
+    }
     case SIMULATE_NETWORK:
     case CREATE_SIMULATE_NETWORK: {
       window.plotCache = {};