pav
/
pav-home
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

예약프로세스 모달 생성

master
junh_eee(이준희) 11 months ago
parent
9d358d7361
commit
0caccde9fd
2 changed files with 219 additions and 252 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 44
      src/views/control/setting/ControlReservation.js
  2. 119
      src/views/control/setting/ControlSetting.js

44
src/views/control/setting/ControlReservation.js
Unescape View File

@ -0,0 +1,44 @@
import {
Badge,
Button,
Input,
InputGroup,
Modal,
ModalHeader,
ModalBody
} from 'reactstrap';
export default function ControlReservation({ modal, handler }) {
return (
<div
className='vertically-centered-modal'
style={{ maxWidth: '95vh', height: '95vh', margin: 0 }}
>
<Modal
isOpen={modal}
toggle={handler}
className='modal-dialog-centered modal-lg'
style={{ margin: '0px auto', maxWidth: '90%', minHeight: '100vh' }}
>
<ModalHeader toggle={handler}>예약 프로세스</ModalHeader>
<ModalBody className='pal-modal-body'>
<div
style={{
width: '100%',
height: '100%'
}}
>
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다. 예약프로세스 입니다. 예약프로세스 입니다.
예약프로세스 입니다.
</div>
</ModalBody>
</Modal>
</div>
);
}

119
src/views/control/setting/ControlSetting.js
Unescape View File

@ -13,11 +13,15 @@ import {
CustomInput
} from 'reactstrap';
import {
areaClickAction, environmentClickAction,
mapTypeChangeAction, sensorClickAction
areaClickAction,
environmentClickAction,
mapTypeChangeAction,
sensorClickAction
} from '../../../modules/control/map/actions/controlMapActions';
import ControlReservation from './ControlReservation';
const ControlSetting = props => {
const [modal, setModal] = useState(false);
const dispatch = useDispatch();
const mapControl = useSelector(state => state.controlMapReducer);
@ -30,12 +34,8 @@ const ControlSetting = props => {
dispatch(areaClickAction(val));
};
const handlerSensorClick = (val, isChecked) => {
if (isChecked) {
dispatch(sensorClickAction(val));
} else {
dispatch(sensorClickAction(''));
}
const handlerModal = () => {
setModal(!modal);
};
return (
@ -176,102 +176,25 @@ const ControlSetting = props => {
</div>
</div>
</div>
{/* <div className='layer-content'>
<div className='layer-content'>
<div className='layer-ti'>
<h4>환경지표</h4>
<h4>예약프로세스</h4>
</div>
<div className='layer-content-box'>
<div className='layer-content-info layer-switch-list'>
<dl>
<dt>
<div className='list-left-txt'>
<span className='dot-icon color-red'></span>미세먼지(DUST)
</div>
<div className='list-right-txt'>
<CustomInput
onChange={e => handlerSensorClick('dust', e.target.checked)}
className='custom-control-primary'
type='switch'
id='sensorDust'
name='sensorDust'
inline
checked={mapControl.sensor === 'dust'}
// defaultChecked={mapControl.sensor === 'dust'}
/>
</div>
</dt>
<dt>
<div className='list-left-txt'>
<span className='dot-icon color-pink'></span>오존(O3)
</div>
<div className='list-right-txt'>
<CustomInput
onChange={e => handlerSensorClick('o3', e.target.checked)}
className='custom-control-primary'
type='switch'
id='sensorO3'
name='sensorO3'
inline
checked={mapControl.sensor === 'o3'}
// defaultChecked={mapControl.sensor === 'o3'}
/>
</div>
</dt>
<dt>
<div className='list-left-txt'>
<span className='dot-icon color-orange'></span>이산화질소(No2)
</div>
<div className='list-right-txt'>
<CustomInput
onChange={e => handlerSensorClick('no2', e.target.checked)}
className='custom-control-primary'
type='switch'
id='sensorNo2'
name='sensorNo2'
inline
checked={mapControl.sensor === 'no2'}
// defaultChecked={mapControl.sensor === 'no2'}
/>
</div>
</dt>
<dt>
<div className='list-left-txt'>
<span className='dot-icon color-brown'></span>일산화탄소(Co)
</div>
<div className='list-right-txt'>
<CustomInput
onChange={e => handlerSensorClick('co', e.target.checked)}
className='custom-control-primary'
type='switch'
id='sensorCo'
name='sensorCo'
inline
checked={mapControl.sensor === 'co'}
// defaultChecked={mapControl.sensor === 'co'}
/>
</div>
</dt>
<dt>
<div className='list-left-txt'>
<span className='dot-icon color-purple'></span>아황산가스(So2)
</div>
<div className='list-right-txt'>
<CustomInput
onChange={e => handlerSensorClick('so2', e.target.checked)}
className='custom-control-primary'
type='switch'
id='sensorSo2'
name='sensorSo2'
inline
checked={mapControl.sensor === 'so2'}
// defaultChecked={mapControl.sensor === 'so2'}
/>
<div className='map-btn'>
<ButtonGroup>
<Button color='primary' onClick={handlerModal}>
예약창열기
</Button>
</ButtonGroup>
</div>
</dt>
</dl>
</div>
</div>
</div> */}
{modal ? (
<ControlReservation modal={modal} handler={handlerModal} />
) : (
<></>
)}
</div>
);
};

Write Preview
Loading…
Cancel
Save