all files / src/panels/LoadingPanel/ index.js

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
50
51
52
53
54
55
56
57
58
59
60
61
62
 
 
1×
 
 
1×
 
1×
 
1×
 
1×
 
1×
 
1×
 
1×
 
1×
 
1×
 
4×
 
1×
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1×
 
 
 
 
1×
 
 
 
 
'use strict';
 
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = LoadingPanel;
 
var _react = require('react');
 
var _react2 = _interopRequireDefault(_react);
 
var _propTypes = require('prop-types');
 
var _propTypes2 = _interopRequireDefault(_propTypes);
 
var _Theme = require('HPCCloudStyle/Theme.mcss');
 
var _Theme2 = _interopRequireDefault(_Theme);
 
var _Layout = require('HPCCloudStyle/Layout.mcss');
 
var _Layout2 = _interopRequireDefault(_Layout);
 
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
function LoadingPanel(props) {
  var layoutClasses = [_Layout2.default.verticalFlexContainer];
 
  if (props.center) {
    layoutClasses.push(_Layout2.default.horizontalCenter);
    layoutClasses.push(_Layout2.default.verticalCenter);
  }
 
  if (props.large) {
    layoutClasses.push(_Theme2.default.largeText);
  }
 
  return _react2.default.createElement(
    'div',
    {
      className: layoutClasses.join(' '),
      style: { marginTop: props.large ? '2em' : 'auto' }
    },
    _react2.default.createElement(
      'span',
      { style: { margin: '15px' } },
      _react2.default.createElement('i', { className: _Theme2.default.loadingIcon }),
      '\xA0 Loading...'
    )
  );
}
 
LoadingPanel.propTypes = {
  center: _propTypes2.default.bool,
  large: _propTypes2.default.bool
};
 
LoadingPanel.defaultProps = {
  center: false,
  large: false
};