diff --git a/components/FlowEditor/nodes/basic/OutputNode.tsx b/components/FlowEditor/nodes/basic/OutputNode.tsx new file mode 100644 index 0000000..8d9e03e --- /dev/null +++ b/components/FlowEditor/nodes/basic/OutputNode.tsx @@ -0,0 +1,33 @@ +import styles from "./Node.module.css"; +import { Handle, Position } from "react-flow-renderer"; + +type OutputNodeProps = {}; + +const OutputNode = (props: OutputNodeProps) => { + return ( + // Базовый класс generic-node - прописана ширина и положение, цвет текста и фона + + // Nandle - ручка для коннекта. Можно задать оформление при помощи className, тип (target / source) и позицию + + // Label - подпись ноды. Можно стилизовать + + // Select - DropDown меню, можно стилизовать. Стоит класс nodrag для предотвращения залипания + +
+ + +
+ + + +
+ + +
+ ); +}; + +export default OutputNode; \ No newline at end of file diff --git a/components/FlowEditor/nodes/basic/TimerNode.tsx b/components/FlowEditor/nodes/basic/TimerNode.tsx new file mode 100644 index 0000000..6912ea2 --- /dev/null +++ b/components/FlowEditor/nodes/basic/TimerNode.tsx @@ -0,0 +1,31 @@ +import styles from "./Node.module.css"; +import { Handle, Position } from "react-flow-renderer"; + +type TimerNodeProps = {}; + +const TimerNode = (props: TimerNodeProps) => { + return ( + // Базовый класс generic-node - прописана ширина и положение, цвет текста и фона + + // Nandle - ручка для коннекта. Можно задать оформление при помощи className, тип (target / source) и позицию + + // Label - подпись ноды. Можно стилизовать + + // Select - DropDown меню, можно стилизовать. Стоит класс nodrag для предотвращения залипания + +
+ + +
+ + + Время задержки + +
+ + +
+ ); +}; + +export default TimerNode; \ No newline at end of file