Merge pull request #173 from Rahuljagwani/EditNode

Library Implementation

Author: pradeeban

src/component/modals/GraphCompDetails.jsx

@@ -109,6 +109,15 @@ const ModalComp = ({ closeModal, superState, dispatcher }) => {
         }
     };
 
+    const createLibrary = () => {
+        const fileName = data.label.split(':')[1];
+        if (fileName === undefined || fileName === '') {
+            toast.error('Enter File Name');
+            return;
+        }
+        superState.curGraphInstance.library(fileName);
+    };
+
     return (
         <ParentModal closeModal={closeModal} ModelOpen={ModelOpen} title={title}>
             <form onSubmit={submit}>
@@ -145,6 +154,17 @@ const ModalComp = ({ closeModal, superState, dispatcher }) => {
                                         Create Help
                                     </button>
                                 )}
+                            { title === 'Edit Node'
+                                ? ''
+                                : (
+                                    <button
+                                        className="btn btn-primary"
+                                        type="button"
+                                        onClick={createLibrary}
+                                    >
+                                        Create Library
+                                    </button>
+                                )}
                         </>
                     ) : '' }
                 </div>

src/component/modals/NodeDetails.jsx

@@ -158,6 +158,9 @@ const NodeDetails = ({
                                             if (item.key.toString().includes('.md')) {
                                                 return null;
                                             }
+                                            if (item.key.toString().split('/').length > 2) {
+                                                return null;
+                                            }
                                             // eslint-disable-next-line max-len
                                             if ((acceptedTypes.some((substring) => item.key.toString().includes(substring)))) {
                                                 const fileName = item.key.toString().split('.')[0].concat('.md');

src/component/modals/OptionsModal.jsx

@@ -9,6 +9,7 @@ const OptionsModal = ({ superState, dispatcher }) => {
     const [octave, setOctave] = useState(false);
     const [param, setParam] = useState('');
     const [maxT, setmaxT] = useState('');
+    const [library, setLibrary] = useState('');
     const close = () => {
         dispatcher({ type: T.SET_OPTIONS_MODAL, payload: false });
         dispatcher(
@@ -20,6 +21,7 @@ const OptionsModal = ({ superState, dispatcher }) => {
                     maxT,
                     param,
                     octave,
+                    library,
                 },
             },
         );
@@ -40,6 +42,9 @@ const OptionsModal = ({ superState, dispatcher }) => {
     const handleMaxtimeChange = (e) => {
         setmaxT(e.target.value);
     };
+    const handleLibraryChange = (e) => {
+        setLibrary(e.target.value);
+    };
 
     const Options = 'Options';
     return (
@@ -58,7 +63,7 @@ const OptionsModal = ({ superState, dispatcher }) => {
                     <input type="checkbox" checked={unlock} onChange={handleUnlockChange} />
                 </label>
                 <label htmlFor="Maxtime" className="main-div-comp">
-                    Max Time&nbsp;
+                    Max Time:&nbsp;
                     <input
                         type="text"
                         value={maxT}
@@ -69,6 +74,20 @@ const OptionsModal = ({ superState, dispatcher }) => {
                     />
                 </label>
                 <br />
+                <br />
+                <span>Library Path:&nbsp;&nbsp;</span>
+                <label htmlFor="librarypath">
+                    <input
+                        size="59"
+                        type="text"
+                        value={library}
+                        placeholder="Enter library path"
+                        onChange={(e) => {
+                            handleLibraryChange(e);
+                        }}
+                    />
+                </label>
+
                 <br />
                 <br />
                 <span>Params:</span>
@@ -77,7 +96,6 @@ const OptionsModal = ({ superState, dispatcher }) => {
                     cols="80"
                     rows="10"
                     value={param}
-                    placeholder="//Write Script"
                     onChange={(e) => {
                         handleParamsChange(e);
                     }}

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

@@ -212,6 +212,24 @@ class GraphServer extends GraphLoadSave {
         if (this.serverID);
     }
 
+    library(fileName) {
+        // TODO
+        const toastId = toast.info('LOADING.......', {
+            position: 'bottom-left',
+            autoClose: false,
+        });
+        // this.dispatcher({ type: T.SET_LOGS, payload: false });
+        Axios.post(`http://127.0.0.1:5000/library/${this.superState.uploadedDirName}?filename=${fileName}&path=${this.superState.library}`)
+            .then((res) => { // eslint-disable-next-line
+                toast.info(res.data['message'])
+                toast.dismiss(toastId);
+            }).catch((err) => { // eslint-disable-next-line
+                toast.error(err.message);
+                toast.dismiss(toastId);
+            });
+        if (this.serverID);
+    }
+
     setCurStatus() {
         super.setCurStatus();
         this.dispatcher({ type: T.IS_WORKFLOW_ON_SERVER, payload: Boolean(this.serverID) });

src/reducer/initialState.js

@@ -31,6 +31,7 @@ const initialState = {
     inputFile: '',
     params: '',
     maxTime: '',
+    library: '',
     dockerCheck: false,
     unlockCheck: false,
     octave: false,

src/reducer/reducer.js

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

src/toolbarActions/toolbarList.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-alert */
 import {
     FaSave, FaUndo, FaRedo, FaTrash, FaFileImport, FaPlus, FaDownload, FaEdit, FaRegTimesCircle, FaHistory,
-    FaHammer, FaBug, FaBomb, FaToggleOn, FaThermometerEmpty, FaTrashRestore, FaCogs, FaPencilAlt,
+    FaHammer, FaBug, FaBomb, FaToggleOn, FaThermometerEmpty, FaTrashRestore, FaCogs, FaPencilAlt, FaTerminal,
 } from 'react-icons/fa';
 
 import {
@@ -130,7 +130,7 @@ const toolbarList = (state, dispatcher) => [
     {
         type: 'action',
         text: 'Logs',
-        icon: FaBomb,
+        icon: FaTerminal,
         action: toggleLogs,
         active: true,
         visibility: true,