diff options
Diffstat (limited to 'ui/app/components/confirmation.js')
-rw-r--r-- | ui/app/components/confirmation.js | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/ui/app/components/confirmation.js b/ui/app/components/confirmation.js new file mode 100644 index 00000000..69186162 --- /dev/null +++ b/ui/app/components/confirmation.js @@ -0,0 +1,43 @@ +// +// A simple diagon that asks if you are sure. +// + +import React from 'react' +import {Button, ButtonGroup, ButtonToolbar, Glyphicon, Modal} + from 'react-bootstrap' + +export default class Confirmation extends React.Component { + + static get defaultProps() {return{ + title: "Are you sure?", + onCancel: null, + onAccept: null, + acceptStr: 'Accept', + cancelStr: 'Cancel' + }} + + constructor(props) { + super(props) + } + + render() { + return ( + <Modal show={true} onHide={this.props.onCancel}> + <Modal.Header closeButton> + <Modal.Title>{this.props.title}</Modal.Title> + </Modal.Header> + <Modal.Body> + <ButtonToolbar> + <Button onClick={this.props.onAccept} bsStyle="success"> + {this.props.acceptStr} + </Button> + <Button onClick={this.props.onCancel}> + {this.props.cancelStr} + </Button> + </ButtonToolbar> + </Modal.Body> + </Modal> + ) + } +} + |