octave added in options

Author: Rahuljagwani

src/component/modals/OptionsModal.jsx

@@ -6,6 +6,7 @@ import './optionsModal.css';
 const OptionsModal = ({ superState, dispatcher }) => {
     const [unlock, setUnlock] = useState(false);
     const [docker, setDocker] = useState(false);
+    const [octave, setOctave] = useState(false);
     const [param, setParam] = useState('');
     const [maxT, setmaxT] = useState('');
     const close = () => {
@@ -18,6 +19,7 @@ const OptionsModal = ({ superState, dispatcher }) => {
                     docker,
                     maxT,
                     param,
+                    octave,
                 },
             },
         );
@@ -26,7 +28,9 @@ const OptionsModal = ({ superState, dispatcher }) => {
     const handleDockerChange = () => {
         setDocker(!docker);
     };
-
+    const handleOctaveChange = () => {
+        setOctave(!octave);
+    };
     const handleUnlockChange = () => {
         setUnlock(!unlock);
     };
@@ -45,6 +49,10 @@ const OptionsModal = ({ superState, dispatcher }) => {
                     Docker
                     <input type="checkbox" checked={docker} onChange={handleDockerChange} />
                 </label>
+                <label htmlFor="Octave" className="main-div-comp">
+                    Octave
+                    <input type="checkbox" checked={octave} onChange={handleOctaveChange} />
+                </label>
                 <label htmlFor="Unlock" className="main-div-comp">
                     Unlock
                     <input type="checkbox" checked={unlock} onChange={handleUnlockChange} />

src/graph-builder/graph-core/6-server.js

@@ -69,7 +69,7 @@ class GraphServer extends GraphLoadSave {
     build() {
         // TODO
         this.dispatcher({ type: T.SET_LOADER, payload: true });
-        Axios.post(`http://127.0.0.1:5000/build/${this.superState.uploadedDirName}?fetch=${this.superState.graphs[this.superState.curGraphIndex].fileName.split('.')[0]}&unlock=${this.superState.unlockCheck}&docker=${this.superState.dockerCheck}&maxtime=${this.superState.maxTime}&params=${this.superState.params}`)
+        Axios.post(`http://127.0.0.1:5000/build/${this.superState.uploadedDirName}?fetch=${this.superState.graphs[this.superState.curGraphIndex].fileName.split('.')[0]}&unlock=${this.superState.unlockCheck}&docker=${this.superState.dockerCheck}&maxtime=${this.superState.maxTime}&params=${this.superState.params}&octave=${this.superState.octave}`)
             .then((res) => { // eslint-disable-next-line
                 toast.success(res.data['message'])
                 this.dispatcher({ type: T.SET_LOADER, payload: false });

src/reducer/initialState.js

@@ -34,6 +34,7 @@ const initialState = {
     dockerCheck: false,
     unlockCheck: false,
     loader: false,
+    octave: false,
 };
 
 const initialGraphState = {

src/reducer/reducer.js

@@ -165,6 +165,7 @@ const reducer = (state, action) => {
             unlockCheck: action.payload.unlock,
             params: action.payload.param,
             maxTime: action.payload.maxT,
+            octave: action.payload.octave,
         };
     }