summaryrefslogtreecommitdiffstats
path: root/web/react/components/loading_screen.jsx
blob: 5905e519b84c8ee4c71d2c31485294fed40d31ed (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
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
// See License.txt for license information.

module.exports = React.createClass({
    displayName: "LoadingScreen",
    propTypes: {
        position: React.PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'inherit'])
    },
    getDefaultProps: function() {
        return { position: 'relative' };
    },
    render: function() {
        return (
            <div className="loading-screen" style={{position: this.props.position}}>
                <div className="loading__content">
                    <h3>Loading</h3>
                    <div className="round round-1"></div>
                    <div className="round round-2"></div>
                    <div className="round round-3"></div>
                </div>
            </div>
        );
    }
});