blob: 8bf1989d3ac36af8cf16607b6f46aeb6675fb318 (
plain)
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
46
47
48
49
|
import _ from 'underscore'
import React from 'react'
import './ValidationModal.css'
import { Button, Modal, ListGroup, ListGroupItem } from 'react-bootstrap'
class ValidationModal extends React.Component {
constructor(...args) {
super(...args);
this.state = { showModal: false };
this.close = () => {
this.setState({ showModal: false });
};
this.open = () => {
this.setState({ showModal: true });
};
}
renderBackdrop(props) {
return <div {...props} className="modal-backdrop" />;
}
render() {
var problems = this.props.schemaProblems
var items = _.map(problems, (problem, i) => <ListGroupItem key={i}> {problem} </ListGroupItem>)
return (
<div>
<Button onClick={this.open}>Validate schema</Button>
<Modal
onHide={this.close}
className="modal-validator"
aria-labelledby="modal-label"
show={this.state.showModal}
renderBackdrop={this.renderBackdrop}
>
<div className="modal-list">
<ListGroup>
{items}
</ListGroup>
</div>
</Modal>
</div>
);
}
}
export default ValidationModal
|