scottk/OptimCloud-gw-ui
1
0
Fork 0
mirror of https://github.com/optim-enterprises-bv/OptimCloud-gw-ui.git synced 2025-10-30 01:42:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added command succesfuly submitted to config modal

Browse Source
This commit is contained in:
bourquecharles
2021-06-05 08:09:36 -04:00
parent 148ba2dbe9
commit c3c76f90db
1 changed files with 54 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/pages/DevicePage/ConfigureModal.js
View File

@@ -20,6 +20,7 @@ import {
import { checkIfJson } from '../../utils/helper';
import axiosInstance from '../../utils/axiosInstance';
import eventBus from '../../utils/EventBus';
import SuccessfulActionModalBody from '../../components/SuccessfulActionModalBody';
const ConfigureModal = ({ show, toggleModal }) => {
const [hadSuccess, setHadSuccess] = useState(false);
@@ -99,55 +100,59 @@ import {
<CModalHeader closeButton>
<CModalTitle>Configure Device</CModalTitle>
</CModalHeader>
<CModalBody>
<h6>Enter new device configuration: </h6>
<CRow style={{ marginTop: '20px' }}>
<CCol>
<CForm>
<CTextarea
name="textarea-input"
id="textarea-input"
rows="9"
placeholder="Config JSON"
value={newConfig}
onChange={(event) => setNewConfig(event.target.value)}
invalid={errorJson}
/>
<CInvalidFeedback className="help-block">
You need to enter valid JSON
</CInvalidFeedback>
</CForm>
</CCol>
</CRow>
<div hidden={!hadSuccess && !hadFailure}>
<div>
<pre className="ignore">{responseBody}</pre>
</div>
</div>
</CModalBody>
<CModalFooter>
<div hidden={!checkingIfSure}>Are you sure?</div>
<CButton
disabled={waiting}
hidden={checkingIfSure}
color="primary"
onClick={() => confirmingIfSure()}
>
Submit
</CButton>
<CButton
hidden={!checkingIfSure}
disabled={waiting}
color="primary"
onClick={() => doAction(false)}
>
{waiting && !doingNow ? 'Loading...' : 'Yes'} {' '}
<CSpinner hidden={!waiting || doingNow} component="span" size="sm" />
</CButton>
<CButton color="secondary" onClick={toggleModal}>
Cancel
</CButton>
</CModalFooter>
{hadSuccess ?
<SuccessfulActionModalBody toggleModal={toggleModal} /> :
<div>
<CModalBody>
<h6>Enter new device configuration: </h6>
<CRow style={{ marginTop: '20px' }}>
<CCol>
<CForm>
<CTextarea
name="textarea-input"
id="textarea-input"
rows="9"
placeholder="Config JSON"
value={newConfig}
onChange={(event) => setNewConfig(event.target.value)}
invalid={errorJson}
/>
<CInvalidFeedback className="help-block">
You need to enter valid JSON
</CInvalidFeedback>
</CForm>
</CCol>
</CRow>
<div hidden={!hadSuccess && !hadFailure}>
<div>
<pre className="ignore">{responseBody}</pre>
</div>
</div>
</CModalBody>
<CModalFooter>
<div hidden={!checkingIfSure}>Are you sure?</div>
<CButton
disabled={waiting}
hidden={checkingIfSure}
color="primary"
onClick={() => confirmingIfSure()}
>
Submit
</CButton>
<CButton
hidden={!checkingIfSure}
disabled={waiting}
color="primary"
onClick={() => doAction(false)}
>
{waiting && !doingNow ? 'Loading...' : 'Yes'} {' '}
<CSpinner hidden={!waiting || doingNow} component="span" size="sm" />
</CButton>
<CButton color="secondary" onClick={toggleModal}>
Cancel
</CButton>
</CModalFooter>
</div>}
</CModal>
);
};