From 763dc591474dcbfb3f7dc063715d874eb15efd3d Mon Sep 17 00:00:00 2001 From: minsik Date: Tue, 8 Oct 2024 17:39:21 +0900 Subject: [PATCH 1/2] =?UTF-8?q?-=20=EB=A9=B4=ED=98=95=EC=83=81=EB=B0=B0?= =?UTF-8?q?=EC=B9=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/floor-plan/FloorPlan.jsx | 2 + .../placementSurface/PlacementSurface.jsx | 59 ++++ .../PlacementSurfaceSetting.jsx | 258 ++++++++++++++++++ src/styles/_modal.scss | 182 +++++++++++- 4 files changed, 493 insertions(+), 8 deletions(-) create mode 100644 src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx create mode 100644 src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx diff --git a/src/components/floor-plan/FloorPlan.jsx b/src/components/floor-plan/FloorPlan.jsx index 070a8db7..baa2c1d3 100644 --- a/src/components/floor-plan/FloorPlan.jsx +++ b/src/components/floor-plan/FloorPlan.jsx @@ -22,6 +22,7 @@ import AuxiliaryDrawing from '@/components/floor-plan/modal/auxiliary/AuxiliaryD import EavesGableEdit from '@/components/floor-plan/modal/eavesGable/EavesGableEdit' import WallLineOffsetSetting from '@/components/floor-plan/modal/wallLineOffset/WallLineOffsetSetting' import ObjectSetting from '@/components/floor-plan/modal/object/ObjectSetting' +import PlacementSurfaceSetting from '@/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting' export default function FloorPlan() { const [showCanvasSettingModal, setShowCanvasSettingModal] = useState(false) @@ -138,6 +139,7 @@ export default function FloorPlan() { {/**/} {showWallLineOffsetSettingModal && } {showObjectSettingModal && } + diff --git a/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx b/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx new file mode 100644 index 00000000..79340b73 --- /dev/null +++ b/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx @@ -0,0 +1,59 @@ +import Image from 'next/image' + +export default function PlacementSurface(props) { + const { id, lines, hasDiagonal, info } = props + const num = ['①', '②', '③', '④', '⑤'] + return ( + <> +
+
+

設定

+
+
+ react +
+
+
+ {lines?.map((line, index) => ( +
+
{line.isDiagonal ? '斜めの長さ' : num[index]}
+
+
+
+ +
+ mm +
+
+
+ ))} +
+
+
+
+
+

設定

+
+
+ + ドン + + 立つ + + + + +
+
+
+
+ {info &&
{info}
} + + ) +} diff --git a/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx b/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx new file mode 100644 index 00000000..883e1d40 --- /dev/null +++ b/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx @@ -0,0 +1,258 @@ +import { useMessage } from '@/hooks/useMessage' +import WithDraggable from '@/components/common/draggable/WithDraggable' +import { useEffect, useState } from 'react' +import Image from 'next/image' +import PlacementSurface from '@/components/floor-plan/modal/placementSurface/PlacementSurface' + +export default function PlacementSurfaceSetting({}) { + const { getMessage } = useMessage() + const [selectedType, setSelectedType] = useState() + const [rotate, setRotate] = useState(0) + const [sideInversion, setSideInversion] = useState(false) + const [upsideInversion, setUpsideInversion] = useState(false) + /* type + * a: line 2 + * b: line 2 + diagonal 1 + * c: line 3 + * d: line 4 + * e: line 5 + * */ + const types = [ + { + id: 1, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { + isDiagonal: true, + value: 3500, + }, + ], + info: 'ⓘ ①の長さ入力後に対角線の長さを入力すると、②の長さを自動計算します。', + }, + { + id: 2, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 3, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 4, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 5, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 6, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + lineAmount: 3, + }, + { + id: 7, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 8, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 9, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 10, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 11, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 12, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 13, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 14, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 15, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 16, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 17, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + { + id: 18, + lines: [ + { isDiagonal: false, value: 4500 }, + { isDiagonal: false, value: 2600 }, + { isDiagonal: false, value: 2600 }, + ], + }, + ] + + const getInversionState = () => { + // return `${getScale()} rotate(${90 * rotate}deg)` + return `${getScale()} ${getRotate()}` + // return `${getScale()}` + } + + const getScale = () => { + // if (rotate === 1 || rotate === 3) { + // return `scale(${sideInversion ? 1 : -1}, ${upsideInversion ? 1 : -1} )` + // } else { + // return `scale(${sideInversion ? -1 : 1}, ${upsideInversion ? -1 : 1} )` + // } + return `scale(${sideInversion ? -1 : 1}, ${upsideInversion ? -1 : 1})` + } + + const getRotate = () => { + // return `rotate(${sideInversion && upsideInversion ? 90 * rotate : sideInversion || upsideInversion ? -90 * rotate : 90 * rotate}deg)` + if (sideInversion !== upsideInversion) { + ;`rotate(${90 * rotate - 180}deg)` + } + return `rotate(${90 * rotate}deg)` + } + + useEffect(() => { + setSelectedType(types[0]) + }, []) + + return ( + +
+
+

屋根形状の設定

+ +
+
+
+ {types.map((type) => ( + + ))} +
+
+ + + + x:{upsideInversion ? 1 : 0} +
+ y:{sideInversion ? 1 : 0} +
+ rotate:{rotate} +
+ +
+ +
+
+
+
+ ) +} diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index 705550d5..b7bb20ec 100644 --- a/src/styles/_modal.scss +++ b/src/styles/_modal.scss @@ -26,6 +26,18 @@ $alert-color: #101010; } } +.normal-font { + font-size: 12px; + font-weight: 400; + color: #fff; +} + +.bold-font { + font-size: 12px; + font-weight: 500; + color: #fff; +} + .modal-pop-wrap { position: fixed; width: 100%; @@ -281,6 +293,10 @@ $alert-color: #101010; align-items: center; gap: 15px; padding-bottom: 15px; + + &.border { + border-bottom: 1px solid #424242; + } } .grid-option-wrap { @@ -977,18 +993,14 @@ $alert-color: #101010; transition: all .15s ease-in-out; .shape-box { + display: flex; + justify-content: center; + align-items: center; position: relative; width: 100%; height: 100%; background-color: #313131; border-radius: 2px; - - img { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } } &.act, @@ -1642,6 +1654,36 @@ $alert-color: #101010; .module-table-flex-wrap { display: flex; gap: 10px; + + .outline-form { + flex: 1; + } +} + +.module-box-tab { + display: flex; + + .module-btn { + flex: 1; + border-top: 1px solid #505050; + border-bottom: 1px solid #505050; + border-right: 1px solid #505050; + background-color: #454545; + color: #fff; + height: 30px; + font-size: 12px; + font-weight: 400; + + &:first-child { + border-left: 1px solid #505050; + } + + &.act { + border-color: #fff; + background-color: #fff; + color: #101010; + } + } } .module-table-box { @@ -1649,7 +1691,7 @@ $alert-color: #101010; background-color: #3D3D3D; border-radius: 2px; - .module-table-inneer { + .module-table-inner { padding: 10px; .outline-form { @@ -1657,5 +1699,129 @@ $alert-color: #101010; width: auto; } } + + .module-table-tit { + padding: 10px 0; + font-size: 12px; + color: #fff; + border-bottom: 1px solid #4D4D4D; + } + + .eaves-keraba-table { + width: 100%; + margin-top: 15px; + + .eaves-keraba-th { + width: 72px; + } + + .eaves-keraba-th, + .eaves-keraba-td { + padding-bottom: 5px; + } + } + + .self-table-tit { + font-size: 12px; + font-weight: 500; + color: #fff; + padding-bottom: 15px; + } + } + + .warning-guide { + padding: 20px; + + .warning { + color: #FFCACA; + max-height: 55px; + overflow-y: auto; + padding-right: 30px; + + &::-webkit-scrollbar { + width: 4px; + background-color: transparent; + } + + &::-webkit-scrollbar-thumb { + background-color: #D9D9D9; + } + + &::-webkit-scrollbar-track { + background-color: transparent; + } + } + } +} + +.module-self-table { + display: table; + border-top: 1px solid #4D4D4D; + border-collapse: collapse; + width: 100%; + + .self-table-item { + display: table-row; + + .self-item-td, + .self-item-th { + display: table-cell; + vertical-align: middle; + border-bottom: 1px solid #4D4D4D; + } + + .self-item-th { + width: 60px; + font-size: 12px; + font-weight: 500; + color: #fff; + } + + .self-item-td { + font-size: 12px; + font-weight: 400; + color: #fff; + padding: 15px 20px; + } + } +} + +.self-table-flx { + display: flex; + align-items: center; + margin-top: 15px; + + button { + margin-left: auto; + } +} + +.hexagonal-wrap { + .hexagonal-item { + padding: 15px 0; + border-bottom: 1px solid #4D4D4D; + + &:first-child { + padding-top: 0; + } + + &:last-child { + padding-bottom: 0; + border: none; + } + + .hexagonal-flx-auto { + display: flex; + justify-content: space-between; + } + + .hexagonal-flx { + display: flex; + align-items: center; + + button { + margin-left: auto; + } + } } } \ No newline at end of file From 816f711f5d875d03b4b5710864117c59ae1e3b51 Mon Sep 17 00:00:00 2001 From: minsik Date: Thu, 10 Oct 2024 13:05:17 +0900 Subject: [PATCH 2/2] =?UTF-8?q?-=20=EB=A9=B4=ED=98=95=EC=83=81=EB=B0=B0?= =?UTF-8?q?=EC=B9=98=20=EB=AA=A8=EB=8B=AC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../canvas/shape/180deg/plane_tab01.svg | 12 +++++ .../canvas/shape/180deg/plane_tab02.svg | 14 +++++ .../canvas/shape/180deg/plane_tab03.svg | 18 +++++++ .../canvas/shape/180deg/plane_tab04.svg | 13 +++++ .../canvas/shape/180deg/plane_tab05.svg | 18 +++++++ .../canvas/shape/180deg/plane_tab06.svg | 18 +++++++ .../canvas/shape/180deg/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/180deg/plane_tab08.svg | 24 +++++++++ .../canvas/shape/180deg/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/180deg/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/180deg/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/180deg/plane_tab12.svg | 23 ++++++++ .../canvas/shape/180deg/plane_tab13.svg | 23 ++++++++ .../canvas/shape/180deg/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/180deg/plane_tab15.svg | 18 +++++++ .../canvas/shape/180deg/plane_tab16.svg | 24 +++++++++ .../canvas/shape/180deg/plane_tab17.svg | 22 ++++++++ .../canvas/shape/180deg/plane_tab18.svg | 16 ++++++ .../canvas/shape/270deg/plane_tab01.svg | 12 +++++ .../canvas/shape/270deg/plane_tab02.svg | 14 +++++ .../canvas/shape/270deg/plane_tab03.svg | 18 +++++++ .../canvas/shape/270deg/plane_tab04.svg | 13 +++++ .../canvas/shape/270deg/plane_tab05.svg | 18 +++++++ .../canvas/shape/270deg/plane_tab06.svg | 18 +++++++ .../canvas/shape/270deg/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/270deg/plane_tab08.svg | 24 +++++++++ .../canvas/shape/270deg/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/270deg/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/270deg/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/270deg/plane_tab12.svg | 23 ++++++++ .../canvas/shape/270deg/plane_tab13.svg | 23 ++++++++ .../canvas/shape/270deg/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/270deg/plane_tab15.svg | 18 +++++++ .../canvas/shape/270deg/plane_tab16.svg | 24 +++++++++ .../canvas/shape/270deg/plane_tab17.svg | 22 ++++++++ .../canvas/shape/270deg/plane_tab18.svg | 16 ++++++ .../images/canvas/shape/90deg/plane_tab01.svg | 12 +++++ .../images/canvas/shape/90deg/plane_tab02.svg | 14 +++++ .../images/canvas/shape/90deg/plane_tab03.svg | 18 +++++++ .../images/canvas/shape/90deg/plane_tab04.svg | 13 +++++ .../images/canvas/shape/90deg/plane_tab05.svg | 18 +++++++ .../images/canvas/shape/90deg/plane_tab06.svg | 18 +++++++ .../images/canvas/shape/90deg/plane_tab07.svg | 30 +++++++++++ .../images/canvas/shape/90deg/plane_tab08.svg | 24 +++++++++ .../images/canvas/shape/90deg/plane_tab09.svg | 28 ++++++++++ .../images/canvas/shape/90deg/plane_tab10.svg | 28 ++++++++++ .../images/canvas/shape/90deg/plane_tab11.svg | 28 ++++++++++ .../images/canvas/shape/90deg/plane_tab12.svg | 23 ++++++++ .../images/canvas/shape/90deg/plane_tab13.svg | 23 ++++++++ .../images/canvas/shape/90deg/plane_tab14.svg | 29 ++++++++++ .../images/canvas/shape/90deg/plane_tab15.svg | 18 +++++++ .../images/canvas/shape/90deg/plane_tab16.svg | 24 +++++++++ .../images/canvas/shape/90deg/plane_tab17.svg | 22 ++++++++ .../images/canvas/shape/90deg/plane_tab18.svg | 16 ++++++ .../canvas/shape/normal/plane_tab01.svg | 12 +++++ .../canvas/shape/normal/plane_tab02.svg | 14 +++++ .../canvas/shape/normal/plane_tab03.svg | 18 +++++++ .../canvas/shape/normal/plane_tab04.svg | 13 +++++ .../canvas/shape/normal/plane_tab05.svg | 18 +++++++ .../canvas/shape/normal/plane_tab06.svg | 18 +++++++ .../canvas/shape/normal/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/normal/plane_tab08.svg | 24 +++++++++ .../canvas/shape/normal/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/normal/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/normal/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/normal/plane_tab12.svg | 23 ++++++++ .../canvas/shape/normal/plane_tab13.svg | 23 ++++++++ .../canvas/shape/normal/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/normal/plane_tab15.svg | 18 +++++++ .../canvas/shape/normal/plane_tab16.svg | 24 +++++++++ .../canvas/shape/normal/plane_tab17.svg | 22 ++++++++ .../canvas/shape/normal/plane_tab18.svg | 16 ++++++ .../canvas/shape/re_180deg/plane_tab01.svg | 12 +++++ .../canvas/shape/re_180deg/plane_tab02.svg | 14 +++++ .../canvas/shape/re_180deg/plane_tab03.svg | 18 +++++++ .../canvas/shape/re_180deg/plane_tab04.svg | 13 +++++ .../canvas/shape/re_180deg/plane_tab05.svg | 18 +++++++ .../canvas/shape/re_180deg/plane_tab06.svg | 18 +++++++ .../canvas/shape/re_180deg/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/re_180deg/plane_tab08.svg | 24 +++++++++ .../canvas/shape/re_180deg/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/re_180deg/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/re_180deg/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/re_180deg/plane_tab12.svg | 23 ++++++++ .../canvas/shape/re_180deg/plane_tab13.svg | 23 ++++++++ .../canvas/shape/re_180deg/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/re_180deg/plane_tab15.svg | 18 +++++++ .../canvas/shape/re_180deg/plane_tab16.svg | 24 +++++++++ .../canvas/shape/re_180deg/plane_tab17.svg | 22 ++++++++ .../canvas/shape/re_180deg/plane_tab18.svg | 16 ++++++ .../canvas/shape/re_270deg/plane_tab01.svg | 12 +++++ .../canvas/shape/re_270deg/plane_tab02.svg | 14 +++++ .../canvas/shape/re_270deg/plane_tab03.svg | 18 +++++++ .../canvas/shape/re_270deg/plane_tab04.svg | 13 +++++ .../canvas/shape/re_270deg/plane_tab05.svg | 18 +++++++ .../canvas/shape/re_270deg/plane_tab06.svg | 18 +++++++ .../canvas/shape/re_270deg/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/re_270deg/plane_tab08.svg | 24 +++++++++ .../canvas/shape/re_270deg/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/re_270deg/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/re_270deg/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/re_270deg/plane_tab12.svg | 23 ++++++++ .../canvas/shape/re_270deg/plane_tab13.svg | 23 ++++++++ .../canvas/shape/re_270deg/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/re_270deg/plane_tab15.svg | 18 +++++++ .../canvas/shape/re_270deg/plane_tab16.svg | 24 +++++++++ .../canvas/shape/re_270deg/plane_tab17.svg | 22 ++++++++ .../canvas/shape/re_270deg/plane_tab18.svg | 16 ++++++ .../canvas/shape/re_90deg/plane_tab01.svg | 12 +++++ .../canvas/shape/re_90deg/plane_tab02.svg | 14 +++++ .../canvas/shape/re_90deg/plane_tab03.svg | 18 +++++++ .../canvas/shape/re_90deg/plane_tab04.svg | 13 +++++ .../canvas/shape/re_90deg/plane_tab05.svg | 18 +++++++ .../canvas/shape/re_90deg/plane_tab06.svg | 18 +++++++ .../canvas/shape/re_90deg/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/re_90deg/plane_tab08.svg | 24 +++++++++ .../canvas/shape/re_90deg/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/re_90deg/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/re_90deg/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/re_90deg/plane_tab12.svg | 23 ++++++++ .../canvas/shape/re_90deg/plane_tab13.svg | 23 ++++++++ .../canvas/shape/re_90deg/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/re_90deg/plane_tab15.svg | 18 +++++++ .../canvas/shape/re_90deg/plane_tab16.svg | 24 +++++++++ .../canvas/shape/re_90deg/plane_tab17.svg | 22 ++++++++ .../canvas/shape/re_90deg/plane_tab18.svg | 16 ++++++ .../canvas/shape/re_normal/plane_tab01.svg | 14 +++++ .../canvas/shape/re_normal/plane_tab02.svg | 14 +++++ .../canvas/shape/re_normal/plane_tab03.svg | 18 +++++++ .../canvas/shape/re_normal/plane_tab04.svg | 13 +++++ .../canvas/shape/re_normal/plane_tab05.svg | 18 +++++++ .../canvas/shape/re_normal/plane_tab06.svg | 18 +++++++ .../canvas/shape/re_normal/plane_tab07.svg | 30 +++++++++++ .../canvas/shape/re_normal/plane_tab08.svg | 24 +++++++++ .../canvas/shape/re_normal/plane_tab09.svg | 28 ++++++++++ .../canvas/shape/re_normal/plane_tab10.svg | 28 ++++++++++ .../canvas/shape/re_normal/plane_tab11.svg | 28 ++++++++++ .../canvas/shape/re_normal/plane_tab12.svg | 23 ++++++++ .../canvas/shape/re_normal/plane_tab13.svg | 23 ++++++++ .../canvas/shape/re_normal/plane_tab14.svg | 29 ++++++++++ .../canvas/shape/re_normal/plane_tab15.svg | 18 +++++++ .../canvas/shape/re_normal/plane_tab16.svg | 24 +++++++++ .../canvas/shape/re_normal/plane_tab17.svg | 22 ++++++++ .../canvas/shape/re_normal/plane_tab18.svg | 16 ++++++ src/components/floor-plan/CanvasMenu.jsx | 2 + src/components/floor-plan/FloorPlan.jsx | 4 +- src/components/floor-plan/MenuDepth01.jsx | 2 + .../placementSurface/PlacementSurface.jsx | 49 +++++++++++------ .../PlacementSurfaceSetting.jsx | 54 +++++++++---------- src/locales/ja.json | 2 + src/locales/ko.json | 2 + 151 files changed, 3160 insertions(+), 45 deletions(-) create mode 100644 public/static/images/canvas/shape/180deg/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/180deg/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/270deg/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/90deg/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/normal/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/re_180deg/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/re_270deg/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/re_90deg/plane_tab18.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab01.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab02.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab03.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab04.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab05.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab06.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab07.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab08.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab09.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab10.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab11.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab12.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab13.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab14.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab15.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab16.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab17.svg create mode 100644 public/static/images/canvas/shape/re_normal/plane_tab18.svg diff --git a/public/static/images/canvas/shape/180deg/plane_tab01.svg b/public/static/images/canvas/shape/180deg/plane_tab01.svg new file mode 100644 index 00000000..84c22986 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab02.svg b/public/static/images/canvas/shape/180deg/plane_tab02.svg new file mode 100644 index 00000000..21cf9082 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab03.svg b/public/static/images/canvas/shape/180deg/plane_tab03.svg new file mode 100644 index 00000000..46d3b5b2 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab04.svg b/public/static/images/canvas/shape/180deg/plane_tab04.svg new file mode 100644 index 00000000..4b4ceafa --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab05.svg b/public/static/images/canvas/shape/180deg/plane_tab05.svg new file mode 100644 index 00000000..40d9d32b --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab06.svg b/public/static/images/canvas/shape/180deg/plane_tab06.svg new file mode 100644 index 00000000..8c3e8f6e --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab07.svg b/public/static/images/canvas/shape/180deg/plane_tab07.svg new file mode 100644 index 00000000..aef6908b --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab08.svg b/public/static/images/canvas/shape/180deg/plane_tab08.svg new file mode 100644 index 00000000..6d4b6949 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab09.svg b/public/static/images/canvas/shape/180deg/plane_tab09.svg new file mode 100644 index 00000000..c135a87b --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab10.svg b/public/static/images/canvas/shape/180deg/plane_tab10.svg new file mode 100644 index 00000000..6a9ede6f --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab11.svg b/public/static/images/canvas/shape/180deg/plane_tab11.svg new file mode 100644 index 00000000..a84d6796 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab12.svg b/public/static/images/canvas/shape/180deg/plane_tab12.svg new file mode 100644 index 00000000..15e01d3a --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab13.svg b/public/static/images/canvas/shape/180deg/plane_tab13.svg new file mode 100644 index 00000000..48d8f87e --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab14.svg b/public/static/images/canvas/shape/180deg/plane_tab14.svg new file mode 100644 index 00000000..e94c8459 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab15.svg b/public/static/images/canvas/shape/180deg/plane_tab15.svg new file mode 100644 index 00000000..cc6f56f2 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab16.svg b/public/static/images/canvas/shape/180deg/plane_tab16.svg new file mode 100644 index 00000000..42d6ad2e --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab17.svg b/public/static/images/canvas/shape/180deg/plane_tab17.svg new file mode 100644 index 00000000..741f65d4 --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/180deg/plane_tab18.svg b/public/static/images/canvas/shape/180deg/plane_tab18.svg new file mode 100644 index 00000000..c59192ca --- /dev/null +++ b/public/static/images/canvas/shape/180deg/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab01.svg b/public/static/images/canvas/shape/270deg/plane_tab01.svg new file mode 100644 index 00000000..22b32884 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab02.svg b/public/static/images/canvas/shape/270deg/plane_tab02.svg new file mode 100644 index 00000000..105cf6f1 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab03.svg b/public/static/images/canvas/shape/270deg/plane_tab03.svg new file mode 100644 index 00000000..9f10a097 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab04.svg b/public/static/images/canvas/shape/270deg/plane_tab04.svg new file mode 100644 index 00000000..46d682bc --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab05.svg b/public/static/images/canvas/shape/270deg/plane_tab05.svg new file mode 100644 index 00000000..90be1d79 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab06.svg b/public/static/images/canvas/shape/270deg/plane_tab06.svg new file mode 100644 index 00000000..4ac8ec72 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab07.svg b/public/static/images/canvas/shape/270deg/plane_tab07.svg new file mode 100644 index 00000000..61ea3380 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab08.svg b/public/static/images/canvas/shape/270deg/plane_tab08.svg new file mode 100644 index 00000000..0d70143a --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab09.svg b/public/static/images/canvas/shape/270deg/plane_tab09.svg new file mode 100644 index 00000000..11af80b9 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab10.svg b/public/static/images/canvas/shape/270deg/plane_tab10.svg new file mode 100644 index 00000000..5b182179 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab11.svg b/public/static/images/canvas/shape/270deg/plane_tab11.svg new file mode 100644 index 00000000..b8f70b55 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab12.svg b/public/static/images/canvas/shape/270deg/plane_tab12.svg new file mode 100644 index 00000000..2a9d4ea6 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab13.svg b/public/static/images/canvas/shape/270deg/plane_tab13.svg new file mode 100644 index 00000000..3200c6cc --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab14.svg b/public/static/images/canvas/shape/270deg/plane_tab14.svg new file mode 100644 index 00000000..82fa8d99 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab15.svg b/public/static/images/canvas/shape/270deg/plane_tab15.svg new file mode 100644 index 00000000..eb47001c --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab16.svg b/public/static/images/canvas/shape/270deg/plane_tab16.svg new file mode 100644 index 00000000..ff7b570d --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab17.svg b/public/static/images/canvas/shape/270deg/plane_tab17.svg new file mode 100644 index 00000000..0ce3740a --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/270deg/plane_tab18.svg b/public/static/images/canvas/shape/270deg/plane_tab18.svg new file mode 100644 index 00000000..b0cbc443 --- /dev/null +++ b/public/static/images/canvas/shape/270deg/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab01.svg b/public/static/images/canvas/shape/90deg/plane_tab01.svg new file mode 100644 index 00000000..46476194 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab02.svg b/public/static/images/canvas/shape/90deg/plane_tab02.svg new file mode 100644 index 00000000..74d5a79c --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab03.svg b/public/static/images/canvas/shape/90deg/plane_tab03.svg new file mode 100644 index 00000000..8a1cf359 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab04.svg b/public/static/images/canvas/shape/90deg/plane_tab04.svg new file mode 100644 index 00000000..b06f007f --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab05.svg b/public/static/images/canvas/shape/90deg/plane_tab05.svg new file mode 100644 index 00000000..8f5be183 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab06.svg b/public/static/images/canvas/shape/90deg/plane_tab06.svg new file mode 100644 index 00000000..d269faab --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab07.svg b/public/static/images/canvas/shape/90deg/plane_tab07.svg new file mode 100644 index 00000000..998629bd --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab08.svg b/public/static/images/canvas/shape/90deg/plane_tab08.svg new file mode 100644 index 00000000..390997c4 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab09.svg b/public/static/images/canvas/shape/90deg/plane_tab09.svg new file mode 100644 index 00000000..bd4c9e53 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab10.svg b/public/static/images/canvas/shape/90deg/plane_tab10.svg new file mode 100644 index 00000000..40417b53 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab11.svg b/public/static/images/canvas/shape/90deg/plane_tab11.svg new file mode 100644 index 00000000..8bb5290a --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab12.svg b/public/static/images/canvas/shape/90deg/plane_tab12.svg new file mode 100644 index 00000000..bece8e29 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab13.svg b/public/static/images/canvas/shape/90deg/plane_tab13.svg new file mode 100644 index 00000000..bcb4307e --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab14.svg b/public/static/images/canvas/shape/90deg/plane_tab14.svg new file mode 100644 index 00000000..8d79bf02 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab15.svg b/public/static/images/canvas/shape/90deg/plane_tab15.svg new file mode 100644 index 00000000..4beac542 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab16.svg b/public/static/images/canvas/shape/90deg/plane_tab16.svg new file mode 100644 index 00000000..ed0456df --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab17.svg b/public/static/images/canvas/shape/90deg/plane_tab17.svg new file mode 100644 index 00000000..3fdb6160 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/90deg/plane_tab18.svg b/public/static/images/canvas/shape/90deg/plane_tab18.svg new file mode 100644 index 00000000..2072da99 --- /dev/null +++ b/public/static/images/canvas/shape/90deg/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab01.svg b/public/static/images/canvas/shape/normal/plane_tab01.svg new file mode 100644 index 00000000..121b7025 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab02.svg b/public/static/images/canvas/shape/normal/plane_tab02.svg new file mode 100644 index 00000000..61891248 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab03.svg b/public/static/images/canvas/shape/normal/plane_tab03.svg new file mode 100644 index 00000000..295e0d89 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab04.svg b/public/static/images/canvas/shape/normal/plane_tab04.svg new file mode 100644 index 00000000..894bb55c --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab05.svg b/public/static/images/canvas/shape/normal/plane_tab05.svg new file mode 100644 index 00000000..63b3c201 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab06.svg b/public/static/images/canvas/shape/normal/plane_tab06.svg new file mode 100644 index 00000000..1bad98a0 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab07.svg b/public/static/images/canvas/shape/normal/plane_tab07.svg new file mode 100644 index 00000000..a358f766 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab08.svg b/public/static/images/canvas/shape/normal/plane_tab08.svg new file mode 100644 index 00000000..22a72ab6 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab09.svg b/public/static/images/canvas/shape/normal/plane_tab09.svg new file mode 100644 index 00000000..756c3bfa --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab10.svg b/public/static/images/canvas/shape/normal/plane_tab10.svg new file mode 100644 index 00000000..fe4073ea --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab11.svg b/public/static/images/canvas/shape/normal/plane_tab11.svg new file mode 100644 index 00000000..0ac2cf59 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab12.svg b/public/static/images/canvas/shape/normal/plane_tab12.svg new file mode 100644 index 00000000..a68e7a39 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab13.svg b/public/static/images/canvas/shape/normal/plane_tab13.svg new file mode 100644 index 00000000..027e91e8 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab14.svg b/public/static/images/canvas/shape/normal/plane_tab14.svg new file mode 100644 index 00000000..7a3cef86 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab15.svg b/public/static/images/canvas/shape/normal/plane_tab15.svg new file mode 100644 index 00000000..c0c1b0bb --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab16.svg b/public/static/images/canvas/shape/normal/plane_tab16.svg new file mode 100644 index 00000000..c66484e3 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab17.svg b/public/static/images/canvas/shape/normal/plane_tab17.svg new file mode 100644 index 00000000..ae8ddd0f --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/normal/plane_tab18.svg b/public/static/images/canvas/shape/normal/plane_tab18.svg new file mode 100644 index 00000000..12bd0ad3 --- /dev/null +++ b/public/static/images/canvas/shape/normal/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab01.svg b/public/static/images/canvas/shape/re_180deg/plane_tab01.svg new file mode 100644 index 00000000..aab78f30 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab02.svg b/public/static/images/canvas/shape/re_180deg/plane_tab02.svg new file mode 100644 index 00000000..53390298 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab03.svg b/public/static/images/canvas/shape/re_180deg/plane_tab03.svg new file mode 100644 index 00000000..1e054827 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab04.svg b/public/static/images/canvas/shape/re_180deg/plane_tab04.svg new file mode 100644 index 00000000..1144da35 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab05.svg b/public/static/images/canvas/shape/re_180deg/plane_tab05.svg new file mode 100644 index 00000000..14546582 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab06.svg b/public/static/images/canvas/shape/re_180deg/plane_tab06.svg new file mode 100644 index 00000000..0eb57a1f --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab07.svg b/public/static/images/canvas/shape/re_180deg/plane_tab07.svg new file mode 100644 index 00000000..978ec35a --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab08.svg b/public/static/images/canvas/shape/re_180deg/plane_tab08.svg new file mode 100644 index 00000000..1de4559c --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab09.svg b/public/static/images/canvas/shape/re_180deg/plane_tab09.svg new file mode 100644 index 00000000..1f985b96 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab10.svg b/public/static/images/canvas/shape/re_180deg/plane_tab10.svg new file mode 100644 index 00000000..b8c9f9f4 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab11.svg b/public/static/images/canvas/shape/re_180deg/plane_tab11.svg new file mode 100644 index 00000000..353359a2 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab12.svg b/public/static/images/canvas/shape/re_180deg/plane_tab12.svg new file mode 100644 index 00000000..50e211f2 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab13.svg b/public/static/images/canvas/shape/re_180deg/plane_tab13.svg new file mode 100644 index 00000000..de614d35 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab14.svg b/public/static/images/canvas/shape/re_180deg/plane_tab14.svg new file mode 100644 index 00000000..902506e5 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab15.svg b/public/static/images/canvas/shape/re_180deg/plane_tab15.svg new file mode 100644 index 00000000..81839b00 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab16.svg b/public/static/images/canvas/shape/re_180deg/plane_tab16.svg new file mode 100644 index 00000000..df7fe001 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab17.svg b/public/static/images/canvas/shape/re_180deg/plane_tab17.svg new file mode 100644 index 00000000..a684fd04 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_180deg/plane_tab18.svg b/public/static/images/canvas/shape/re_180deg/plane_tab18.svg new file mode 100644 index 00000000..a3259150 --- /dev/null +++ b/public/static/images/canvas/shape/re_180deg/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab01.svg b/public/static/images/canvas/shape/re_270deg/plane_tab01.svg new file mode 100644 index 00000000..c225ea23 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab02.svg b/public/static/images/canvas/shape/re_270deg/plane_tab02.svg new file mode 100644 index 00000000..01b79908 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab03.svg b/public/static/images/canvas/shape/re_270deg/plane_tab03.svg new file mode 100644 index 00000000..dc0c23e7 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab04.svg b/public/static/images/canvas/shape/re_270deg/plane_tab04.svg new file mode 100644 index 00000000..5f61b284 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab05.svg b/public/static/images/canvas/shape/re_270deg/plane_tab05.svg new file mode 100644 index 00000000..d02eb0fb --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab06.svg b/public/static/images/canvas/shape/re_270deg/plane_tab06.svg new file mode 100644 index 00000000..d1ddabf5 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab07.svg b/public/static/images/canvas/shape/re_270deg/plane_tab07.svg new file mode 100644 index 00000000..bf213a02 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab08.svg b/public/static/images/canvas/shape/re_270deg/plane_tab08.svg new file mode 100644 index 00000000..cd9858e8 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab09.svg b/public/static/images/canvas/shape/re_270deg/plane_tab09.svg new file mode 100644 index 00000000..f82ee8cc --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab10.svg b/public/static/images/canvas/shape/re_270deg/plane_tab10.svg new file mode 100644 index 00000000..64444c46 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab11.svg b/public/static/images/canvas/shape/re_270deg/plane_tab11.svg new file mode 100644 index 00000000..bbd8fb3a --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab12.svg b/public/static/images/canvas/shape/re_270deg/plane_tab12.svg new file mode 100644 index 00000000..77321b0c --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab13.svg b/public/static/images/canvas/shape/re_270deg/plane_tab13.svg new file mode 100644 index 00000000..9e0fd3bb --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab14.svg b/public/static/images/canvas/shape/re_270deg/plane_tab14.svg new file mode 100644 index 00000000..921db3d0 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab15.svg b/public/static/images/canvas/shape/re_270deg/plane_tab15.svg new file mode 100644 index 00000000..caaad067 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab16.svg b/public/static/images/canvas/shape/re_270deg/plane_tab16.svg new file mode 100644 index 00000000..4fb31cf5 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab17.svg b/public/static/images/canvas/shape/re_270deg/plane_tab17.svg new file mode 100644 index 00000000..56465c10 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_270deg/plane_tab18.svg b/public/static/images/canvas/shape/re_270deg/plane_tab18.svg new file mode 100644 index 00000000..83868560 --- /dev/null +++ b/public/static/images/canvas/shape/re_270deg/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab01.svg b/public/static/images/canvas/shape/re_90deg/plane_tab01.svg new file mode 100644 index 00000000..36c1d46b --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab01.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab02.svg b/public/static/images/canvas/shape/re_90deg/plane_tab02.svg new file mode 100644 index 00000000..74d5a79c --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab03.svg b/public/static/images/canvas/shape/re_90deg/plane_tab03.svg new file mode 100644 index 00000000..7db0ea6e --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab04.svg b/public/static/images/canvas/shape/re_90deg/plane_tab04.svg new file mode 100644 index 00000000..19194f44 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab05.svg b/public/static/images/canvas/shape/re_90deg/plane_tab05.svg new file mode 100644 index 00000000..787b4dd2 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab06.svg b/public/static/images/canvas/shape/re_90deg/plane_tab06.svg new file mode 100644 index 00000000..311178db --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab07.svg b/public/static/images/canvas/shape/re_90deg/plane_tab07.svg new file mode 100644 index 00000000..91d6dc11 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab08.svg b/public/static/images/canvas/shape/re_90deg/plane_tab08.svg new file mode 100644 index 00000000..05cebb84 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab09.svg b/public/static/images/canvas/shape/re_90deg/plane_tab09.svg new file mode 100644 index 00000000..917eb40e --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab10.svg b/public/static/images/canvas/shape/re_90deg/plane_tab10.svg new file mode 100644 index 00000000..964f6b05 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab11.svg b/public/static/images/canvas/shape/re_90deg/plane_tab11.svg new file mode 100644 index 00000000..0e8112eb --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab12.svg b/public/static/images/canvas/shape/re_90deg/plane_tab12.svg new file mode 100644 index 00000000..6481f3fe --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab13.svg b/public/static/images/canvas/shape/re_90deg/plane_tab13.svg new file mode 100644 index 00000000..6c7a85fb --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab14.svg b/public/static/images/canvas/shape/re_90deg/plane_tab14.svg new file mode 100644 index 00000000..32f8d9a9 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab15.svg b/public/static/images/canvas/shape/re_90deg/plane_tab15.svg new file mode 100644 index 00000000..07217d6c --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab16.svg b/public/static/images/canvas/shape/re_90deg/plane_tab16.svg new file mode 100644 index 00000000..b9c7230b --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab17.svg b/public/static/images/canvas/shape/re_90deg/plane_tab17.svg new file mode 100644 index 00000000..f36070a0 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_90deg/plane_tab18.svg b/public/static/images/canvas/shape/re_90deg/plane_tab18.svg new file mode 100644 index 00000000..33bc4549 --- /dev/null +++ b/public/static/images/canvas/shape/re_90deg/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab01.svg b/public/static/images/canvas/shape/re_normal/plane_tab01.svg new file mode 100644 index 00000000..8fc73ac0 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab01.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab02.svg b/public/static/images/canvas/shape/re_normal/plane_tab02.svg new file mode 100644 index 00000000..61891248 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab02.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab03.svg b/public/static/images/canvas/shape/re_normal/plane_tab03.svg new file mode 100644 index 00000000..c6a52c40 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab03.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab04.svg b/public/static/images/canvas/shape/re_normal/plane_tab04.svg new file mode 100644 index 00000000..71f194d0 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab04.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab05.svg b/public/static/images/canvas/shape/re_normal/plane_tab05.svg new file mode 100644 index 00000000..8abc166e --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab05.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab06.svg b/public/static/images/canvas/shape/re_normal/plane_tab06.svg new file mode 100644 index 00000000..6aca72a5 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab06.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab07.svg b/public/static/images/canvas/shape/re_normal/plane_tab07.svg new file mode 100644 index 00000000..577ae1b1 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab07.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab08.svg b/public/static/images/canvas/shape/re_normal/plane_tab08.svg new file mode 100644 index 00000000..d9f3f324 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab08.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab09.svg b/public/static/images/canvas/shape/re_normal/plane_tab09.svg new file mode 100644 index 00000000..94f2ea1c --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab09.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab10.svg b/public/static/images/canvas/shape/re_normal/plane_tab10.svg new file mode 100644 index 00000000..0b051e22 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab10.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab11.svg b/public/static/images/canvas/shape/re_normal/plane_tab11.svg new file mode 100644 index 00000000..64b6796d --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab11.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab12.svg b/public/static/images/canvas/shape/re_normal/plane_tab12.svg new file mode 100644 index 00000000..8885243b --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab12.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab13.svg b/public/static/images/canvas/shape/re_normal/plane_tab13.svg new file mode 100644 index 00000000..3537d722 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab13.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab14.svg b/public/static/images/canvas/shape/re_normal/plane_tab14.svg new file mode 100644 index 00000000..440f09d1 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab14.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab15.svg b/public/static/images/canvas/shape/re_normal/plane_tab15.svg new file mode 100644 index 00000000..ff005996 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab15.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab16.svg b/public/static/images/canvas/shape/re_normal/plane_tab16.svg new file mode 100644 index 00000000..4ac68a72 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab16.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab17.svg b/public/static/images/canvas/shape/re_normal/plane_tab17.svg new file mode 100644 index 00000000..81b89809 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab17.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/static/images/canvas/shape/re_normal/plane_tab18.svg b/public/static/images/canvas/shape/re_normal/plane_tab18.svg new file mode 100644 index 00000000..34d44490 --- /dev/null +++ b/public/static/images/canvas/shape/re_normal/plane_tab18.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx index 485b536e..ba9abb92 100644 --- a/src/components/floor-plan/CanvasMenu.jsx +++ b/src/components/floor-plan/CanvasMenu.jsx @@ -37,6 +37,7 @@ export default function CanvasMenu(props) { setShowOutlineModal, setShowPlaceShapeModal, setShowSlopeSettingModal, + setShowPlacementSurfaceSettingModal, setShowPlaceShapeDrawingModal, setShowRoofShapeSettingModal, setShowObjectSettingModal, @@ -93,6 +94,7 @@ export default function CanvasMenu(props) { setShowAuxiliaryModal, setShowEavesGableEditModal, setShowSlopeSettingModal, + setShowPlacementSurfaceSettingModal, setShowPlaceShapeDrawingModal, setShowWallLineOffsetSettingModal, setShowObjectSettingModal, diff --git a/src/components/floor-plan/FloorPlan.jsx b/src/components/floor-plan/FloorPlan.jsx index baa2c1d3..dc032ab0 100644 --- a/src/components/floor-plan/FloorPlan.jsx +++ b/src/components/floor-plan/FloorPlan.jsx @@ -33,6 +33,7 @@ export default function FloorPlan() { const [showRoofShapePassivitySettingModal, setShowRoofShapePassivitySettingModal] = useState(false) const [showAuxiliaryModal, setShowAuxiliaryModal] = useState(false) const [showSlopeSettingModal, setShowSlopeSettingModal] = useState(false) + const [showPlacementSurfaceSettingModal, setShowPlacementSurfaceSettingModal] = useState(false) const [showPlaceShapeDrawingModal, setShowPlaceShapeDrawingModal] = useState(false) const [showObjectSettingModal, setShowObjectSettingModal] = useState(false) const [showEavesGableEditModal, setShowEavesGableEditModal] = useState(false) @@ -65,6 +66,7 @@ export default function FloorPlan() { setShowOutlineModal, setShowPlaceShapeModal, setShowSlopeSettingModal, + setShowPlacementSurfaceSettingModal, setShowPlaceShapeDrawingModal, setShowRoofShapeSettingModal, setShowObjectSettingModal, @@ -139,7 +141,7 @@ export default function FloorPlan() { {/**/} {showWallLineOffsetSettingModal && } {showObjectSettingModal && } - + {showPlacementSurfaceSettingModal && } diff --git a/src/components/floor-plan/MenuDepth01.jsx b/src/components/floor-plan/MenuDepth01.jsx index 64ba320d..e5394610 100644 --- a/src/components/floor-plan/MenuDepth01.jsx +++ b/src/components/floor-plan/MenuDepth01.jsx @@ -16,6 +16,7 @@ export default function MenuDepth01(props) { setShowAuxiliaryModal, setShowEavesGableEditModal, setShowSlopeSettingModal, + setShowPlacementSurfaceSettingModal, setShowPlaceShapeDrawingModal, setShowWallLineOffsetSettingModal, setShowObjectSettingModal, @@ -42,6 +43,7 @@ export default function MenuDepth01(props) { if (type === 'surface') { setShowSlopeSettingModal(id === 0) setShowPlaceShapeDrawingModal(id === 1) + setShowPlacementSurfaceSettingModal(id === 2) setShowObjectSettingModal(id === 3) } } diff --git a/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx b/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx index 79340b73..9ac285c0 100644 --- a/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx +++ b/src/components/floor-plan/modal/placementSurface/PlacementSurface.jsx @@ -1,28 +1,45 @@ import Image from 'next/image' +import { useMessage } from '@/hooks/useMessage' export default function PlacementSurface(props) { - const { id, lines, hasDiagonal, info } = props + const { getMessage } = useMessage() + const { id, lines, info, rotate, xInversion, yInversion } = props const num = ['①', '②', '③', '④', '⑤'] + const getImageUrl = () => { + if (xInversion && !yInversion) { + return `/static/images/canvas/shape/re_${(rotate - 2) % 4 !== 0 ? Math.abs((rotate - 2) % 4) * 90 + 'deg' : 'normal'}/plane_tab${id < 10 ? '0' + id : id}.svg` + } + + if (!xInversion && yInversion) { + return `/static/images/canvas/shape/re_${rotate % 4 !== 0 ? Math.abs(rotate % 4) * 90 + 'deg' : 'normal'}/plane_tab${id < 10 ? '0' + id : id}.svg` + } + + if (xInversion && yInversion) { + return `/static/images/canvas/shape/${(rotate + 2) % 4 !== 0 ? Math.abs((rotate + 2) % 4) * 90 + 'deg' : 'normal'}/plane_tab${id < 10 ? '0' + id : id}.svg` + } + + if (rotate < 0) { + return `/static/images/canvas/shape/${rotate !== 0 ? Math.abs((rotate + 4) * 90) + 'deg' : 'normal'}/plane_tab${id < 10 ? '0' + id : id}.svg` + } + + return `/static/images/canvas/shape/${rotate !== 0 ? Math.abs(rotate * 90) + 'deg' : 'normal'}/plane_tab${id < 10 ? '0' + id : id}.svg` + } return ( <>
-

設定

+

{getMessage('setting')}

- react + react
{lines?.map((line, index) => ( -
-
{line.isDiagonal ? '斜めの長さ' : num[index]}
+
+
+ {line.isDiagonal ? getMessage('modal.placement.surface.setting.diagonal.length') : num[index]} +
@@ -38,13 +55,13 @@ export default function PlacementSurface(props) {
-

設定

+

{getMessage('setting')}

- - ドン - - 立つ + {getMessage('commons.north')} + {getMessage('commons.east')} + {getMessage('commons.south')} + {getMessage('commons.west')} diff --git a/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx b/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx index 883e1d40..06af2237 100644 --- a/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx +++ b/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx @@ -4,12 +4,12 @@ import { useEffect, useState } from 'react' import Image from 'next/image' import PlacementSurface from '@/components/floor-plan/modal/placementSurface/PlacementSurface' -export default function PlacementSurfaceSetting({}) { +export default function PlacementSurfaceSetting({ setShowPlacementSurfaceSettingModal }) { const { getMessage } = useMessage() const [selectedType, setSelectedType] = useState() const [rotate, setRotate] = useState(0) - const [sideInversion, setSideInversion] = useState(false) - const [upsideInversion, setUpsideInversion] = useState(false) + const [xInversion, setXInversion] = useState(false) + const [yInversion, setYInversion] = useState(false) /* type * a: line 2 * b: line 2 + diagonal 1 @@ -28,7 +28,7 @@ export default function PlacementSurfaceSetting({}) { value: 3500, }, ], - info: 'ⓘ ①の長さ入力後に対角線の長さを入力すると、②の長さを自動計算します。', + info: getMessage('modal.placement.surface.setting.info'), }, { id: 2, @@ -181,30 +181,32 @@ export default function PlacementSurfaceSetting({}) { ], }, ] + const placementSurfaceProps = { + ...selectedType, + rotate, + xInversion, + yInversion, + } const getInversionState = () => { - // return `${getScale()} rotate(${90 * rotate}deg)` return `${getScale()} ${getRotate()}` - // return `${getScale()}` } const getScale = () => { - // if (rotate === 1 || rotate === 3) { - // return `scale(${sideInversion ? 1 : -1}, ${upsideInversion ? 1 : -1} )` - // } else { - // return `scale(${sideInversion ? -1 : 1}, ${upsideInversion ? -1 : 1} )` - // } - return `scale(${sideInversion ? -1 : 1}, ${upsideInversion ? -1 : 1})` + return `scale(${yInversion ? -1 : 1}, ${xInversion ? -1 : 1})` } const getRotate = () => { - // return `rotate(${sideInversion && upsideInversion ? 90 * rotate : sideInversion || upsideInversion ? -90 * rotate : 90 * rotate}deg)` - if (sideInversion !== upsideInversion) { - ;`rotate(${90 * rotate - 180}deg)` - } return `rotate(${90 * rotate}deg)` } + const onClick = () => { + if (xInversion !== yInversion) { + } else { + setRotate((rotate + 1) % 4) + } + } + useEffect(() => { setSelectedType(types[0]) }, []) @@ -213,8 +215,10 @@ export default function PlacementSurfaceSetting({}) {
-

屋根形状の設定

- +

{getMessage('plan.menu.placement.surface.arrangement')}

+
@@ -230,7 +234,6 @@ export default function PlacementSurfaceSetting({}) { width: 'auto', height: 'auto', transform: getInversionState(), - transition: 'all .15s ease-in-out', }} />
@@ -238,16 +241,11 @@ export default function PlacementSurfaceSetting({}) { ))}
- - - - x:{upsideInversion ? 1 : 0} -
- y:{sideInversion ? 1 : 0} -
- rotate:{rotate} + + +
- +
diff --git a/src/locales/ja.json b/src/locales/ja.json index 479c52b2..01a85eaa 100644 --- a/src/locales/ja.json +++ b/src/locales/ja.json @@ -168,6 +168,8 @@ "modal.object.setting.offset.depth": "出幅 (深さ)", "modal.object.setting.offset.width": "出幅 (幅)", "modal.object.setting.direction.select": "方向の選択", + "modal.placement.surface.setting.info": "ⓘ ①の長さ入力後に対角線の長さを入力すると、②の長さを自動計算します。", + "modal.placement.surface.setting.diagonal.length": "斜めの長さ", "setting": "設定", "common.message.no.data": "No data", "common.message.no.dataDown": "ダウンロードするデータがありません", diff --git a/src/locales/ko.json b/src/locales/ko.json index 0599fb74..2ef54c74 100644 --- a/src/locales/ko.json +++ b/src/locales/ko.json @@ -174,6 +174,8 @@ "modal.object.setting.offset.depth": "출폭(깊이)", "modal.object.setting.offset.width": "출폭(폭)", "modal.object.setting.direction.select": "방향 선택", + "modal.placement.surface.setting.info": "ⓘ ①의 길이 입력 후 대각선 길이를 입력하면 ②의 길이를 자동 계산합니다.", + "modal.placement.surface.setting.diagonal.length": "대각선 길이", "setting": "설정", "common.message.no.data": "No data", "common.message.no.dataDown": "No data to download",