PageSourceSearch

https://asce7tsunami.online/app/js/components/Modals/AmplitudeModal.js?0.1.40

js asce7tsunami.online collected 2026-10-04 13:25:34 UTC 8,143 bytes, 196 lines download raw bytes

1define(['exports', 'react', 'actions/MapActions', 'stores/MapStore', 'utils/Utilities', 'lodash', 'draggable'], function (exports, _react, _actionsMapActions, _storesMapStore, _utilsUtilities, _lodash, _draggable) {
2  'use strict';
3
4  Object.defineProperty(exports, '__esModule', {
5    value: true
6  });
7
8  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; }; })();
9
10  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); } } };
11
12  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
13
14  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
15
16  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; }
17
18  var _React = _interopRequireDefault(_react);
19
20  var _2 = _interopRequireDefault(_lodash);
21
22  var _Draggable = _interopRequireDefault(_draggable);
23
24  var Row = (function (_React$Component) {
25    _inherits(Row, _React$Component);
26
27    function Row() {
28      _classCallCheck(this, Row);
29
30      _get(Object.getPrototypeOf(Row.prototype), 'constructor', this).apply(this, arguments);
31    }
32
33    _createClass(Row, [{
34      key: 'render',
35      value: function render() {
36        var amplitudeValue = (0, _utilsUtilities.standardsConversionFeetMeters)(this.props.amplitude, 'imperial', this.props.measurement);
37        return _React['default'].createElement(
38          'tr',
39          null,
40          _React['default'].createElement(
41            'td',
42            null,
43            this.props.latitude
44          ),
45          _React['default'].createElement(
46            'td',
47            null,
48            this.props.longitude
49          ),
50          _React['default'].createElement(
51            'td',
52            null,
53            amplitudeValue
54          ),
55          _React['default'].createElement(
56            'td',
57            null,
58            this.props.period
59          )
60        );
61      }
62    }]);
63
64    return Row;
65  })(_React['default'].Component);
66
67  var AmplitudeModal = (function (_React$Component2) {
68    _inherits(AmplitudeModal, _React$Component2);
69
70    function AmplitudeModal() {
71      _classCallCheck(this, AmplitudeModal);
72
73      _get(Object.getPrototypeOf(AmplitudeModal.prototype), 'constructor', this).call(this);
74      _storesMapStore.mapStore.listen(this.storeUpdated.bind(this));
75      this.state = _storesMapStore.mapStore.getState();
76    }
77
78    _createClass(AmplitudeModal, [{
79      key: 'storeUpdated',
80      value: function storeUpdated() {
81        this.setState(_storesMapStore.mapStore.getState());
82      }
83    }, {
84      key: 'closeAmplitude',
85      value: function closeAmplitude() {
86        _actionsMapActions.mapActions.toggleAmplitude({ display: false, target: '' });
87      }
88    }, {
89      key: 'renderTable',
90      value: function renderTable(currentAmplitudeRange) {
91        var _this = this;
92
93        if (currentAmplitudeRange) {
94          var amplitudes = _2['default'].map(currentAmplitudeRange.amplitudeRange, function (item) {
95            return _React['default'].createElement(Row, { key: item.id,
96              latitude: item.latitude,
97              longitude: item.longitude,
98              amplitude: item.amplitude,
99              period: item.period,
100              image: item.image,
101              measurement: _this.state.measurement });
102          });
103          return amplitudes;
104        }
105      }
106    }, {
107      key: 'exportTable',
108      value: function exportTable() {
109        (0, _utilsUtilities.downloadCSV)(this.state.showAmplitude.target, this.state.measurement);
110      }
111    }, {
112      key: 'render',
113      value: function render() {
114        var amplitudeLabel = this.state.measurement === 'imperial' ? 'Amplitude (ft.)' : 'Amplitude (m)';
115        var currentAmplitudeRange = this.state.showAmplitude.target;
116
117        return _React['default'].createElement(
118          _Draggable['default'],
119          {
120            axis: 'both',
121            handle: '.welcome-header',
122            bounds: '#map' },
123          _React['default'].createElement(
124            'div',
125            { id: 'summaryPopup', className: 'details-popup ' + (this.state.showAmplitude.display ? '' : 'hidden') },
126            _React['default'].createElement(
127              'div',
128              { className: 'popup-header blue darken-3 welcome-header' },
129              _React['default'].createElement(
130                'span',
131                null,
132                'Amplitude Summary'
133              ),
134              _React['default'].createElement('span', { className: 'details-popup-close-icon', onClick: this.closeAmplitude.bind(this) })
135            ),
136            _React['default'].createElement(
137              'div',
138              { id: 'canvas-container', className: 'popup-body padding welcome-body' },
139              _React['default'].createElement(
140                'table',
141                { className: 'centered bordered highlight' },
142                _React['default'].createElement(
143                  'thead',
144                  null,
145                  _React['default'].createElement(
146                    'tr',
147                    null,
148                    _React['default'].createElement(
149                      'th',
150                      null,
151                      'Latitude'
152                    ),
153                    _React['default'].createElement(
154                      'th',
155                      null,
156                      'Longitude'
157                    ),
158                    _React['default'].createElement(
159                      'th',
160                      null,
161                      amplitudeLabel
162                    ),
163                    _React['default'].createElement(
164                      'th',
165                      null,
166                      'Period (min.)'
167                    )
168                  )
169                ),
170                _React['default'].createElement(
171                  'tbody',
172                  null,
173                  this.renderTable(currentAmplitudeRange)
174                )
175              )
176            ),
177            _React['default'].createElement(
178              'div',
179              { className: 'flex flex-row summary-content-footer' },
180              _React['default'].createElement(
181                'a',
182                { className: 'waves-effect waves-light blue lighten-1 btn', onClick: this.exportTable.bind(this) },
183                'Export Table'
184              )
185            )
186          )
187        );
188      }
189    }]);
190
191    return AmplitudeModal;
192  })(_React['default'].Component);
193
194  exports.AmplitudeModal = AmplitudeModal;
195});
196//# sourceMappingURL=AmplitudeModal.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.