kopia lustrzana https://github.com/OpenDroneMap/WebODM
57 wiersze
1.1 KiB
JavaScript
57 wiersze
1.1 KiB
JavaScript
import React from 'react';
|
|
import '../css/Standby.scss';
|
|
import PropTypes from 'prop-types';
|
|
|
|
class Standby extends React.Component {
|
|
static defaultProps = {
|
|
message: "",
|
|
show: false,
|
|
opacity: 0.5
|
|
};
|
|
|
|
static propTypes = {
|
|
message: PropTypes.string,
|
|
show: PropTypes.bool,
|
|
opacity: PropTypes.number
|
|
};
|
|
|
|
constructor(props){
|
|
super(props);
|
|
|
|
this.state = {
|
|
message: props.message,
|
|
show: props.show
|
|
};
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps){
|
|
this.setState(nextProps);
|
|
}
|
|
|
|
show(message = null){
|
|
this.setState({show: true});
|
|
if (message){
|
|
this.setState({message: message});
|
|
}
|
|
}
|
|
|
|
hide(){
|
|
this.setState({show: false});
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className="standby"
|
|
style={{display: this.state.show ? "block" : "none"}}>
|
|
<div className="cover" style={{opacity: this.props.opacity}}> </div>
|
|
<div className="content">
|
|
<i className="fa fa-spinner fa-spin fa-2x fa-fw"></i>
|
|
<p>{this.state.message}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Standby;
|