@kando-env/kando-ui 1.2.238-alpha.2 → 1.2.238-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Widgets/Map/Map.js +87 -18
- package/lib/Widgets/Map/Map.scss +65 -0
- package/lib/Widgets/Map/MapUtils.js +27 -15
- package/lib/Widgets/Map/areas/AreaPolygons.js +2 -2
- package/lib/Widgets/Map/edges/Edges.js +17 -2
- package/lib/Widgets/Map/events/EventUtils.js +13 -9
- package/lib/Widgets/Map/events/NetworkForSpecificEvent.js +9 -2
- package/lib/Widgets/Map/events/PointOfEvent.js +12 -9
- package/lib/Widgets/Map/points/PointIcon.js +60 -0
- package/lib/Widgets/Map/points/PointIcon.scss +244 -0
- package/lib/Widgets/Map/points/PointMarker.js +22 -20
- package/lib/Widgets/Map/points/PointMarkers.js +89 -21
- package/lib/Widgets/Map/points/PointUtils.js +95 -32
- package/lib/assets/icons/pin/pin-matash-white.svg +8 -42
- package/lib/assets/icons/plus_v.svg +13 -0
- package/lib/assets/icons/water_reuse.svg +27 -0
- package/lib/assets/map/pin-matash-clicked.svg +12 -0
- package/lib/assets/map/pin-matash-white.svg +8 -28
- package/lib/assets/map/pin-plant-clicked.svg +10 -0
- package/lib/assets/map/pin-plant-white.svg +6 -28
- package/lib/assets/map/pin-suction-clicked.svg +10 -0
- package/lib/assets/map/pin-water-clicked.svg +11 -0
- package/lib/assets/map/pin-water.svg +7 -17
- package/lib/assets/point_icons/WWTP-icon.svg +8 -21
- package/lib/assets/point_icons/factory-icon.svg +6 -21
- package/lib/assets/point_icons/pump-station-icon.svg +6 -16
- package/lib/hooks/useMap.js +4 -18
- package/lib/i18n/en.json +9 -7
- package/lib/i18n/he.json +3 -0
- package/lib/macros/getVersion.js +1 -1
- package/lib/pages/EventsPage/events/events_list/EventsList.js +2 -2
- package/lib/pages/UtilityDashboardPage/UtilityDashboardMapContainer/UtilityDashboardMapContainer.js +2 -2
- package/lib/pages/WbeDashboard/WbeDashboardPage.js +28 -25
- package/lib/pages/WbeDashboard/WbeSummaryBar.js +3 -3
- package/lib/store/events/actions.js +3 -3
- package/lib/utilities/edgesMath.js +6 -3
- package/lib/utilities/map/icons.js +23 -7
- package/package.json +5 -3
|
@@ -11,11 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _reactRedux = require("react-redux");
|
|
13
13
|
|
|
14
|
-
var _useRemoveExistingLayers = _interopRequireWildcard(require("hooks/useRemoveExistingLayers"));
|
|
15
|
-
|
|
16
14
|
var _PointUtils = require("./PointUtils");
|
|
17
15
|
|
|
18
|
-
|
|
16
|
+
require("leaflet.featuregroup.subgroup");
|
|
19
17
|
|
|
20
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
19
|
|
|
@@ -31,29 +29,33 @@ function mapStateToProps(state) {
|
|
|
31
29
|
var PointMarker = function PointMarker(props) {
|
|
32
30
|
var map = props.map,
|
|
33
31
|
point = props.point,
|
|
34
|
-
rerender = props.rerender
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
rerender = props.rerender,
|
|
33
|
+
layerGroup = props.layerGroup; // useRemoveExistingLayers(map, point, 'Point');
|
|
34
|
+
// useRemoveExistingLayers(map, point, 'Observation');
|
|
35
|
+
// useRemoveExistingLayers(map, point, 'Sampling');
|
|
36
|
+
// useRemoveExistingLayers(map, point, 'IconNumber');
|
|
39
37
|
|
|
40
38
|
var renderLogic = function renderLogic() {
|
|
41
39
|
var markerLocation = [point['latitude'], point['longitude']];
|
|
42
40
|
if (markerLocation[0] === null) return;
|
|
43
|
-
(0, _PointUtils.
|
|
44
|
-
|
|
41
|
+
(0, _PointUtils.createBubblePoint)(markerLocation, point, map, null, layerGroup);
|
|
42
|
+
|
|
43
|
+
if (point.group.type === 'Groups::Factory') {
|
|
44
|
+
(0, _PointUtils.bindPopupToMarker)(point, layerGroup); //The following is being called for every point, we should do that on the layerGroup level which will happen once
|
|
45
|
+
//It is noticed when there are thousands of points
|
|
46
|
+
|
|
47
|
+
(0, _PointUtils.handleMarkerClick)(map, point, layerGroup);
|
|
48
|
+
}
|
|
45
49
|
};
|
|
46
50
|
|
|
47
51
|
(0, _react.useEffect)(function () {
|
|
48
|
-
renderLogic();
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
(0, _useRemoveExistingLayers.removeFromMap)(map, point, 'IconNumber');
|
|
56
|
-
};
|
|
52
|
+
renderLogic(); // return function cleanup() {
|
|
53
|
+
// // UNBIND POPUP
|
|
54
|
+
// removeFromMap(map, point, 'Observation');
|
|
55
|
+
// removeFromMap(map, point, 'Point');
|
|
56
|
+
// removeFromMap(map, point, 'Sampling');
|
|
57
|
+
// removeFromMap(map, point, 'IconNumber');
|
|
58
|
+
// };
|
|
57
59
|
}, [rerender]);
|
|
58
60
|
return /*#__PURE__*/_react.default.createElement("div", null);
|
|
59
61
|
};
|
|
@@ -69,4 +71,4 @@ var _default = connector( /*#__PURE__*/_react.default.memo(PointMarker, function
|
|
|
69
71
|
}));
|
|
70
72
|
|
|
71
73
|
exports.default = _default;
|
|
72
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9XaWRnZXRzL01hcC9wb2ludHMvUG9pbnRNYXJrZXIudHN4Il0sIm5hbWVzIjpbIm1hcFN0YXRlVG9Qcm9wcyIsInN0YXRlIiwiZXZlbnRzX2RhdGEiLCJQb2ludE1hcmtlciIsInByb3BzIiwibWFwIiwicG9pbnQiLCJyZXJlbmRlciIsImxheWVyR3JvdXAiLCJyZW5kZXJMb2dpYyIsIm1hcmtlckxvY2F0aW9uIiwiZ3JvdXAiLCJ0eXBlIiwiY29ubmVjdG9yIiwiUmVhY3QiLCJtZW1vIiwicHJldlByb3BzIiwibmV4dFByb3BzIiwiZm9jdXNlZEV2ZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFNQTs7QUFNQTs7Ozs7O0FBRUEsU0FBU0EsZUFBVCxDQUF5QkMsS0FBekIsRUFBMkM7QUFDekMsTUFBUUMsV0FBUixHQUF3QkQsS0FBeEIsQ0FBUUMsV0FBUjtBQUVBLFNBQU87QUFDTEEsSUFBQUEsV0FBVyxFQUFYQTtBQURLLEdBQVA7QUFHRDs7QUFTRCxJQUFNQyxXQUE0QixHQUFHLFNBQS9CQSxXQUErQixDQUFDQyxLQUFELEVBQVc7QUFDOUMsTUFBUUMsR0FBUixHQUE2Q0QsS0FBN0MsQ0FBUUMsR0FBUjtBQUFBLE1BQWFDLEtBQWIsR0FBNkNGLEtBQTdDLENBQWFFLEtBQWI7QUFBQSxNQUFvQkMsUUFBcEIsR0FBNkNILEtBQTdDLENBQW9CRyxRQUFwQjtBQUFBLE1BQThCQyxVQUE5QixHQUE2Q0osS0FBN0MsQ0FBOEJJLFVBQTlCLENBRDhDLENBRzlDO0FBQ0E7QUFDQTtBQUNBOztBQUVBLE1BQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFjLEdBQU07QUFDeEIsUUFBSUMsY0FBMkIsR0FBRyxDQUFDSixLQUFLLENBQUMsVUFBRCxDQUFOLEVBQW9CQSxLQUFLLENBQUMsV0FBRCxDQUF6QixDQUFsQztBQUNBLFFBQUlJLGNBQWMsQ0FBQyxDQUFELENBQWQsS0FBc0IsSUFBMUIsRUFBZ0M7QUFFaEMsdUNBQWtCQSxjQUFsQixFQUFrQ0osS0FBbEMsRUFBeUNELEdBQXpDLEVBQThDLElBQTlDLEVBQW9ERyxVQUFwRDs7QUFFQSxRQUFJRixLQUFLLENBQUNLLEtBQU4sQ0FBWUMsSUFBWixLQUFxQixpQkFBekIsRUFBNEM7QUFDMUMseUNBQWtCTixLQUFsQixFQUF5QkUsVUFBekIsRUFEMEMsQ0FHMUM7QUFDQTs7QUFDQSx5Q0FBa0JILEdBQWxCLEVBQXVCQyxLQUF2QixFQUE4QkUsVUFBOUI7QUFDRDtBQUNGLEdBYkQ7O0FBZUEsd0JBQVUsWUFBTTtBQUNkQyxJQUFBQSxXQUFXLEdBREcsQ0FFZDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNELEdBVEQsRUFTRyxDQUFDRixRQUFELENBVEg7QUFXQSxzQkFBTyx5Q0FBUDtBQUNELENBbkNEOztBQXFDQSxJQUFNTSxTQUFTLEdBQUcseUJBQVFiLGVBQVIsQ0FBbEI7O2VBQ2VhLFNBQVMsZUFDdEJDLGVBQU1DLElBQU4sQ0FBV1osV0FBWCxFQUF3QixVQUFDYSxTQUFELEVBQVlDLFNBQVosRUFBMEI7QUFDaEQsTUFDRUQsU0FBUyxDQUFDZCxXQUFWLENBQXNCZ0IsWUFBdEIsS0FBdUNELFNBQVMsQ0FBQ2YsV0FBVixDQUFzQmdCLFlBRC9ELEVBRUU7QUFDQSxXQUFPLEtBQVA7QUFDRDs7QUFFRCxTQUFPLElBQVA7QUFDRCxDQVJELENBRHNCLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29ubmVjdCwgQ29ubmVjdGVkUHJvcHMgfSBmcm9tICdyZWFjdC1yZWR1eCc7XG4vLyBpbXBvcnQgdXNlUmVtb3ZlRXhpc3RpbmdMYXllcnMsIHtcbi8vICAgcmVtb3ZlRnJvbU1hcCxcbi8vIH0gZnJvbSAnc3JjL2hvb2tzL3VzZVJlbW92ZUV4aXN0aW5nTGF5ZXJzJztcbmltcG9ydCB7IElBcHBTdGF0ZSB9IGZyb20gJ3NyYy9tb2RlbHMvSUFwcFN0YXRlJztcbmltcG9ydCB7IElQb2ludCB9IGZyb20gJ3NyYy9zdG9yZS9wb2ludHMvbW9kZWxzL0lQb2ludCc7XG5pbXBvcnQge1xuICBiaW5kUG9wdXBUb01hcmtlcixcbiAgY3JlYXRlQnViYmxlUG9pbnQsXG4gIGhhbmRsZU1hcmtlckNsaWNrLFxufSBmcm9tICcuL1BvaW50VXRpbHMnO1xuaW1wb3J0IHsgTGF0TG5nVHVwbGUgfSBmcm9tICdsZWFmbGV0JztcbmltcG9ydCAnbGVhZmxldC5mZWF0dXJlZ3JvdXAuc3ViZ3JvdXAnO1xuXG5mdW5jdGlvbiBtYXBTdGF0ZVRvUHJvcHMoc3RhdGU6IElBcHBTdGF0ZSkge1xuICBjb25zdCB7IGV2ZW50c19kYXRhIH0gPSBzdGF0ZTtcblxuICByZXR1cm4ge1xuICAgIGV2ZW50c19kYXRhLFxuICB9O1xufVxuXG50eXBlIFByb3BzID0gQ29ubmVjdGVkUHJvcHM8dHlwZW9mIGNvbm5lY3Rvcj4gJiB7XG4gIG1hcDogYW55O1xuICBwb2ludDogSVBvaW50O1xuICByZXJlbmRlcjogc3RyaW5nO1xuICBsYXllckdyb3VwOiBhbnk7XG59O1xuXG5jb25zdCBQb2ludE1hcmtlcjogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbWFwLCBwb2ludCwgcmVyZW5kZXIsIGxheWVyR3JvdXAgfSA9IHByb3BzO1xuXG4gIC8vIHVzZVJlbW92ZUV4aXN0aW5nTGF5ZXJzKG1hcCwgcG9pbnQsICdQb2ludCcpO1xuICAvLyB1c2VSZW1vdmVFeGlzdGluZ0xheWVycyhtYXAsIHBvaW50LCAnT2JzZXJ2YXRpb24nKTtcbiAgLy8gdXNlUmVtb3ZlRXhpc3RpbmdMYXllcnMobWFwLCBwb2ludCwgJ1NhbXBsaW5nJyk7XG4gIC8vIHVzZVJlbW92ZUV4aXN0aW5nTGF5ZXJzKG1hcCwgcG9pbnQsICdJY29uTnVtYmVyJyk7XG5cbiAgY29uc3QgcmVuZGVyTG9naWMgPSAoKSA9PiB7XG4gICAgbGV0IG1hcmtlckxvY2F0aW9uOiBMYXRMbmdUdXBsZSA9IFtwb2ludFsnbGF0aXR1ZGUnXSwgcG9pbnRbJ2xvbmdpdHVkZSddXTtcbiAgICBpZiAobWFya2VyTG9jYXRpb25bMF0gPT09IG51bGwpIHJldHVybjtcblxuICAgIGNyZWF0ZUJ1YmJsZVBvaW50KG1hcmtlckxvY2F0aW9uLCBwb2ludCwgbWFwLCBudWxsLCBsYXllckdyb3VwKTtcblxuICAgIGlmIChwb2ludC5ncm91cC50eXBlID09PSAnR3JvdXBzOjpGYWN0b3J5Jykge1xuICAgICAgYmluZFBvcHVwVG9NYXJrZXIocG9pbnQsIGxheWVyR3JvdXApO1xuXG4gICAgICAvL1RoZSBmb2xsb3dpbmcgaXMgYmVpbmcgY2FsbGVkIGZvciBldmVyeSBwb2ludCwgd2Ugc2hvdWxkIGRvIHRoYXQgb24gdGhlIGxheWVyR3JvdXAgbGV2ZWwgd2hpY2ggd2lsbCBoYXBwZW4gb25jZVxuICAgICAgLy9JdCBpcyBub3RpY2VkIHdoZW4gdGhlcmUgYXJlIHRob3VzYW5kcyBvZiBwb2ludHNcbiAgICAgIGhhbmRsZU1hcmtlckNsaWNrKG1hcCwgcG9pbnQsIGxheWVyR3JvdXApO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJlbmRlckxvZ2ljKCk7XG4gICAgLy8gcmV0dXJuIGZ1bmN0aW9uIGNsZWFudXAoKSB7XG4gICAgLy8gICAvLyBVTkJJTkQgUE9QVVBcbiAgICAvLyAgIHJlbW92ZUZyb21NYXAobWFwLCBwb2ludCwgJ09ic2VydmF0aW9uJyk7XG4gICAgLy8gICByZW1vdmVGcm9tTWFwKG1hcCwgcG9pbnQsICdQb2ludCcpO1xuICAgIC8vICAgcmVtb3ZlRnJvbU1hcChtYXAsIHBvaW50LCAnU2FtcGxpbmcnKTtcbiAgICAvLyAgIHJlbW92ZUZyb21NYXAobWFwLCBwb2ludCwgJ0ljb25OdW1iZXInKTtcbiAgICAvLyB9O1xuICB9LCBbcmVyZW5kZXJdKTtcblxuICByZXR1cm4gPGRpdj48L2Rpdj47XG59O1xuXG5jb25zdCBjb25uZWN0b3IgPSBjb25uZWN0KG1hcFN0YXRlVG9Qcm9wcyk7XG5leHBvcnQgZGVmYXVsdCBjb25uZWN0b3IoXG4gIFJlYWN0Lm1lbW8oUG9pbnRNYXJrZXIsIChwcmV2UHJvcHMsIG5leHRQcm9wcykgPT4ge1xuICAgIGlmIChcbiAgICAgIHByZXZQcm9wcy5ldmVudHNfZGF0YS5mb2N1c2VkRXZlbnQgIT09IG5leHRQcm9wcy5ldmVudHNfZGF0YS5mb2N1c2VkRXZlbnRcbiAgICApIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfSksXG4pO1xuIl19
|
|
@@ -13,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _PointMarker = _interopRequireDefault(require("./PointMarker"));
|
|
15
15
|
|
|
16
|
+
var _PointUtils = require("./PointUtils");
|
|
17
|
+
|
|
16
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
19
|
|
|
18
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -20,39 +22,105 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
20
22
|
var PointMarkers = function PointMarkers(props) {
|
|
21
23
|
var points = props.points,
|
|
22
24
|
map = props.map,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
rerender =
|
|
25
|
+
factoriesGroup = props.factoriesGroup,
|
|
26
|
+
wwtpsGroup = props.wwtpsGroup,
|
|
27
|
+
collectorsGroup = props.collectorsGroup,
|
|
28
|
+
rerender = props.rerender; //Handle the mouse click here one for all instead one by one
|
|
29
|
+
// factoriesClusterGroup.on('click', function (a) {
|
|
30
|
+
// console.log('currentSrc', a.originalEvent.target.currentSrc);
|
|
31
|
+
// console.log('src', a.originalEvent.target.src);
|
|
32
|
+
// //a.originalEvent.target.src = '';
|
|
33
|
+
// //Change icon here
|
|
34
|
+
// });
|
|
35
|
+
// console.log('LayerGroups', factoriesClusterGroup);
|
|
36
|
+
//const layerGroups = L.layerGroup();
|
|
37
|
+
//const wwtpsLayerGroup = L.layerGroup();
|
|
38
|
+
//const collectorsLayerGroup = L.layerGroup();
|
|
39
|
+
//console.log('LayerGroups', wwtpsLayerGroup, collectorsLayerGroup);
|
|
40
|
+
//layerGroups.addLayer(wwtpsLayerGroup);
|
|
41
|
+
//layerGroups.addLayer(collectorsLayerGroup);
|
|
42
|
+
//map.addLayer(layerGroups);
|
|
43
|
+
// const isPointBelongToGroupTypes = (point: IPoint) => {
|
|
44
|
+
// return (
|
|
45
|
+
// point.group.type === 'Groups::WastewaterTreatmentPlant' ||
|
|
46
|
+
// (point.group.type === 'Groups::Factory') ||
|
|
47
|
+
// (point.group.type === 'Groups::Collectors' && point.has_device) ||
|
|
48
|
+
// (point.group.type === 'Groups::PumpStation' && point.has_device)
|
|
49
|
+
// );
|
|
50
|
+
// };
|
|
51
|
+
// const includeUnmonitoredPointsLogic = (point: IPoint) => {
|
|
52
|
+
// return includeUnmonitoredPoints ? point.part_of_monitored_path : false;
|
|
53
|
+
// };
|
|
54
|
+
// const filterStatement = (point) => {
|
|
55
|
+
// return (
|
|
56
|
+
// includeUnmonitoredPointsLogic(point) ||
|
|
57
|
+
// isPointBelongToGroupTypes(point) ||
|
|
58
|
+
// point.group.type === 'Groups::WastewaterTreatmentPlant'
|
|
59
|
+
// );
|
|
60
|
+
// };
|
|
27
61
|
|
|
28
|
-
var
|
|
29
|
-
return
|
|
30
|
-
};
|
|
62
|
+
var filteredPoints = function filteredPoints() {
|
|
63
|
+
return points; //.filter((point: IPoint) => filterStatement(point));
|
|
64
|
+
}; // function countLayersOnMap(map) {
|
|
65
|
+
// let layerCount = 0;
|
|
66
|
+
// map.eachLayer(function (layer) {
|
|
67
|
+
// // Exclude the base layer (the map itself) from the count
|
|
68
|
+
// if (!layer._tiles) {
|
|
69
|
+
// // for(var a in layer)
|
|
70
|
+
// // console.log(a);
|
|
71
|
+
// //console.log('layer', layer);
|
|
72
|
+
// map.removeLayer(layer);
|
|
73
|
+
// layerCount++;
|
|
74
|
+
// }
|
|
75
|
+
// else {
|
|
76
|
+
// //console.log('no layers deleted', layer);
|
|
77
|
+
// }
|
|
78
|
+
// });
|
|
79
|
+
// return layerCount;
|
|
80
|
+
// }
|
|
31
81
|
|
|
32
|
-
var includeUnmonitoredPointsLogic = function includeUnmonitoredPointsLogic(point) {
|
|
33
|
-
return includeUnmonitoredPoints ? point.part_of_monitored_path : false;
|
|
34
|
-
};
|
|
35
82
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
83
|
+
(0, _react.useEffect)(function () {
|
|
84
|
+
//console.log('PointMarkers useEffect: rerender: ', rerender);
|
|
85
|
+
//console.log('Layers on map', countLayersOnMap(map));
|
|
86
|
+
if (map) {
|
|
87
|
+
switch (rerender) {
|
|
88
|
+
case 'XLarge':
|
|
89
|
+
(0, _PointUtils.addLayerGroup)(map, factoriesGroup);
|
|
90
|
+
(0, _PointUtils.addLayerGroup)(map, wwtpsGroup);
|
|
91
|
+
(0, _PointUtils.removeLayerGroup)(map, collectorsGroup);
|
|
92
|
+
break;
|
|
39
93
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
94
|
+
case 'Large':
|
|
95
|
+
break;
|
|
96
|
+
|
|
97
|
+
case 'MLarge':
|
|
98
|
+
(0, _PointUtils.removeLayerGroup)(map, collectorsGroup);
|
|
99
|
+
break;
|
|
100
|
+
|
|
101
|
+
case 'Medium':
|
|
102
|
+
(0, _PointUtils.addLayerGroup)(map, collectorsGroup);
|
|
103
|
+
break;
|
|
104
|
+
|
|
105
|
+
default:
|
|
106
|
+
break;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
45
109
|
|
|
46
|
-
|
|
110
|
+
factoriesGroup.doneCreating = true;
|
|
111
|
+
wwtpsGroup.doneCreating = true;
|
|
112
|
+
collectorsGroup.doneCreating = true;
|
|
113
|
+
}, [rerender]);
|
|
47
114
|
return /*#__PURE__*/_react.default.createElement("div", null, points.length !== 0 && filteredPoints().map(function (point) {
|
|
48
115
|
return point.latitude && point.longitude && /*#__PURE__*/_react.default.createElement(_PointMarker.default, {
|
|
49
116
|
map: map,
|
|
50
117
|
point: point,
|
|
51
118
|
key: point.id,
|
|
52
|
-
rerender: rerender
|
|
119
|
+
rerender: rerender,
|
|
120
|
+
layerGroup: point.group.type === 'Groups::Factory' ? factoriesGroup : point.group.type === 'Groups::WastewaterTreatmentPlant' ? wwtpsGroup : collectorsGroup
|
|
53
121
|
});
|
|
54
122
|
}));
|
|
55
123
|
};
|
|
56
124
|
|
|
57
125
|
exports.PointMarkers = PointMarkers;
|
|
58
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
126
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9XaWRnZXRzL01hcC9wb2ludHMvUG9pbnRNYXJrZXJzLnRzeCJdLCJuYW1lcyI6WyJQb2ludE1hcmtlcnMiLCJwcm9wcyIsInBvaW50cyIsIm1hcCIsImZhY3Rvcmllc0dyb3VwIiwid3d0cHNHcm91cCIsImNvbGxlY3RvcnNHcm91cCIsInJlcmVuZGVyIiwiZmlsdGVyZWRQb2ludHMiLCJkb25lQ3JlYXRpbmciLCJsZW5ndGgiLCJwb2ludCIsImxhdGl0dWRlIiwibG9uZ2l0dWRlIiwiaWQiLCJncm91cCIsInR5cGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBRUE7O0FBQ0E7Ozs7OztBQVlPLElBQU1BLFlBQTZCLEdBQUcsU0FBaENBLFlBQWdDLENBQUNDLEtBQUQsRUFBVztBQUN0RCxNQUNFQyxNQURGLEdBUUlELEtBUkosQ0FDRUMsTUFERjtBQUFBLE1BRUVDLEdBRkYsR0FRSUYsS0FSSixDQUVFRSxHQUZGO0FBQUEsTUFHRUMsY0FIRixHQVFJSCxLQVJKLENBR0VHLGNBSEY7QUFBQSxNQUlFQyxVQUpGLEdBUUlKLEtBUkosQ0FJRUksVUFKRjtBQUFBLE1BS0VDLGVBTEYsR0FRSUwsS0FSSixDQUtFSyxlQUxGO0FBQUEsTUFPRUMsUUFQRixHQVFJTixLQVJKLENBT0VNLFFBUEYsQ0FEc0QsQ0FXdEQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBLE1BQU1DLGNBQWMsR0FBRyxTQUFqQkEsY0FBaUIsR0FBTTtBQUMzQixXQUFPTixNQUFQLENBRDJCLENBQ1o7QUFDaEIsR0FGRCxDQWpEc0QsQ0FxRHREO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7OztBQUVBLHdCQUFVLFlBQU07QUFDZDtBQUNBO0FBRUEsUUFBSUMsR0FBSixFQUFTO0FBQ1AsY0FBUUksUUFBUjtBQUNFLGFBQUssUUFBTDtBQUNFLHlDQUFjSixHQUFkLEVBQW1CQyxjQUFuQjtBQUNBLHlDQUFjRCxHQUFkLEVBQW1CRSxVQUFuQjtBQUNBLDRDQUFpQkYsR0FBakIsRUFBc0JHLGVBQXRCO0FBQ0E7O0FBQ0YsYUFBSyxPQUFMO0FBQ0U7O0FBQ0YsYUFBSyxRQUFMO0FBQ0UsNENBQWlCSCxHQUFqQixFQUFzQkcsZUFBdEI7QUFDQTs7QUFDRixhQUFLLFFBQUw7QUFDRSx5Q0FBY0gsR0FBZCxFQUFtQkcsZUFBbkI7QUFDQTs7QUFDRjtBQUNFO0FBZko7QUFpQkQ7O0FBRURGLElBQUFBLGNBQWMsQ0FBQ0ssWUFBZixHQUE4QixJQUE5QjtBQUNBSixJQUFBQSxVQUFVLENBQUNJLFlBQVgsR0FBMEIsSUFBMUI7QUFDQUgsSUFBQUEsZUFBZSxDQUFDRyxZQUFoQixHQUErQixJQUEvQjtBQUNELEdBM0JELEVBMkJHLENBQUNGLFFBQUQsQ0EzQkg7QUE2QkEsc0JBQ0UsMENBQ0dMLE1BQU0sQ0FBQ1EsTUFBUCxLQUFrQixDQUFsQixJQUNDRixjQUFjLEdBQUdMLEdBQWpCLENBQ0UsVUFBQ1EsS0FBRDtBQUFBLFdBQ0VBLEtBQUssQ0FBQ0MsUUFBTixJQUNBRCxLQUFLLENBQUNFLFNBRE4saUJBRUUsNkJBQUMsb0JBQUQ7QUFDRSxNQUFBLEdBQUcsRUFBRVYsR0FEUDtBQUVFLE1BQUEsS0FBSyxFQUFFUSxLQUZUO0FBR0UsTUFBQSxHQUFHLEVBQUVBLEtBQUssQ0FBQ0csRUFIYjtBQUlFLE1BQUEsUUFBUSxFQUFFUCxRQUpaO0FBS0UsTUFBQSxVQUFVLEVBQ1JJLEtBQUssQ0FBQ0ksS0FBTixDQUFZQyxJQUFaLEtBQXFCLGlCQUFyQixHQUNJWixjQURKLEdBRUlPLEtBQUssQ0FBQ0ksS0FBTixDQUFZQyxJQUFaLEtBQXFCLGtDQUFyQixHQUNBWCxVQURBLEdBRUFDO0FBVlIsTUFISjtBQUFBLEdBREYsQ0FGSixDQURGO0FBd0JELENBNUhNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IElQb2ludCB9IGZyb20gJ3NyYy9zdG9yZS9wb2ludHMvbW9kZWxzL0lQb2ludCc7XG5pbXBvcnQgUG9pbnRNYXJrZXIgZnJvbSAnLi9Qb2ludE1hcmtlcic7XG5pbXBvcnQgeyBhZGRMYXllckdyb3VwLCByZW1vdmVMYXllckdyb3VwIH0gZnJvbSAnLi9Qb2ludFV0aWxzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgbWFwOiBhbnk7XG4gIHBvaW50czogYW55O1xuICBpbmNsdWRlVW5tb25pdG9yZWRQb2ludHM6IGJvb2xlYW47XG4gIHJlcmVuZGVyOiBzdHJpbmc7XG4gIGZhY3Rvcmllc0dyb3VwOiBhbnk7XG4gIHd3dHBzR3JvdXA6IGFueTtcbiAgY29sbGVjdG9yc0dyb3VwOiBhbnk7XG59O1xuXG5leHBvcnQgY29uc3QgUG9pbnRNYXJrZXJzOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHBvaW50cyxcbiAgICBtYXAsXG4gICAgZmFjdG9yaWVzR3JvdXAsXG4gICAgd3d0cHNHcm91cCxcbiAgICBjb2xsZWN0b3JzR3JvdXAsXG4gICAgLy8gaW5jbHVkZVVubW9uaXRvcmVkUG9pbnRzID0gZmFsc2UsXG4gICAgcmVyZW5kZXIsXG4gIH0gPSBwcm9wcztcblxuICAvL0hhbmRsZSB0aGUgbW91c2UgY2xpY2sgaGVyZSBvbmUgZm9yIGFsbCBpbnN0ZWFkIG9uZSBieSBvbmVcbiAgLy8gZmFjdG9yaWVzQ2x1c3Rlckdyb3VwLm9uKCdjbGljaycsIGZ1bmN0aW9uIChhKSB7XG4gIC8vICAgY29uc29sZS5sb2coJ2N1cnJlbnRTcmMnLCBhLm9yaWdpbmFsRXZlbnQudGFyZ2V0LmN1cnJlbnRTcmMpO1xuICAvLyAgIGNvbnNvbGUubG9nKCdzcmMnLCBhLm9yaWdpbmFsRXZlbnQudGFyZ2V0LnNyYyk7XG4gIC8vICAgLy9hLm9yaWdpbmFsRXZlbnQudGFyZ2V0LnNyYyA9ICcnO1xuICAvLyAgIC8vQ2hhbmdlIGljb24gaGVyZVxuICAvLyB9KTtcbiAgLy8gY29uc29sZS5sb2coJ0xheWVyR3JvdXBzJywgZmFjdG9yaWVzQ2x1c3Rlckdyb3VwKTtcblxuICAvL2NvbnN0IGxheWVyR3JvdXBzID0gTC5sYXllckdyb3VwKCk7XG4gIC8vY29uc3Qgd3d0cHNMYXllckdyb3VwID0gTC5sYXllckdyb3VwKCk7XG4gIC8vY29uc3QgY29sbGVjdG9yc0xheWVyR3JvdXAgPSBMLmxheWVyR3JvdXAoKTtcbiAgLy9jb25zb2xlLmxvZygnTGF5ZXJHcm91cHMnLCB3d3Rwc0xheWVyR3JvdXAsIGNvbGxlY3RvcnNMYXllckdyb3VwKTtcbiAgLy9sYXllckdyb3Vwcy5hZGRMYXllcih3d3Rwc0xheWVyR3JvdXApO1xuICAvL2xheWVyR3JvdXBzLmFkZExheWVyKGNvbGxlY3RvcnNMYXllckdyb3VwKTtcbiAgLy9tYXAuYWRkTGF5ZXIobGF5ZXJHcm91cHMpO1xuXG4gIC8vIGNvbnN0IGlzUG9pbnRCZWxvbmdUb0dyb3VwVHlwZXMgPSAocG9pbnQ6IElQb2ludCkgPT4ge1xuICAvLyAgIHJldHVybiAoXG4gIC8vICAgICBwb2ludC5ncm91cC50eXBlID09PSAnR3JvdXBzOjpXYXN0ZXdhdGVyVHJlYXRtZW50UGxhbnQnIHx8XG4gIC8vICAgICAocG9pbnQuZ3JvdXAudHlwZSA9PT0gJ0dyb3Vwczo6RmFjdG9yeScpIHx8XG4gIC8vICAgICAocG9pbnQuZ3JvdXAudHlwZSA9PT0gJ0dyb3Vwczo6Q29sbGVjdG9ycycgJiYgcG9pbnQuaGFzX2RldmljZSkgfHxcbiAgLy8gICAgIChwb2ludC5ncm91cC50eXBlID09PSAnR3JvdXBzOjpQdW1wU3RhdGlvbicgJiYgcG9pbnQuaGFzX2RldmljZSlcbiAgLy8gICApO1xuICAvLyB9O1xuXG4gIC8vIGNvbnN0IGluY2x1ZGVVbm1vbml0b3JlZFBvaW50c0xvZ2ljID0gKHBvaW50OiBJUG9pbnQpID0+IHtcbiAgLy8gICByZXR1cm4gaW5jbHVkZVVubW9uaXRvcmVkUG9pbnRzID8gcG9pbnQucGFydF9vZl9tb25pdG9yZWRfcGF0aCA6IGZhbHNlO1xuICAvLyB9O1xuXG4gIC8vIGNvbnN0IGZpbHRlclN0YXRlbWVudCA9IChwb2ludCkgPT4ge1xuICAvLyAgIHJldHVybiAoXG4gIC8vICAgICBpbmNsdWRlVW5tb25pdG9yZWRQb2ludHNMb2dpYyhwb2ludCkgfHxcbiAgLy8gICAgIGlzUG9pbnRCZWxvbmdUb0dyb3VwVHlwZXMocG9pbnQpIHx8XG4gIC8vICAgICBwb2ludC5ncm91cC50eXBlID09PSAnR3JvdXBzOjpXYXN0ZXdhdGVyVHJlYXRtZW50UGxhbnQnXG4gIC8vICAgKTtcbiAgLy8gfTtcblxuICBjb25zdCBmaWx0ZXJlZFBvaW50cyA9ICgpID0+IHtcbiAgICByZXR1cm4gcG9pbnRzOyAvLy5maWx0ZXIoKHBvaW50OiBJUG9pbnQpID0+IGZpbHRlclN0YXRlbWVudChwb2ludCkpO1xuICB9O1xuXG4gIC8vIGZ1bmN0aW9uIGNvdW50TGF5ZXJzT25NYXAobWFwKSB7XG4gIC8vICAgbGV0IGxheWVyQ291bnQgPSAwO1xuICAvLyAgIG1hcC5lYWNoTGF5ZXIoZnVuY3Rpb24gKGxheWVyKSB7XG4gIC8vICAgICAgIC8vIEV4Y2x1ZGUgdGhlIGJhc2UgbGF5ZXIgKHRoZSBtYXAgaXRzZWxmKSBmcm9tIHRoZSBjb3VudFxuICAvLyAgICAgICBpZiAoIWxheWVyLl90aWxlcykge1xuICAvLyAgICAgICAgIC8vIGZvcih2YXIgYSBpbiBsYXllcilcbiAgLy8gICAgICAgICAvLyAgIGNvbnNvbGUubG9nKGEpO1xuICAvLyAgICAgICAgIC8vY29uc29sZS5sb2coJ2xheWVyJywgbGF5ZXIpO1xuICAvLyAgICAgICAgIG1hcC5yZW1vdmVMYXllcihsYXllcik7XG4gIC8vICAgICAgICAgbGF5ZXJDb3VudCsrO1xuICAvLyAgICAgICB9XG4gIC8vICAgICAgIGVsc2Uge1xuICAvLyAgICAgICAgIC8vY29uc29sZS5sb2coJ25vIGxheWVycyBkZWxldGVkJywgbGF5ZXIpO1xuICAvLyAgICAgICB9XG4gIC8vICAgfSk7XG4gIC8vICAgcmV0dXJuIGxheWVyQ291bnQ7XG4gIC8vIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vY29uc29sZS5sb2coJ1BvaW50TWFya2VycyB1c2VFZmZlY3Q6IHJlcmVuZGVyOiAnLCByZXJlbmRlcik7XG4gICAgLy9jb25zb2xlLmxvZygnTGF5ZXJzIG9uIG1hcCcsIGNvdW50TGF5ZXJzT25NYXAobWFwKSk7XG5cbiAgICBpZiAobWFwKSB7XG4gICAgICBzd2l0Y2ggKHJlcmVuZGVyKSB7XG4gICAgICAgIGNhc2UgJ1hMYXJnZSc6XG4gICAgICAgICAgYWRkTGF5ZXJHcm91cChtYXAsIGZhY3Rvcmllc0dyb3VwKTtcbiAgICAgICAgICBhZGRMYXllckdyb3VwKG1hcCwgd3d0cHNHcm91cCk7XG4gICAgICAgICAgcmVtb3ZlTGF5ZXJHcm91cChtYXAsIGNvbGxlY3RvcnNHcm91cCk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ0xhcmdlJzpcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnTUxhcmdlJzpcbiAgICAgICAgICByZW1vdmVMYXllckdyb3VwKG1hcCwgY29sbGVjdG9yc0dyb3VwKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnTWVkaXVtJzpcbiAgICAgICAgICBhZGRMYXllckdyb3VwKG1hcCwgY29sbGVjdG9yc0dyb3VwKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmYWN0b3JpZXNHcm91cC5kb25lQ3JlYXRpbmcgPSB0cnVlO1xuICAgIHd3dHBzR3JvdXAuZG9uZUNyZWF0aW5nID0gdHJ1ZTtcbiAgICBjb2xsZWN0b3JzR3JvdXAuZG9uZUNyZWF0aW5nID0gdHJ1ZTtcbiAgfSwgW3JlcmVuZGVyXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAge3BvaW50cy5sZW5ndGggIT09IDAgJiZcbiAgICAgICAgZmlsdGVyZWRQb2ludHMoKS5tYXAoXG4gICAgICAgICAgKHBvaW50OiBJUG9pbnQpID0+XG4gICAgICAgICAgICBwb2ludC5sYXRpdHVkZSAmJlxuICAgICAgICAgICAgcG9pbnQubG9uZ2l0dWRlICYmIChcbiAgICAgICAgICAgICAgPFBvaW50TWFya2VyXG4gICAgICAgICAgICAgICAgbWFwPXttYXB9XG4gICAgICAgICAgICAgICAgcG9pbnQ9e3BvaW50fVxuICAgICAgICAgICAgICAgIGtleT17cG9pbnQuaWR9XG4gICAgICAgICAgICAgICAgcmVyZW5kZXI9e3JlcmVuZGVyfVxuICAgICAgICAgICAgICAgIGxheWVyR3JvdXA9e1xuICAgICAgICAgICAgICAgICAgcG9pbnQuZ3JvdXAudHlwZSA9PT0gJ0dyb3Vwczo6RmFjdG9yeSdcbiAgICAgICAgICAgICAgICAgICAgPyBmYWN0b3JpZXNHcm91cFxuICAgICAgICAgICAgICAgICAgICA6IHBvaW50Lmdyb3VwLnR5cGUgPT09ICdHcm91cHM6Oldhc3Rld2F0ZXJUcmVhdG1lbnRQbGFudCdcbiAgICAgICAgICAgICAgICAgICAgPyB3d3Rwc0dyb3VwXG4gICAgICAgICAgICAgICAgICAgIDogY29sbGVjdG9yc0dyb3VwXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSxcbiAgICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0=
|