giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature: Add rotation (X, Y, Z) and size inputs to the form

Browse Source
This commit is contained in:
Victor Giers
2026-05-11 14:06:54 +02:00
parent 263d17286b
commit 7abacca0bf
1 changed files with 114 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/app/App.tsx
View File

@@ -25646,6 +25646,120 @@ export function App({ store, draftStorage = null, initialStatusMessage }: AppPro
{selectedTriggerVolume !== null ? (
<>
<div className="form-section">
<div className="label">Rotation</div>
<div className="vector-inputs">
<label className="form-field">
<span className="label">X</span>
<input
data-testid="trigger-volume-rotation-x"
className="text-input"
type="number"
step="1"
value={triggerVolumeRotationDraft.x}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setTriggerVolumeRotationDraft((draft) => ({
...draft,
x: nextValue
}));
}}
onBlur={applyTriggerVolumeChange}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applyTriggerVolumeChange
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applyTriggerVolumeChange
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applyTriggerVolumeChange
)
}
/>
</label>
<label className="form-field">
<span className="label">Y</span>
<input
data-testid="trigger-volume-rotation-y"
className="text-input"
type="number"
step="1"
value={triggerVolumeRotationDraft.y}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setTriggerVolumeRotationDraft((draft) => ({
...draft,
y: nextValue
}));
}}
onBlur={applyTriggerVolumeChange}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applyTriggerVolumeChange
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applyTriggerVolumeChange
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applyTriggerVolumeChange
)
}
/>
</label>
<label className="form-field">
<span className="label">Z</span>
<input
data-testid="trigger-volume-rotation-z"
className="text-input"
type="number"
step="1"
value={triggerVolumeRotationDraft.z}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setTriggerVolumeRotationDraft((draft) => ({
...draft,
z: nextValue
}));
}}
onBlur={applyTriggerVolumeChange}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applyTriggerVolumeChange
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applyTriggerVolumeChange
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applyTriggerVolumeChange
)
}
/>
</label>
</div>
</div>
<div className="form-section">
<div className="label">Size</div>
<div className="vector-inputs">