diff options
Diffstat (limited to 'openecomp-ui/src/sdc-app/flows/SequenceDiagram.jsx')
| -rw-r--r-- | openecomp-ui/src/sdc-app/flows/SequenceDiagram.jsx | 54 |
1 files changed, 30 insertions, 24 deletions
diff --git a/openecomp-ui/src/sdc-app/flows/SequenceDiagram.jsx b/openecomp-ui/src/sdc-app/flows/SequenceDiagram.jsx index c128083774..ca24964472 100644 --- a/openecomp-ui/src/sdc-app/flows/SequenceDiagram.jsx +++ b/openecomp-ui/src/sdc-app/flows/SequenceDiagram.jsx @@ -13,7 +13,7 @@ * or implied. See the License for the specific language governing * permissions and limitations under the License. */ -import React, {Component} from 'react'; +import React, { Component } from 'react'; import PropTypes from 'prop-types'; import Button from 'sdc-ui/lib/react/Button.js'; import Sequencer from 'dox-sequence-diagram-ui'; @@ -21,31 +21,37 @@ import Sequencer from 'dox-sequence-diagram-ui'; import i18n from 'nfvo-utils/i18n/i18n.js'; class SequenceDiagram extends Component { + static propTypes = { + onSave: PropTypes.func.isRequired, + onClose: PropTypes.func, + model: PropTypes.object.isRequired + }; - static propTypes = { - onSave: PropTypes.func.isRequired, - onClose: PropTypes.func, - model: PropTypes.object.isRequired - }; - - onSave() { - this.props.onSave(this.refs.sequencer.getModel()); - } - - render() { - return ( - <div className='sequence-diagram'> - <div className='sequence-diagram-sequencer'> - <Sequencer ref='sequencer' options={{useHtmlSelect: true}} model={this.props.model} /> - </div> - <div className='sequence-diagram-action-buttons'> - <Button onClick={() => this.onSave()}>{i18n('Save')}</Button> - <Button onClick={this.props.onClose}>{i18n('Close')}</Button> - </div> - </div> - ); - } + onSave() { + this.props.onSave(this.refs.sequencer.getModel()); + } + render() { + return ( + <div className="sequence-diagram"> + <div className="sequence-diagram-sequencer"> + <Sequencer + ref="sequencer" + options={{ useHtmlSelect: true }} + model={this.props.model} + /> + </div> + <div className="sequence-diagram-action-buttons"> + <Button onClick={() => this.onSave()}> + {i18n('Save')} + </Button> + <Button onClick={this.props.onClose}> + {i18n('Close')} + </Button> + </div> + </div> + ); + } } export default SequenceDiagram; |