- Grid Copy, Move 다국어 적용 및 Modal 위치 수정

src/components/floor-plan/modal/grid/GridCopy.jsx

@@ -1,2 +1,43 @@
+import WithDraggable from '@/components/common/draggable/withDraggable'
+import { useMessage } from '@/hooks/useMessage'
+
 export default function GridCopy(props) {
+  const { setShowGridMoveModal, setShowGridCopyModal } = props
+  const { getMessage } = useMessage()
+
+  return (
+    <WithDraggable isShow={true} pos={{ x: 50, y: 380 }}>
+      <div className={`modal-pop-wrap xm mount`}>
+        <div className="modal-head">
+          <h1 className="title">{getMessage('modal.grid.copy')} </h1>
+          <button className="modal-close" onClick={() => setShowGridCopyModal(false)}>
+            닫기
+          </button>
+        </div>
+        <div className="modal-body">
+          <div className="grid-option-tit">{getMessage('modal.grid.copy.info')}</div>
+          <div className="grid-option-wrap">
+            <div className="grid-option-box">
+              <div className="grid-input-form">
+                <span className="mr10">{getMessage('modal.grid.copy.length')}</span>
+                <div className="input-grid mr5">
+                  <input type="text" className="input-origin" defaultValue={910} />
+                </div>
+                <span>mm</span>
+              </div>
+              <div className="grid-direction">
+                <button className="direction up"></button>
+                <button className="direction down act"></button>
+                <button className="direction left"></button>
+                <button className="direction right"></button>
+              </div>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">{getMessage('modal.grid.copy.save')}</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
 }

src/components/floor-plan/modal/grid/GridMove.jsx

@@ -1,2 +1,55 @@
+import WithDraggable from '@/components/common/draggable/withDraggable'
+import { useMessage } from '@/hooks/useMessage'
+
 export default function GridMove(props) {
+  const { setShowGridMoveModal, setShowGridCopyModal } = props
+  const { getMessage } = useMessage()
+
+  return (
+    <WithDraggable isShow={true} pos={{ x: 50, y: 30 }}>
+      <div className={`modal-pop-wrap xm mount`}>
+        <div className="modal-head">
+          <h1 className="title">{getMessage('modal.grid.move')} </h1>
+          <button className="modal-close" onClick={() => setShowGridMoveModal(false)}>
+            닫기
+          </button>
+        </div>
+        <div className="modal-body">
+          <div className="grid-option-tit">{getMessage('modal.grid.move.info')}</div>
+          <div className="grid-option-wrap">
+            <div className="d-check-box pop mb10">
+              <input type="checkbox" id="ch99" />
+              <label htmlFor="ch99">{getMessage('modal.grid.move.all')}</label>
+            </div>
+            <div className="grid-option-box">
+              <div className="move-form">
+                <p className="mb5">{getMessage('modal.grid.move.length')}</p>
+                <div className="input-move-wrap mb5">
+                  <div className="input-move">
+                    <input type="text" className="input-origin" defaultValue={910} />
+                  </div>
+                  <span>mm</span>
+                </div>
+                <div className="input-move-wrap">
+                  <div className="input-move">
+                    <input type="text" className="input-origin" defaultValue={910} />
+                  </div>
+                  <span>mm</span>
+                </div>
+              </div>
+              <div className="direction-move-wrap">
+                <button className="direction up"></button>
+                <button className="direction down act"></button>
+                <button className="direction left"></button>
+                <button className="direction right"></button>
+              </div>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">{getMessage('modal.grid.move.save')}</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
 }

src/locales/ja.json

@@ -71,6 +71,15 @@
   "modal.canvas.setting.grid.dot.line.setting.save": "保存",
   "modal.canvas.setting.grid.absorption.add": "吸着点を追加",
   "modal.canvas.setting.grid.color.setting": "グリッド色の設定",
+  "modal.grid.move": "グリッド移動",
+  "modal.grid.move.info": "移動する方向を入力してください",
+  "modal.grid.move.all": "グリッド全体移動",
+  "modal.grid.move.length": "長さ",
+  "modal.grid.move.save": "保存",
+  "modal.grid.copy": "グリッドのコピー",
+  "modal.grid.copy.info": "間隔を設定し、コピー方向を選択します",
+  "modal.grid.copy.length": "長さ",
+  "modal.grid.copy.save": "保存",
   "modal.canvas.setting.font.plan.edit": "フォントとサイズの変更",
   "modal.canvas.setting.font.plan.edit.word": "文字フォントの変更",
   "modal.canvas.setting.font.plan.edit.flow": "フロー方向フォントの変更",
@@ -95,7 +104,10 @@
   "modal.canvas.setting.first.option.trestle": "가대 표시",
   "modal.canvas.setting.first.option.flow": "흐름방향 표시",
   "modal.canvas.setting.first.option.total": "집계표 표시",
-  "modal.canvas.setting.first.option.corridor.dimension": "복도치수 표시",
+  "modal.canvas.setting.first.option.dimension": "치수 표시(JA)",
+  "modal.canvas.setting.first.option.corridor.dimension": "복도치수 표시(JA)",
+  "modal.canvas.setting.first.option.real.dimension": "실제치수 표시(JA)",
+  "modal.canvas.setting.first.option.none.dimension": "치수표시없음(JA)",
   "modal.canvas.setting.first.option.display": "画面表示",
   "modal.canvas.setting.first.option.border": "ボーダーのみ",
   "modal.canvas.setting.first.option.line": "ラインハッチ",

src/locales/ko.json

@@ -68,6 +68,15 @@
   "modal.canvas.setting.grid.dot.line.setting.save": "저장",
   "modal.canvas.setting.grid.absorption.add": "흡착점 추가",
   "modal.canvas.setting.grid.color.setting": "그리드 색 설정",
+  "modal.grid.move": "그리드 이동",
+  "modal.grid.move.info": "이동할 방향을 입력해주세요",
+  "modal.grid.move.all": "그리드 전체 이동",
+  "modal.grid.move.length": "길이",
+  "modal.grid.move.save": "저장",
+  "modal.grid.copy": "그리드 복사",
+  "modal.grid.copy.info": "간격을 설정하고 복사 방향을 선택하십시오",
+  "modal.grid.copy.length": "길이",
+  "modal.grid.copy.save": "저장",
   "modal.canvas.setting.font.plan.edit": "글꼴 및 크기 변경",
   "modal.canvas.setting.font.plan.edit.word": "문자 글꼴 변경",
   "modal.canvas.setting.font.plan.edit.flow": "흐름 방향 글꼴 변경",
@@ -92,7 +101,10 @@
   "modal.canvas.setting.first.option.trestle": "가대 표시",
   "modal.canvas.setting.first.option.flow": "흐름방향 표시",
   "modal.canvas.setting.first.option.total": "집계표 표시",
+  "modal.canvas.setting.first.option.dimension": "치수 표시",
   "modal.canvas.setting.first.option.corridor.dimension": "복도치수 표시",
+  "modal.canvas.setting.first.option.real.dimension": "실제치수 표시",
+  "modal.canvas.setting.first.option.none.dimension": "치수표시없음",
   "modal.canvas.setting.first.option.display": "화면 표시",
   "modal.canvas.setting.first.option.border": "테두리만",
   "modal.canvas.setting.first.option.line": "라인해치",