mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
04f3e3bc8f
* Add slice modal * use datatables, filter by slice creator * tests & landscaping * code review + react-bootstrap-table + modularity
43 lines
1.3 KiB
JavaScript
43 lines
1.3 KiB
JavaScript
import React, { PropTypes } from 'react';
|
|
|
|
const propTypes = {
|
|
modalId: PropTypes.string.isRequired,
|
|
title: PropTypes.string,
|
|
modalContent: PropTypes.node,
|
|
customButtons: PropTypes.node
|
|
};
|
|
|
|
class Modal extends React.Component {
|
|
render() {
|
|
return (
|
|
<div className="modal fade" id={this.props.modalId} role="dialog">
|
|
<div className="modal-dialog" role="document">
|
|
<div className="modal-content">
|
|
<div className="modal-header">
|
|
<button type="button" className="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 className="modal-title">{this.props.title}</h4>
|
|
</div>
|
|
<div className="modal-body">
|
|
{this.props.modalContent}
|
|
</div>
|
|
<div className="modal-footer">
|
|
<button type="button"
|
|
className="btn btn-default"
|
|
data-dismiss="modal">
|
|
Cancel
|
|
</button>
|
|
{this.props.customButtons}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
Modal.propTypes = propTypes;
|
|
|
|
export default Modal;
|