https://asce7tsunami.online/app/js/components/InundationControls/OffshoreAmplitude.js?0.1.40

1define(['exports', 'react', 'actions/MapActions', 'stores/LeftPanelStore', 'lodash', 'js/config/config'], function (exports, _react, _actionsMapActions, _storesLeftPanelStore, _lodash, _jsConfigConfig) {
2  'use strict';
3
4  Object.defineProperty(exports, '__esModule', {
5    value: true
6  });
7
8  var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
9
10  var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
11
12  var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
13
14  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
15
16  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
17
18  function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
19
20  var _React = _interopRequireDefault(_react);
21
22  var _2 = _interopRequireDefault(_lodash);
23
24  var _config = _interopRequireDefault(_jsConfigConfig);
25
26  var OffshoreAmplitude = (function (_React$Component) {
27    _inherits(OffshoreAmplitude, _React$Component);
28
29    function OffshoreAmplitude() {
30      _classCallCheck(this, OffshoreAmplitude);
31
32      _get(Object.getPrototypeOf(OffshoreAmplitude.prototype), 'constructor', this).call(this);
33      this.state = _extends({}, _storesLeftPanelStore.leftPanelStore.getState());
34    }
35
36    _createClass(OffshoreAmplitude, [{
37      key: 'componentDidMount',
38      value: function componentDidMount() {
39        _storesLeftPanelStore.leftPanelStore.listen(this.onChange.bind(this));
40      }
41    }, {
42      key: 'onChange',
43      value: function onChange() {
44        this.setState(_extends({}, _storesLeftPanelStore.leftPanelStore.getState()));
45      }
46    }, {
47      key: 'viewAmplitudeDetails',
48      value: function viewAmplitudeDetails(item) {
49        _actionsMapActions.mapActions.toggleAmplitude({ display: true, target: item.id });
50      }
51    }, {
52      key: 'setTransectType',
53      value: function setTransectType(evt) {
54        document.getElementById('add-offshore-btn').classList.add('disabled');
55        _actionsMapActions.mapActions.activateDrawTransect('tsunamiAmplitude');
56        _actionsMapActions.mapActions.toggleMapLock(true);
57      }
58    }, {
59      key: 'disableTransectNameInput',
60      value: function disableTransectNameInput(evt) {
61        if (evt.which == 13 || evt.keyCode == 13) {
62          evt.target.setAttribute('disabled', '');
63        }
64      }
65    }, {

66      key: 'render',
67      value: function render() {
68        var showOffShoreAmplitude = this.state.activeTransectTypeTab === 'DATA POINTS' ? '' : ' hidden';
69        var tsunamiIcon = _React['default'].createElement('span', { className: 'material-icons inline-block tsunami-icon' });
70        var icons = _React['default'].createElement(
71          'span',
72          null,
73          _React['default'].createElement('span', { className: 'material-icons inline-block inundation-icon' }),
74          _React['default'].createElement('span', { className: 'material-icons inline-block runup-icon' }),
75          _React['default'].createElement('span', { className: 'material-icons inline-block tsunami-icon' }),
76          _React['default'].createElement('span', { className: 'material-icons inline-block esri-location-icon' })
77        );
78
79        return _React['default'].createElement(
80          'div',
81          { id: 'amplitude-container', className: 'amplitude-container' + showOffShoreAmplitude },
82          _React['default'].createElement(
83            'div',
84            { className: 'results-no-data-container' },
85            _React['default'].createElement(
86              'div',
87              { className: 'results-no-data-title' },
88              'Click on points ',
89              icons,
90              ' or'
91            ),
92            _React['default'].createElement(
93              'div',
94              { className: 'results-no-data-title' },
95              _React['default'].createElement(
96                'a',
97                { id: 'add-offshore-btn', className: 'btn-flat waves-effect waves-light blue-text text-lighten-1 draw-box-btn', onClick: this.setTransectType.bind(this) },
98                'Draw a box'
99              ),
100              _React['default'].createElement(
101                'span',
102                null,
103                'over multiple ',
104                tsunamiIcon,
105                ' to view point data.'
106              )
107            ),
108            _React['default'].createElement(
109              'div',
110              { className: 'results-no-data-note' },
111              _config['default'].strings.tsunamiAmplitude
112            )
113          )
114        );
115      }
116    }]);
117
118    return OffshoreAmplitude;
119  })(_React['default'].Component);
120
121  exports.OffshoreAmplitude = OffshoreAmplitude;
122});
123//# sourceMappingURL=OffshoreAmplitude.js.map