From 80d4ef52a570cfa21974b607267644554f284e34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?= Date: Wed, 22 Nov 2023 15:40:28 +0900 Subject: [PATCH] =?UTF-8?q?testDraw=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/laanc/map/LaancAreaMap.js | 684 +----------------- src/views/testDraw/alarm/ControlAlarmList.js | 66 -- .../testDraw/alarm/ControlAlarmNotice.js | 45 -- src/views/testDraw/index.js | 18 - src/views/testDraw/main/ControlMainDraw.js | 212 ------ src/views/testDraw/menu/ControlMenuLeft.js | 10 - .../testDraw/report/ControlReportDetail.js | 218 ------ .../testDraw/report/ControlReportList.js | 109 --- src/views/testDraw/setting/ControlSetting.js | 188 ----- src/views/testDraw/weather/WeatherList.js | 233 ------ 10 files changed, 1 insertion(+), 1782 deletions(-) delete mode 100644 src/views/testDraw/alarm/ControlAlarmList.js delete mode 100644 src/views/testDraw/alarm/ControlAlarmNotice.js delete mode 100644 src/views/testDraw/index.js delete mode 100644 src/views/testDraw/main/ControlMainDraw.js delete mode 100644 src/views/testDraw/menu/ControlMenuLeft.js delete mode 100644 src/views/testDraw/report/ControlReportDetail.js delete mode 100644 src/views/testDraw/report/ControlReportList.js delete mode 100644 src/views/testDraw/setting/ControlSetting.js delete mode 100644 src/views/testDraw/weather/WeatherList.js diff --git a/src/components/laanc/map/LaancAreaMap.js b/src/components/laanc/map/LaancAreaMap.js index 66c6abe..350046a 100644 --- a/src/components/laanc/map/LaancAreaMap.js +++ b/src/components/laanc/map/LaancAreaMap.js @@ -327,688 +327,6 @@ export default function LaancAreaMap({
-
-
-
비행구역 1
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 2
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 3
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 4
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 5
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 6
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 7
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 8
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 9
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 10
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 11
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 12
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 13
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 14
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 15
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 16
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 17
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 18
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 19
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
- -
-
-
비행구역 20
-
-
- - 126.6054434, 37.5205384 - / - 126.6054863, 37.5174068 - -
-
- - 126.6100569, 37.5203171 - / - 126.61025, 37.5177812 - -
-
- - 126.614842, 37.5197725 - / - 126.6132756, 37.5221552 - -
-
- - 126.6183182, 37.5214744 - -
-
-
-
-
- - {/*
{viewCoordObj?.map((obj, i) => { let coord = obj.properties.id === 'LINE' @@ -1075,7 +393,7 @@ export default function LaancAreaMap({
); })} -
*/} +
{ - return ( -
-
-
-

알림 리스트

- -
-
-
-
-
-
전체 2000건
-
오늘 120건
-
-
-
-
-
-
-
-

알림 목록

-
-
-
-
-
-
통신 장애 알림
-
6월 17일
-
-
- 통신장애 통신장애 통신장애 통신장애 통신장애 통신장애 통신장애 - 통신장애 통신장애{' '} -
-
-
-
-
-
-
-
-
비행 경로 이탈
-
6월 17일
-
-
- 비행경로이탈 비행경로이탈 비행경로이탈 비행경로이탈 비행경로이탈 - 비행경로이탈 비행경로이탈 비행경로이탈 비행경로이탈 비행경로이탈 -
-
-
-
-
-
- ); -}; - -export default ControlAlarmList; diff --git a/src/views/testDraw/alarm/ControlAlarmNotice.js b/src/views/testDraw/alarm/ControlAlarmNotice.js deleted file mode 100644 index deaadee..0000000 --- a/src/views/testDraw/alarm/ControlAlarmNotice.js +++ /dev/null @@ -1,45 +0,0 @@ -import { Bell, ChevronDown, ChevronUp } from "react-feather"; -import { ReactComponent as DroneMenuIcon } from '../../../assets/images/drone_menu_icon.svg'; - -const ControlAlarmNotice = () => { - {/* 알림 위아래 롤링은 구현해주셔야되는데 따른 컴포넌트있으면 그거사용해도됩니다...제가 만들어논거는 45px씩 움직여주면되거든요..저도자세히는모르겠습니다...제이쿼리로만써봐서... */} - return( - -
- {/*
-
- -
-
-
-
- 2021-06-17 12:00:00AVSF123 장애물 - 지역에 접근하였습니다111. -
-
- 2021-06-30 13:00:00AVSF123 - 비행금지구역에 접근하였습니다. -
-
- 2021-08-20 14:00:00AVSF123 - 국립공원구역에 접근하였습니다. -
-
-
-
- - -
-
*/} - -
- - - ) -} - -export default ControlAlarmNotice; diff --git a/src/views/testDraw/index.js b/src/views/testDraw/index.js deleted file mode 100644 index 4a7574b..0000000 --- a/src/views/testDraw/index.js +++ /dev/null @@ -1,18 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import { MapControlDraw } from '../../components/mapDraw/MapControlDraw'; -// import { WebsocketClient } from '../../components/websocket/WebsocketClient'; -import ControlMainDraw from './main/ControlMainDraw'; - -const ControlViewDraw = () => { - return ( -
-
- -
- - -
- ); -}; - -export default ControlViewDraw; diff --git a/src/views/testDraw/main/ControlMainDraw.js b/src/views/testDraw/main/ControlMainDraw.js deleted file mode 100644 index c4c3e7b..0000000 --- a/src/views/testDraw/main/ControlMainDraw.js +++ /dev/null @@ -1,212 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import '../../../assets/css/custom.css'; -import logo from '../../../assets/images/pal_logo.png'; -import { Sun, Map, Bell, Check } from 'react-feather'; -import { AiOutlinePoweroff } from 'react-icons/ai'; -import { ReactComponent as DroneMenuIcon } from '../../../assets/images/drone_menu_icon.svg'; - -import ControlAlarmNotice from '../alarm/ControlAlarmNotice'; -import ControlReportList from '../report/ControlReportList'; -import ControlReportDetail from '../report/ControlReportDetail'; -import WeatherList from '../weather/WeatherList'; -import ControlAlarmList from '../alarm/ControlAlarmList'; -import ControlSetting from '../setting/ControlSetting'; -import WebsocketClient from '../../../components/websocket/WebsocketClient'; -import { useDispatch, useSelector } from 'react-redux'; - -import * as Actions from '../../../modules/account/login/actions/authAction'; - -import { - ButtonGroup, - Button, - Badge, - CustomInput, - Input, - Label, - InputGroup -} from 'reactstrap'; - -import { - drawTypeChangeAction, - drawCheckAction -} from '../../../modules/control/map/actions/controlMapActions'; - -const ControlMainDraw = () => { - const dispatch = useDispatch(); - - const { isClickObject } = useSelector(state => state.controlMapReducer); - - const [oepnReportList, setOpenReportList] = useState(false); - const [openReportDetail, setOpenReportDetail] = useState(false); - const [openWeatherList, setOpenWeatherList] = useState(false); - - const [openAlarmList, setOpenAlarmList] = useState(false); - - const [openSetting, setOpenSetting] = useState(false); - - const mapControl = useSelector(state => state.controlMapReducer); - - const openMenu = val => { - if (val === 'reportList') { - setOpenReportList(true); - setOpenReportDetail(false); - setOpenWeatherList(false); - setOpenAlarmList(false); - } else if (val === 'weatherList') { - setOpenReportList(false); - setOpenReportDetail(false); - setOpenWeatherList(true); - setOpenAlarmList(false); - } else if (val === 'alarmList') { - setOpenReportList(false); - setOpenReportDetail(false); - setOpenWeatherList(false); - setOpenAlarmList(true); - } - }; - - const openReportDetailParam = val => { - setOpenReportDetail(true); - }; - - const handlerLogout = () => { - dispatch(Actions.logout.request()); - }; - - const handlerDrawType = val => { - dispatch(drawTypeChangeAction(val)); - }; - - const handlerDrawCheck = val => { - dispatch(drawCheckAction(val)); - }; - - return ( - <> - - -
-

- - PAL -

-
    -
  • - -
    • -
- - {/* 네이버 그리기 도구모음 */} -
    -
  • - handlerDrawCheck(!mapControl.drawCheck)} - value={mapControl.drawCheck === true ? 'IN USE' : 'STOP'} - /> -
    • -
- - {/* 제이쿼리로 그리기(기능 연결 중) */} - {/*
    -
  • - handlerDrawType('LINE')} - /> - handlerDrawType('POLYGON')} - /> - handlerDrawType('CIRCLE')} - /> - handlerDrawType('')} - value={mapControl.drawType === '' ? 'STOP' : 'IN USE'} - /> -
    • -
*/} - -
    -
  • - -
    • - -
-
- - {oepnReportList ? ( - - ) : ( -
- )} - {isClickObject ? ( - - ) : ( -
- )} - {openWeatherList ? ( - - ) : ( -
- )} - - {openAlarmList ? ( - - ) : ( -
- )} - - {openSetting ? ( -
- -
- -
-
- ) : ( -
- -
-
- )} - - ); -}; - -export default ControlMainDraw; diff --git a/src/views/testDraw/menu/ControlMenuLeft.js b/src/views/testDraw/menu/ControlMenuLeft.js deleted file mode 100644 index eceb123..0000000 --- a/src/views/testDraw/menu/ControlMenuLeft.js +++ /dev/null @@ -1,10 +0,0 @@ - -import React, { useEffect, useState } from 'react'; - -const ControlMenuLeft = () => { - return( - <> - ) -} - -export default ControlMenuLeft(); \ No newline at end of file diff --git a/src/views/testDraw/report/ControlReportDetail.js b/src/views/testDraw/report/ControlReportDetail.js deleted file mode 100644 index d150f42..0000000 --- a/src/views/testDraw/report/ControlReportDetail.js +++ /dev/null @@ -1,218 +0,0 @@ -import moment from 'moment'; -import React from 'react'; -import { X } from 'react-feather'; -import { useDispatch, useSelector } from 'react-redux'; -import drone_img from '../../../assets/images/drone.jpg'; -import drone_yellow from '../../../assets/images/drone_yellow.png'; -import { IMG_PATH } from '../../../configs/constants'; -import { objectUnClickAction } from '../../../modules/control/map/actions/controlMapActions'; -import { - GET_ARCTFT_TYPE_CD, - GET_WGHT_TYPE_CD -} from '../../../utility/CondeUtil'; - -const ControlReportDetail = props => { - const dispatch = useDispatch(); - - const { controlGpDetail, controlDetail } = useSelector( - state => state.controlGpDtlState - ); - - // useEffect(() => { - - // }, [controlGpDetail]); - - const handlerClose = () => { - dispatch(objectUnClickAction()); - }; - - const nullMessage = val => { - if (val) { - return val; - } else { - return '-'; - } - }; - - return ( -
-
-
-

드론 상세정보

- -
-
-
- - {controlDetail?.arcrftModelNm - ? controlDetail?.arcrftModelNm - : controlGpDetail?.objectId} -
-
- {controlDetail?.imageUrl ? ( - - ) : ( - - )} -
-
-
-
-
제작번호
-
- {nullMessage(controlDetail?.prdctNum)} -
-
-
-
식별번호
-
- {controlGpDetail?.objectId} -
-
-
-
중량
-
- {GET_WGHT_TYPE_CD(controlDetail?.wghtTypeCd)} -
-
-
-
종류
-
- {GET_ARCTFT_TYPE_CD(controlDetail?.arcrftTypeCd)} -
-
-
-
배터리 잔량
-
- {controlGpDetail?.betteryLevel} % -
-
-
-
배터리 전압
-
- {controlGpDetail?.betteryVoltage} volt -
-
-
-
-
-
-
-
-

비행정보

-
-
-
-
-
-
시작위치
-
- {nullMessage(controlDetail?.stAreaNm)} -
-
-
-
시작시간
-
- {moment( - controlGpDetail?.controlStartDt, - 'YYYYMMDDHHmmss' - ).format('MM-DD HH:mm:ss')} -
-
- {/*
-
현재위치
-
- 인천광역시 부평구 안남로 272 -
-
*/} -
-
속도
-
- {controlGpDetail?.speed} {controlGpDetail?.speedType} -
-
-
-
고도
-
- {controlGpDetail?.elev} {controlGpDetail?.elevType} -
-
-
-
좌표
-
- {controlGpDetail?.lat} , {controlGpDetail?.lng} -
-
-
-
비행거리
-
- {nullMessage(controlGpDetail?.moveDistance)}{' '} - {controlGpDetail?.moveDistanceType} -
-
-
-
헤딩 방위각
-
- {controlGpDetail?.heading} ° -
-
-
-
상태
-
- {nullMessage(controlGpDetail?.dronStatus)} -
-
-
-
위치정보 수신 시간
-
- {' '} - {moment( - controlGpDetail?.serverRcvDt, - 'YYYYMMDDHHmmss' - ).format('MM-DD HH:mm:ss')} -
-
-
-
-
-
-
-
-

운영자 정보

-
-
-
-
- {/*
-
소속기관
-
팔네트웍스
-
*/} -
-
담당자 이름
-
- {' '} - {nullMessage(controlDetail?.ownerNm)} -
-
-
-
담당자 연락처
-
- {nullMessage(controlDetail?.hpno)} -
-
-
-
-
-
-
- ); -}; - -export default ControlReportDetail; diff --git a/src/views/testDraw/report/ControlReportList.js b/src/views/testDraw/report/ControlReportList.js deleted file mode 100644 index b17b595..0000000 --- a/src/views/testDraw/report/ControlReportList.js +++ /dev/null @@ -1,109 +0,0 @@ -import moment from 'moment'; -import React, { useEffect, useState } from 'react'; -import { Search, X } from 'react-feather'; -import { useDispatch, useSelector } from 'react-redux'; -import { Badge, Button, Input, InputGroup } from 'reactstrap'; -import { controlGpDtlAction } from '../../../modules/control/gp'; -import { objectClickAction } from '../../../modules/control/map/actions/controlMapActions'; - -const ControlReportList = props => { - const { controlGpList } = useSelector(state => state.controlGpState); - const [filterId, setFilterId] = useState(''); - - const dispatch = useDispatch(); - - useEffect(() => { - controlGpList; - }, [controlGpList]); - - const handlerDetail = (objectId, cntrlId) => { - dispatch(objectClickAction(objectId)); - dispatch(controlGpDtlAction.request(cntrlId)); - }; - - return ( -
-
-
-

드론 비행 현황 정보{filterId}

- -
-
- - setFilterId(`${e.target.value}`)} - /> - - -
-
-
-
-

드론 현황

- - {controlGpList ? controlGpList.length : 0} 대 비행중 - -
- - {controlGpList?.map(item => { - if (item.objectId && item.objectId.indexOf(filterId) != -1) { - return ( -
handlerDetail(item.objectId, item.controlId)} - key={item.objectId} - > -
-
-
식별번호
-
{item.objectId}
-
-
-
이륙 위치
-
-
-
-
-
이륙 시간
-
- {moment(item.controlStartDt, 'YYYYMMDDHHmmss').format( - 'MM-DD HH:mm:ss' - )} -
-
-
-
속도(고도)
-
- {item.speed ? item.speed : '-'}{' '} - {item.speed ? item.speedType : ''}  ( - {item.elev ? item.elev : '-'}{' '} - {item.elev ? item.elevType : ''}) -
-
-
-
상태
-
- {item.dronStatus ? item.dronStatus : '-'} -
-
-
-
- ); - } - })} -
-
- ); -}; - -export default ControlReportList; diff --git a/src/views/testDraw/setting/ControlSetting.js b/src/views/testDraw/setting/ControlSetting.js deleted file mode 100644 index 0ce0988..0000000 --- a/src/views/testDraw/setting/ControlSetting.js +++ /dev/null @@ -1,188 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import { Search } from 'react-feather'; -import { BiBuildings, BiGridAlt } from 'react-icons/bi'; -import { CgTrees } from 'react-icons/cg'; -import { VscRadioTower } from 'react-icons/vsc'; -import { useDispatch, useSelector } from 'react-redux'; -import { Button, ButtonGroup, CustomInput } from 'reactstrap'; -import { - areaClickAction, - mapTypeChangeAction -} from '../../../modules/control/map/actions/controlMapActions'; - -const ControlSetting = props => { - const dispatch = useDispatch(); - - const mapControl = useSelector(state => state.controlMapReducer); - - useEffect(() => {}, [mapControl]); - - const handlerMapType = val => { - dispatch(mapTypeChangeAction(val)); - }; - - const handlerAreaClick = val => { - dispatch(areaClickAction(val)); - }; - - return ( -
-
-
-

지도유형

- {/* */} -
-
- - - - - -
-
- -
-
-

공역 표출 정보

-
-
-
-
-
-
- 비행금지구역 -
-
- handlerAreaClick('0001')} - className='custom-control-primary' - type='switch' - id='test01' - name='test01' - inline - defaultChecked={mapControl.area0001} - /> -
-
-
-
- 비행제한구역 -
-
- handlerAreaClick('0002')} - className='custom-control-primary' - type='switch' - id='test02' - name='test02' - inline - defaultChecked={mapControl.area0002} - /> -
-
-
-
- 관제권(공항) -
-
- handlerAreaClick('0003')} - className='custom-control-primary' - type='switch' - id='test03' - name='test03' - inline - defaultChecked={mapControl.area0003} - /> -
-
-
-
- 비행장(군사) -
-
- handlerAreaClick('0004')} - className='custom-control-primary' - type='switch' - id='test04' - name='test04' - inline - defaultChecked={mapControl.area0004} - /> -
-
-
-
- 이착륙장 -
-
- handlerAreaClick('0005')} - className='custom-control-primary' - type='switch' - id='test05' - name='test05' - inline - defaultChecked={mapControl.area0005} - /> -
-
-
-
- - 초경량비행장치공역 -
-
- handlerAreaClick('0006')} - className='custom-control-primary' - type='switch' - id='test06' - name='test06' - inline - defaultChecked={mapControl.area0006} - /> -
-
-
-
-
-
- - {/*
-
- 미세먼지(DUST) -
-
- handlerSensorClick('dust', e.target.checked)} - className='custom-control-primary' - type='switch' - id='sensorDust' - name='sensorDust' - inline - checked={mapControl.sensor === 'dust'} - // defaultChecked={mapControl.sensor === 'dust'} - /> -
-
*/} -
- ); -}; -export default ControlSetting; diff --git a/src/views/testDraw/weather/WeatherList.js b/src/views/testDraw/weather/WeatherList.js deleted file mode 100644 index 554558e..0000000 --- a/src/views/testDraw/weather/WeatherList.js +++ /dev/null @@ -1,233 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import { - CloudDrizzle, - CloudLightning, - Navigation2, - X, - Search, - Compass, - Sun, - Cloud, - CloudRain, - CloudSnow -} from 'react-feather'; -import { Button, InputGroup, InputGroupAddon, Input, Table } from 'reactstrap'; - -const WeatherList = props => { - const [clickTab, setClickTab] = useState(true); - - return ( -
-
-
-

날씨 상세정보

- -
-
- - - - -
-
-
-
-
-
-
- 검색하신 지역의 날씨 정보입니다. - - 인천광역시 부평구 안남로 272 - -
- {/* 탭메뉴or탭내용 활성화 active */} -
-
    - {clickTab ? ( - <> -
  • 오늘
    • - -
  • setClickTab(false)}> - 주간 -
    • - - ) : ( - <> -
  • setClickTab(true)}> - 오늘 -
    • -
  • 주간
    • - - )} -
-
- {clickTab ? ( -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
시각날씨기온풍향풍속
10시 - - 27℃ - - 2m/s
12시 - - 30℃ - - 3m/s
14시 - - 28℃ - - 4m/s
16시 - - 27℃ - - 7m/s
18시 - - 25℃ - - 2m/s
20시 - - 26℃ - - 2m/s
-
- ) : ( -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
날짜날씨기온
06.19.(토) 오전 - - 최저 27℃
06.19.(토) 오후 - - 30℃
06.20.(일) 오전 - - 30℃
06.20.(일) 오후 - - 30℃
06.21.(월) 오전 - - 30℃
06.21.(월) 오후 - - 30℃
06.22.(화) 오전 - - 30℃
06.2.(화) 오후 - - 30℃
-
- )} -
-
-
-
-
- ); -}; -export default WeatherList;