166 lines
4.0 KiB
TypeScript
166 lines
4.0 KiB
TypeScript
//import {useConceptTheme} from '@/context/ThemeContext';
|
|
/*import {useCallback, useState} from "react";
|
|
import {GraphNode} from "@/models/Graph.ts";
|
|
import {list} from "postcss";*/
|
|
import Overlay from '@/components/ui/Overlay';
|
|
import Button from '@/components/ui/Button';
|
|
import {MdCallMerge} from "react-icons/md";
|
|
import {IoMdAdd, IoMdRemove} from 'react-icons/io';
|
|
import {BsDownload, BsUpload} from 'react-icons/bs';
|
|
//import {AiOutlineClose} from 'react-icons/ai';
|
|
import {useCallback, useState} from 'react';
|
|
//import PropTypes from "prop-types";
|
|
//import {useConceptNavigation} from "@/context/NavigationContext.tsx";
|
|
import DlgSynthesis from "@/dialogs/DlgOssGraph/DlgSynthesis.tsx";
|
|
import SynthesisFlow from "@/components/ui/Synthesis/SynthesisFlow.tsx";
|
|
import {IRSFormData} from "@/models/rsform.ts";
|
|
import {toast} from "react-toastify";
|
|
import {useRSForm} from "@/context/RSFormContext.tsx";
|
|
import {DataCallback, runSingleSynthesis} from "@/app/backendAPI.ts";
|
|
import {ISynthesisData} from "@/models/synthesis.ts";
|
|
import useRSFormDetails from "@/hooks/useRSFormDetails.ts";
|
|
import {useLibrary} from "@/context/LibraryContext.tsx";
|
|
import {SynthesisState, useSynthesis} from "@/pages/OssPage/SynthesisContext.tsx";
|
|
import SynthesisToolbar from "@/pages/OssPage/SynthesisToolbar.tsx";
|
|
import {useParams} from "react-router-dom";
|
|
|
|
export const SynthesisPage = () => {
|
|
//const router = useConceptNavigation();
|
|
//const [sampleData, setSampleData] = useState([[1, 2, 3], [4, 5, 6]])
|
|
|
|
}
|
|
|
|
export default SynthesisPage;
|
|
|
|
|
|
//onCancel={setShowSynthesisModal(false)}
|
|
/*
|
|
const modalContainerStyle: React.CSSProperties = {
|
|
position: 'fixed',
|
|
top: 0,
|
|
left: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
};
|
|
|
|
const modalContentStyle: React.CSSProperties = {
|
|
backgroundColor: '#fff',
|
|
padding: '20px',
|
|
borderRadius: '8px',
|
|
boxShadow: '0 2px 4px rgba(0, 0, 0, 0.2)',
|
|
};
|
|
|
|
const modalCloseButtonStyle: React.CSSProperties = {
|
|
outline: 'none',
|
|
cursor: 'pointer',
|
|
background: 'transparent',
|
|
color: '#C62828',
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center'
|
|
};
|
|
|
|
|
|
const SynthesisPage = () => {
|
|
|
|
};
|
|
*/
|
|
|
|
/*
|
|
|
|
const SynthesisGraphBody = () => {
|
|
const [synthesisGraphs, setSynthesisGraphs] = useState([]);
|
|
|
|
return (synthesisGraphs &&
|
|
<div>
|
|
asd
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function SynthesisGraph({
|
|
nodes,
|
|
edges,
|
|
onSelect,
|
|
onEdit
|
|
}) {
|
|
const handleNodeClick = useCallback(
|
|
(node: GraphNode) => {
|
|
|
|
}, [onSelect, onEdit]
|
|
)
|
|
|
|
const createNewNode = () => {
|
|
|
|
}
|
|
|
|
const createNewEdge = () => {
|
|
|
|
};
|
|
}
|
|
*/
|
|
/*export class SynthesisNode {
|
|
private id: number;
|
|
private edges: list[number]
|
|
|
|
constructor(id) {
|
|
this.id = id
|
|
}
|
|
}*/
|
|
|
|
/*const SynthesisModal = ({title, isOpen, onCancel, onSubmit}) => {
|
|
return (showSynthesisModal ?
|
|
<div style={modalContainerStyle}>
|
|
<div style={modalContentStyle}>
|
|
<Button
|
|
style={modalCloseButtonStyle}
|
|
title='Отмена'
|
|
icon={<AiOutlineClose/>}
|
|
onClick={onCancel}
|
|
|
|
|
|
/>
|
|
|
|
<SynthesisTable/>
|
|
<Button
|
|
title='Синтез'
|
|
icon={<MdCallMerge/>}
|
|
onClick={onSubmit}
|
|
/>
|
|
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
SynthesisModal.propTypes = {
|
|
title: PropTypes.string,
|
|
isOpen: PropTypes.bool,
|
|
onCancel: PropTypes.func,
|
|
onSubmit: PropTypes.func
|
|
}
|
|
|
|
SynthesisModal.deafaultProps = {
|
|
title: "Синтез",
|
|
isOpen: false,
|
|
onCancel: () => {
|
|
},
|
|
onSubmit: () => {
|
|
}
|
|
}
|
|
|
|
const SynthesisTable = () => {
|
|
return (
|
|
<tbody>
|
|
|
|
</tbody>
|
|
)
|
|
|
|
}
|
|
*/
|
|
|
|
|