1 line
11 KiB
JSON
1 line
11 KiB
JSON
{"ast":null,"code":"import{useState}from\"react\";import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function Panel6Component(_ref){let{isOpen,onToggle}=_ref;return/*#__PURE__*/_jsxs(\"aside\",{className:\"slidePanel \".concat(!isOpen?'is-closed':''),children:[/*#__PURE__*/_jsx(\"div\",{className:\"panelHeader\",children:/*#__PURE__*/_jsx(\"h2\",{className:\"panelTitle\",children:\"AI \\uBD84\\uC11D \\uBAA8\\uB4DC\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"panelBody\",children:/*#__PURE__*/_jsxs(\"ul\",{className:\"ai\",children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"!#\",className:\"on\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"control\",children:[/*#__PURE__*/_jsx(\"i\",{}),\" ON\"]}),/*#__PURE__*/_jsxs(\"span\",{className:\"title\",children:[/*#__PURE__*/_jsx(\"img\",{src:\"/images/ico_ai_trackgap.svg\",alt:\"\\uC18C\\uC2E4\\uD56D\\uC801\"}),\"\\uC18C\\uC2E4\\uD56D\\uC801\"]}),/*#__PURE__*/_jsx(\"span\",{className:\"desc\",children:\"AIS \\uC2E0\\uD638\\uAC00 \\uC18C\\uC2E4\\uB41C \\uC120\\uBC15\"}),/*#__PURE__*/_jsx(\"span\",{className:\"keywords\",children:\"Signal Gap\"})]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"!#\",className:\"\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"control\",children:[/*#__PURE__*/_jsx(\"i\",{}),\" OFF\"]}),/*#__PURE__*/_jsxs(\"span\",{className:\"title\",children:[/*#__PURE__*/_jsx(\"img\",{src:\"/images/ico_ai_route.svg\",alt:\"\\uD56D\\uB85C\\uC608\\uCE21\"}),\"\\uD56D\\uB85C\\uC608\\uCE21\"]}),/*#__PURE__*/_jsx(\"span\",{className:\"desc\",children:\"AI \\uAE30\\uBC18 \\uC120\\uBC15 \\uD56D\\uB85C \\uC608\\uCE21\"}),/*#__PURE__*/_jsx(\"span\",{className:\"keywords\",children:\"ML Pattern\"})]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"!#\",className:\"\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"control\",children:[/*#__PURE__*/_jsx(\"i\",{}),\" OFF\"]}),/*#__PURE__*/_jsxs(\"span\",{className:\"title\",children:[/*#__PURE__*/_jsx(\"img\",{src:\"/images/ico_ai_shiptype.svg\",alt:\"\\uC120\\uC885\\uBD84\\uC11D\"}),\"\\uC120\\uC885\\uBD84\\uC11D\"]}),/*#__PURE__*/_jsx(\"span\",{className:\"desc\",children:\"\\uC120\\uBC15 \\uC720\\uD615 \\uC790\\uB3D9 \\uBD84\\uB958\"}),/*#__PURE__*/_jsx(\"span\",{className:\"keywords\",children:\"Auto Class\"})]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"!#\",className:\"on\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"control\",children:[/*#__PURE__*/_jsx(\"i\",{}),\" ON\"]}),/*#__PURE__*/_jsxs(\"span\",{className:\"title\",children:[/*#__PURE__*/_jsx(\"img\",{src:\"/images/ico_ai_fishing.svg\",alt:\"\\uC870\\uC5C5\\uBD84\\uC11D\"}),\"\\uC870\\uC5C5\\uBD84\\uC11D\"]}),/*#__PURE__*/_jsx(\"span\",{className:\"desc\",children:\"\\uAD6C\\uC5ED\\uBCC4 \\uC704\\uD5D8\\uB3C4 \\uD3C9\\uAC00\"}),/*#__PURE__*/_jsx(\"span\",{className:\"keywords\",children:\"Risk Score\"})]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"!#\",className:\"on\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"control\",children:[/*#__PURE__*/_jsx(\"i\",{}),\" ON\"]}),/*#__PURE__*/_jsxs(\"span\",{className:\"title\",children:[/*#__PURE__*/_jsx(\"img\",{src:\"/images/ico_ai_risk.svg\",alt:\"\\uD574\\uC5ED\\uBCC4 \\uC704\\uD5D8\\uC9C0\\uC218\"}),\"\\uD574\\uC5ED\\uBCC4 \\uC704\\uD5D8\\uC9C0\\uC218\"]}),/*#__PURE__*/_jsx(\"span\",{className:\"desc\",children:\"\\uAD6C\\uC5ED\\uBCC4 \\uC704\\uD5D8\\uB3C4 \\uD3C9\\uAC00\"}),/*#__PURE__*/_jsx(\"span\",{className:\"keywords\",children:\"Risk Score\"})]})})]})}),/*#__PURE__*/_jsx(\"div\",{className:\"panelFooter\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"btnWrap\",children:[/*#__PURE__*/_jsx(\"button\",{className:\"btn deep\",children:\"\\uC804\\uCCB4 \\uD574\\uC81C\"}),/*#__PURE__*/_jsx(\"button\",{className:\"btn basic\",children:\"\\uC124\\uC815 \\uC800\\uC7A5\"})]})}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"toogle\",\"aria-expanded\":isOpen,onClick:onToggle,children:/*#__PURE__*/_jsx(\"span\",{className:\"blind\",children:isOpen?'패널 접기':'패널 열기'})})]});}","map":{"version":3,"names":["useState","jsx","_jsx","jsxs","_jsxs","Panel6Component","_ref","isOpen","onToggle","className","concat","children","href","src","alt","type","onClick"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/wrap/side/Panel6Component.jsx"],"sourcesContent":["import { useState } from \"react\";\nexport default function Panel6Component({ isOpen, onToggle }) {\n \n return (\n <aside className={`slidePanel ${!isOpen ? 'is-closed' : ''}`}>\n <div className=\"panelHeader\">\n <h2 className=\"panelTitle\">AI 분석 모드</h2>\n </div>\n\n <div className=\"panelBody\">\n <ul className=\"ai\">\n <li>\n <a href=\"!#\" className=\"on\">\n <div className=\"control\"><i></i> ON</div>\n <span className=\"title\"><img src=\"/images/ico_ai_trackgap.svg\" alt=\"소실항적\" />소실항적</span>\n <span className=\"desc\">AIS 신호가 소실된 선박</span>\n <span className=\"keywords\">Signal Gap</span>\n </a>\n </li>\n <li>\n <a href=\"!#\" className=\"\">\n <div className=\"control\"><i></i> OFF</div>\n <span className=\"title\"><img src=\"/images/ico_ai_route.svg\" alt=\"항로예측\" />항로예측</span>\n <span className=\"desc\">AI 기반 선박 항로 예측</span>\n <span className=\"keywords\">ML Pattern</span>\n </a>\n </li>\n <li>\n <a href=\"!#\" className=\"\">\n <div className=\"control\"><i></i> OFF</div>\n <span className=\"title\"><img src=\"/images/ico_ai_shiptype.svg\" alt=\"선종분석\" />선종분석</span>\n <span className=\"desc\">선박 유형 자동 분류</span>\n <span className=\"keywords\">Auto Class</span>\n </a>\n </li>\n <li>\n <a href=\"!#\" className=\"on\">\n <div className=\"control\"><i></i> ON</div>\n <span className=\"title\"><img src=\"/images/ico_ai_fishing.svg\" alt=\"조업분석\" />조업분석</span>\n <span className=\"desc\">구역별 위험도 평가</span>\n <span className=\"keywords\">Risk Score</span>\n </a>\n </li>\n <li>\n <a href=\"!#\" className=\"on\">\n <div className=\"control\"><i></i> ON</div>\n <span className=\"title\"><img src=\"/images/ico_ai_risk.svg\" alt=\"해역별 위험지수\" />해역별 위험지수</span>\n <span className=\"desc\">구역별 위험도 평가</span>\n <span className=\"keywords\">Risk Score</span>\n </a>\n </li>\n </ul>\n </div>\n\n <div className=\"panelFooter\">\n <div className=\"btnWrap\">\n <button className=\"btn deep\">전체 해제</button>\n <button className=\"btn basic\">설정 저장</button>\n </div>\n </div>\n \n \n {/* 사이드패널 토글버튼 */}\n <button\n type=\"button\"\n className=\"toogle\"\n aria-expanded={isOpen}\n onClick={onToggle}\n >\n <span className=\"blind\">\n {isOpen ? '패널 접기' : '패널 열기'}\n </span>\n </button>\n </aside>\n );\n}\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |