1 line
6.8 KiB
JSON
1 line
6.8 KiB
JSON
|
{"ast":null,"code":"import{useState}from'react';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function Signal1Component(){// 팝업\nconst[isOpen,setIsOpen]=useState(true);// 처음 열림\nconst closePopup=()=>setIsOpen(false);return/*#__PURE__*/_jsx(\"section\",{id:\"SignalComponent\",children:isOpen&&/*#__PURE__*/_jsx(\"div\",{className:\"popupUtillWrap\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"popupUtill\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"puHeader\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"\\uC2E0\\uD638\\uC124\\uC815\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"puClose\",\"aria-label\":\"\\uB2EB\\uAE30\",onClick:closePopup})]}),/*#__PURE__*/_jsx(\"div\",{className:\"puBody\",children:/*#__PURE__*/_jsxs(\"table\",{className:\"table\",children:[/*#__PURE__*/_jsx(\"caption\",{children:\"\\uC2E0\\uD638\\uC124\\uC815 - \\uC2E0\\uD638\\uD45C\\uCD9C\\uBC18\\uACBD, \\uC218\\uC2E0\\uC218\\uAE30 \\uC124\\uC815 \\uC5D0 \\uB300\\uD55C \\uB0B4\\uC6A9\\uC744 \\uB098\\uD0C0\\uB0B4\\uB294 \\uD45C\\uC785\\uB2C8\\uB2E4.\"}),/*#__PURE__*/_jsxs(\"colgroup\",{children:[/*#__PURE__*/_jsx(\"col\",{style:{width:'30%'}}),/*#__PURE__*/_jsx(\"col\",{style:{width:''}})]}),/*#__PURE__*/_jsxs(\"tbody\",{children:[/*#__PURE__*/_jsxs(\"tr\",{children:[/*#__PURE__*/_jsx(\"th\",{scope:\"row\",children:\"\\uC2E0\\uD638\\uD45C\\uCD9C\\uBC18\\uACBD\"}),/*#__PURE__*/_jsx(\"td\",{children:/*#__PURE__*/_jsx(\"select\",{\"aria-label\":\"\\uC2E0\\uD638\\uD45C\\uCD9C\\uBC18\\uACBD\",children:/*#__PURE__*/_jsx(\"option\",{value:\"\",children:\"25NM\"})})})]}),/*#__PURE__*/_jsxs(\"tr\",{scope:\"row\",children:[/*#__PURE__*/_jsx(\"th\",{children:\"\\uC218\\uC2E0\\uC218\\uAE30 \\uC124\\uC815\"}),/*#__PURE__*/_jsx(\"td\",{children:/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\",\"aria-label\":\"\\uC218\\uC2E0\\uC218\\uAE30 \\uC124\\uC815\"})})]})]})]})}),/*#__PURE__*/_jsx(\"div\",{className:\"puFooter\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"popBtnWrap\",children:[/*#__PURE__*/_jsx(\"button\",{className:\"btn basic\",children:\"\\uC800\\uC7A5\"}),/*#__PURE__*/_jsx(\"button\",{className:\"btn dark\",children:\"\\uCD08\\uAE30\\uD654\"})]})})]})})});}","map":{"version":3,"names":["useState","jsx","_jsx","jsxs","_jsxs","Signal1Component","isOpen","setIsOpen","closePopup","id","children","className","type","onClick","style","width","scope","value","placeholder"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/wrap/main/Signal1Component.jsx"],"sourcesContent":["import { useState } from 'react';\n\nexport default function Signal1Component() {\n // 팝업\n const [isOpen, setIsOpen] = useState(true); // 처음 열림\n const closePopup = () => setIsOpen(false);\n\n return (\n <section id=\"SignalComponent\">\n\n {/* 신호설정 팝업 */}\n {isOpen && (\n <div className=\"popupUtillWrap\">\n <div className=\"popupUtill\">\n <div className=\"puHeader\">\n <span className=\"title\">신호설정</span>\n <button\n type=\"button\"\n className=\"puClose\"\n aria-label=\"닫기\"\n onClick={closePopup}\n />\n </div>\n\n <div className=\"puBody\">\n <table className=\"table\">\n <caption>신호설정 - 신호표출반경, 수신수기 설정 에 대한 내용을 나타내는 표입니다.</caption>\n <colgroup>\n <col style={{ width: '30%' }} />\n <col style={{ width: '' }} />\n </colgroup>\n <tbody>\n <tr>\n <th scope=\"row\">신호표출반경</th>\n
|