Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 207x 207x 207x 207x 207x 207x 112x 112x 112x 112x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
import * as React from 'react'
import type { DiagramEngine } from '@projectstorm/react-diagrams-core'
import cx from 'classnames'
import { Icon } from '@wings-software/uicore'
import type { NodeStartModel } from './NodeStartModel'
import { DefaultPortLabel } from '../../port/DefaultPortLabelWidget'
import type { DefaultPortModel } from '../../port/DefaultPortModel'
import css from './NodeStart.module.scss'
export interface NodeStartWidgetProps {
node: NodeStartModel
engine: DiagramEngine
}
export function NodeStartWidget(props: NodeStartWidgetProps): React.ReactElement {
const generatePort = (port: DefaultPortModel): JSX.Element => {
return <DefaultPortLabel engine={props.engine} port={port} key={port.getID()} />
}
const options = props.node.getOptions()
return (
<div className={css.defaultNode}>
<div className={cx(css.nodeStart, { ['selected']: props.node.isSelected() })}>
<div>
<Icon name={options.icon || 'play'} style={{ color: props.node.color }} className={css.icon} />
<div>
<div style={{ visibility: props.node.isStart ? 'initial' : 'hidden' }}>
{props.node.getOutPorts().map(generatePort)}
</div>
<div style={{ visibility: props.node.isStart ? 'hidden' : 'initial' }}>
{props.node.getInPorts().map(generatePort)}
</div>
</div>
</div>
</div>
</div>
)
}
|