Create PlotRateSpectrogram component and make it available in NetPyNEPlots and NetPyNENewPlot components

Author: r-makarov

webapp/components/definition/plots/NetPyNENewPlot.js

@@ -101,6 +101,13 @@ export default class NetPyNENewPlot extends React.Component {
           >
             Granger Causality Plot
           </MenuItem>
+          <MenuItem
+            key="plotRateSpectrogram"
+            value="plotRateSpectrogram"
+            onClick={() => this.handleClick('plotRateSpectrogram')}
+          >
+            Rate Spectrogram Plot
+          </MenuItem>
         </Menu>
       </div>
     );

webapp/components/definition/plots/NetPyNEPlots.js

@@ -10,6 +10,7 @@ import PlotRaster from './plotTypes/PlotRaster';
 import PlotTraces from './plotTypes/PlotTraces';
 import PlotGranger from './plotTypes/PlotGranger';
 import PlotRatePSD from './plotTypes/PlotRatePSD';
+import PlotRateSpectrogram from './plotTypes/PlotRateSpectrogram'
 import PlotSpikeHist from './plotTypes/PlotSpikeHist';
 import PlotSpikeStats from './plotTypes/PlotSpikeStats';
 import NetPyNENewPlot from './NetPyNENewPlot';
@@ -123,6 +124,9 @@ export default class NetPyNEPlots extends React.Component {
       case 'granger':
         selectedPlot = <PlotGranger />;
         break;
+      case 'plotRateSpectrogram':
+        selectedPlot = <PlotRateSpectrogram />;
+        break;
     }
 
     return (

webapp/components/definition/plots/plotTypes/PlotRateSpectrogram.js

@@ -0,0 +1,116 @@
+import React, { Component } from 'react';
+import Box from '@material-ui/core/Box';
+import {
+  NetPyNEInclude,
+  NetPyNEField,
+  SelectField,
+  NetPyNECheckbox,
+  NetPyNETextField,
+} from 'netpyne/components';
+import TimeRange from '../TimeRange';
+
+export default class PlotRateSpectrogram extends React.Component {
+  constructor (props) {
+    super(props);
+    this.state = { checked: false };
+    this.handleCheckChange = this.handleCheckChange.bind(this);
+  }
+
+  handleCheckChange = (event, isCheck) => {
+    this.setState({ Checked: isCheck });
+  };
+
+  render () {
+    const tag = 'simConfig.analysis[\'plotRateSpectrogram\']';
+    return (
+      <Box className="scrollbar scrollchild" mt={1}>
+        <NetPyNEInclude
+          id="simConfig.analysis.plotRateSpectrogram.include"
+          model={`${tag}['include']`}
+          defaultOptions={['all', 'allCells', 'allNetStims']}
+          initialValue="all"
+        />
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.timeRange">
+          <TimeRange model={`${tag}['timeRange']`} />
+        </NetPyNEField>
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.binSize">
+          <NetPyNETextField
+            fullWidth
+            variant="filled"
+            model={`${tag}['binSize']`}
+          />
+        </NetPyNEField>
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.minFreq">
+          <NetPyNETextField
+            fullWidth
+            variant="filled"
+            model={`${tag}['minFreq']`}
+          />
+        </NetPyNEField>
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.maxFreq">
+          <NetPyNETextField
+            fullWidth
+            variant="filled"
+            model={`${tag}['maxFreq']`}
+          />
+        </NetPyNEField>
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.stepFreq">
+          <NetPyNETextField
+            fullWidth
+            variant="filled"
+            model={`${tag}['stepFreq']`}
+          />
+        </NetPyNEField>
+
+        <NetPyNEField
+          id="simConfig.analysis.plotRateSpectrogram.transformMethod"
+          className="listStyle"
+        >
+          <SelectField model={`${tag}['transformMethod']`} />
+        </NetPyNEField>
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.fontSize">
+          <NetPyNETextField
+            fullWidth
+            variant="filled"
+            model={`${tag}['fontSize']`}
+          />
+        </NetPyNEField>
+
+        <NetPyNEField id="simConfig.analysis.plotRateSpectrogram.figSize">
+          <NetPyNETextField
+            fullWidth
+            variant="filled"
+            model={`${tag}['figSize']`}
+          />
+        </NetPyNEField>
+
+        <NetPyNEField
+          id="simConfig.analysis.plotRateSpectrogram.saveData"
+          className="netpyneCheckbox"
+        >
+          <NetPyNECheckbox model={`${tag}['saveData']`} />
+        </NetPyNEField>
+
+        <NetPyNEField
+          id="simConfig.analysis.plotRateSpectrogram.saveFig"
+          className="netpyneCheckbox"
+        >
+          <NetPyNECheckbox model={`${tag}['saveFig']`} />
+        </NetPyNEField>
+
+        <NetPyNEField
+          id="simConfig.analysis.plotRateSpectrogram.showFig"
+          className="netpyneCheckbox"
+        >
+          <NetPyNECheckbox model={`${tag}['showFig']`} />
+        </NetPyNEField>
+      </Box>
+    );
+  }
+}