robossembler/webstudio
7
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

deleted unnecessary files

Browse source 
added new features
This commit is contained in:
IDONTSUDO 2024-04-09 16:31:30 +03:00
parent 6840402b1f
commit c17515d571
47 changed files with 1039 additions and 479 deletions
Download patch file Download diff file Expand all files Collapse all files

266
ui/src/features/scene_manager/presentation/scene_manager.tsx
View file

@ -8,6 +8,7 @@ import { Button } from "antd";
import { Form, Input, ResetButton, SubmitButton } from "formik-antd";
import { Formik } from "formik";
import { CameraViewModel } from "../model/scene_assets";
import { MainPage } from "../../../core/ui/pages/main_page";
export const SceneManagerPath = "/scene/manager/";
@ -33,141 +34,150 @@ export const SceneManger = observer(() => {
});
return (
<div>
<canvas ref={canvasRef} style={{ position: "absolute", overflow: "hidden" }} />
<div
style={{
display: "flex",
flexDirection: "row",
alignContent: "center",
justifyContent: "space-between",
position: "absolute",
width: "100vw",
}}
>
<div>
{sceneIcons.map((el) => {
return (
<div
style={{
backgroundColor: store.sceneMode === el.name ? "aqua" : "ActiveBorder",
}}
onClick={() => {
el.clickHandel();
}}
>
{el.name}
</div>
);
})}
<MainPage
page={"Сцена"}
bodyChildren={
<>
<canvas ref={canvasRef} style={{ overflow: "hidden" }} />
<div
style={{
marginTop: "10px",
backgroundColor: "GrayText",
border: "solid",
borderRadius: "10px",
padding: "8px",
borderColor: "white",
display: "flex",
flexDirection: "row",
alignContent: "center",
justifyContent: "space-between",
position: "absolute",
width: "100vw",
}}
>
<div style={{ color: "white" }}>Scene manager</div>
{store.isVisibleSaveButton ? (
<>
<Button onClick={() => store.onTapSave()}>Save</Button>
</>
) : (
<></>
)}
{store.isLoading ? <>Loading...</> : <></>}
{store.sceneMode === SceneMode.ADD_CAMERA ? (
<div>
<Formik
initialValues={CameraViewModel.empty()}
onSubmit={async (model, actions) => {
store.addNewCamera(model);
actions.setSubmitting(false);
actions.resetForm();
}}
validate={(model) => {
return model.validate(store.getCameraLinkNames());
}}
render={() => (
<Form>
<div
style={{
background: "white",
flex: 1,
padding: 40,
width: "400px",
}}
>
<Input name="cameraLink" placeholder="Camera link" />
<Input name="topicImage" placeholder="Topic Image" />
<Input name="topicCameraInfo" placeholder="Topic Camera Info" />
<Input name="topicDepth" placeholder="Topic Depth" />
<ResetButton>Reset</ResetButton>
<SubmitButton>Submit</SubmitButton>
</div>
</Form>
)}
/>
</div>
) : (
<></>
)}
{store.sceneMode === SceneMode.MOVING || SceneMode.ROTATE ? (
<>
{store.robossemblerAssets?.assets.map((el) => {
return (
<div>
<div style={{ color: "white", marginLeft: "10px", marginRight: "10px", display: "contents" }}>
{el.name}
{store.isRenderedAsset(el.name) ? (
<></>
) : (
<Button
onClick={() => {
store.loadSceneRobossemblerAsset(el.name);
/>
{/* <div>
{sceneIcons.map((el) => {
return (
<div
style={{
backgroundColor: store.sceneMode === el.name ? "aqua" : "ActiveBorder",
}}
onClick={() => {
el.clickHandel();
}}
>
{el.name}
</div>
);
})}
<div
style={{
marginTop: "10px",
backgroundColor: "GrayText",
border: "solid",
borderRadius: "10px",
padding: "8px",
borderColor: "white",
}}
>
{/* <div style={{ color: "white" }}>Scene manager</div>
{store.isVisibleSaveButton ? (
<>
<Button onClick={() => store.onTapSave()}>Save</Button>
</>
) : (
<></>
)}
{store.isLoading ? <>Loading...</> : <></>}
{store.sceneMode === SceneMode.ADD_CAMERA ? (
<div>
<Formik
initialValues={CameraViewModel.empty()}
onSubmit={async (model, actions) => {
store.addNewCamera(model);
actions.setSubmitting(false);
actions.resetForm();
}}
validate={(model) => {
return model.validate(store.getCameraLinkNames());
}}
render={() => (
<Form>
<div
style={{
background: "white",
flex: 1,
padding: 40,
width: "400px",
}}
>
add scene
</Button>
)}
</div>
</div>
);
})}
<Input name="cameraLink" placeholder="Camera link" />
<Input name="topicImage" placeholder="Topic Image" />
<Input name="topicCameraInfo" placeholder="Topic Camera Info" />
<Input name="topicDepth" placeholder="Topic Depth" />
<ResetButton>Reset</ResetButton>
<SubmitButton>Submit</SubmitButton>
</div>
</Form>
)}
/>
</div>
) : (
<></>
)}
{store.sceneMode === SceneMode.MOVING || SceneMode.ROTATE ? (
<>
{store.robossemblerAssets?.assets.map((el) => {
return (
<div>
<div style={{ color: "white", marginLeft: "10px", marginRight: "10px", display: "contents" }}>
{el.name}
{store.isRenderedAsset(el.name) ? (
<></>
) : (
<Button
onClick={() => {
store.loadSceneRobossemblerAsset(el.name);
}}
>
add scene
</Button>
)}
</div>
</div>
);
})}
</>
) : (
<></>
)}
</div>
</div>
<div>
{store.sceneModels.map((el) => {
return <StaticAssetModelView onTap={() => store.deleteSceneItem(el)} model={el} />;
})}
</div>
{store.sceneMode === SceneMode.MAGNETISM_MARKING ? (
<>
<div style={{ backgroundColor: "white" }}>
<div>completion of objects</div>
<div>
{store.objectMagnetism ? (
<>{store.objectMagnetism}</>
) : (
<Button>Selects an object for magnetism</Button>
)}
{store.objectForMagnetism ? (
<>{store.objectForMagnetism}</>
) : (
<Button>Selects an object magnet</Button>
)}
</div>
</div>
</>
) : (
<></>
)}
</div>
</div>
<div>
{store.sceneModels.map((el) => {
return <StaticAssetModelView onTap={() => store.deleteSceneItem(el)} model={el} />;
})}
</div>
{store.sceneMode === SceneMode.MAGNETISM_MARKING ? (
<>
<div style={{ backgroundColor: "white" }}>
<div>completion of objects</div>
<div>
{store.objectMagnetism ? (
<>{store.objectMagnetism}</>
) : (
<Button>Selects an object for magnetism</Button>
)}
{store.objectForMagnetism ? <>{store.objectForMagnetism}</> : <Button>Selects an object magnet</Button>}
</div>
</div>
</>
) : (
<></>
)}
</div>
</div>
)} */}
{/* </div> */}
</>
}
/>
);
});