qwc2
Version:
QGIS Web Client
1,019 lines • 61.8 kB
JavaScript
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
/**
* Copyright 2016-2024 Sourcepole AG
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import { connect } from 'react-redux';
import axios from 'axios';
import clone from 'clone';
import DOMPurify from 'dompurify';
import FileSaver from 'file-saver';
import htmlReactParser, { domToReact } from 'html-react-parser';
import JSZip from 'jszip';
import isEmpty from 'lodash.isempty';
import omit from 'lodash.omit';
import PropTypes from 'prop-types';
import { setActiveLayerInfo } from '../actions/layerinfo';
import { LayerRole, addLayerFeatures, removeLayer, changeLayerProperty } from '../actions/layers';
import { zoomToPoint } from '../actions/map';
import { openExternalUrl } from '../actions/windows';
import ConfigUtils from '../utils/ConfigUtils';
import CoordinatesUtils from '../utils/CoordinatesUtils';
import LayerUtils from '../utils/LayerUtils';
import LocaleUtils from '../utils/LocaleUtils';
import MapUtils from '../utils/MapUtils';
import MiscUtils, { ToggleSet } from '../utils/MiscUtils';
import VectorLayerUtils from '../utils/VectorLayerUtils';
import Icon from './Icon';
import NavBar from './widgets/NavBar';
import Spinner from './widgets/Spinner';
import './style/IdentifyViewer.css';
var EXCLUDE_PROPS = ['featurereport', 'displayfield', 'layername', 'layertitle', 'layerinfo', 'attribnames', 'clickPos', 'displayname', 'bbox'];
var EXCLUDE_ATTRS = ['htmlContent', 'htmlContentInline'];
var BuiltinExporters = [{
id: 'json',
title: 'json',
allowClipboard: true,
"export": function _export(json, callback) {
var data = JSON.stringify(json, null, ' ');
callback({
data: data,
type: "text/plain;charset=utf-8",
filename: "results.json"
});
}
}, {
id: 'geojson',
title: 'geojson',
allowClipboard: true,
"export": function _export(json, callback) {
var featureCollection = {
type: "FeatureCollection",
features: Object.values(json).flat().map(function (entry) {
var feature = omit(entry, EXCLUDE_PROPS);
feature.properties = omit(feature.properties, EXCLUDE_ATTRS);
if (feature.geometry) {
feature.crs = {
type: "name",
properties: {
name: CoordinatesUtils.toOgcUrnCrs(entry.crs)
}
};
}
return feature;
})
};
var data = JSON.stringify(featureCollection, null, ' ');
callback({
data: data,
type: "application/geo+json;charset=utf-8",
filename: "results.json"
});
}
}, {
id: 'csv',
title: 'CSV',
allowClipboard: true,
"export": function _export(json, callback) {
var dataset = [];
Object.entries(json).forEach(function (_ref) {
var _ref2 = _slicedToArray(_ref, 2),
layerName = _ref2[0],
features = _ref2[1];
features.forEach(function (feature) {
dataset.push([feature.layertitle + ": " + feature.displayname]);
Object.entries(feature.properties || {}).forEach(function (_ref3) {
var _ref4 = _slicedToArray(_ref3, 2),
attrib = _ref4[0],
value = _ref4[1];
if (!EXCLUDE_ATTRS.includes(attrib)) {
dataset.push(["", attrib, String(value)]);
}
});
if (feature.geometry) {
dataset.push(["", "geometry", VectorLayerUtils.geoJSONGeomToWkt(feature.geometry)]);
}
});
});
var csv = dataset.map(function (row) {
return row.map(function (field) {
return field ? "\"".concat(field.replace('"', '""'), "\"") : "";
}).join("\t");
}).join("\n");
callback({
data: csv,
type: "text/plain;charset=utf-8",
filename: "results.csv"
});
}
}, {
id: 'csvzip',
title: 'CSV+ZIP',
allowClipboard: false,
"export": function _export(json, callback) {
var data = [];
var filenames = [];
Object.entries(json).forEach(function (_ref5) {
var _features$0$propertie, _features$;
var _ref6 = _slicedToArray(_ref5, 2),
layerName = _ref6[0],
features = _ref6[1];
var exportAttrs = Object.keys((_features$0$propertie = (_features$ = features[0]) === null || _features$ === void 0 ? void 0 : _features$.properties) !== null && _features$0$propertie !== void 0 ? _features$0$propertie : {}).filter(function (attr) {
return !EXCLUDE_ATTRS.includes(attr);
});
var dataset = [_toConsumableArray(exportAttrs)];
if (features[0].geometry) {
dataset[0].push("geometry");
}
features.forEach(function (feature) {
var row = exportAttrs.map(function (attr) {
return String(feature.properties[attr]);
});
if (feature.geometry) {
row.push(VectorLayerUtils.geoJSONGeomToWkt(feature.geometry));
}
dataset.push(row);
});
var csv = dataset.map(function (row) {
return row.map(function (field) {
return "\"".concat(field.replace('"', '""'), "\"");
}).join(";");
}).join("\n");
data.push(csv);
filenames.push(features[0].layername);
});
if (data.length > 1) {
var zip = new JSZip();
for (var i = 0; i < data.length; i++) {
var blob = new Blob([data[i]], {
type: "text/csv;charset=utf-8"
});
zip.file(filenames[i] + ".csv", blob);
}
zip.generateAsync({
type: "arraybuffer"
}).then(function (result) {
callback({
data: result,
type: "application/zip",
filename: "results.zip"
});
});
} else {
callback({
data: data[0],
type: "text/csv;charset=utf-8",
filename: filenames[0] + ".csv"
});
}
}
}, {
id: 'shapefile',
title: 'Shapefile',
allowClipboard: false,
"export": function _export(json, callback) {
import("@mapbox/shp-write").then(function (shpwriteMod) {
var shpwrite = shpwriteMod["default"];
var layers = Object.entries(json);
var options = {
outputType: 'arraybuffer',
types: {
point: 'points',
polygon: 'polygons',
polyline: 'lines'
}
};
var promises = layers.map(function (_ref7) {
var _features$2;
var _ref8 = _slicedToArray(_ref7, 2),
layerName = _ref8[0],
features = _ref8[1];
var geojson = {
type: "FeatureCollection",
features: features.map(function (entry) {
return omit(entry, EXCLUDE_PROPS);
})
};
var layerOptions = _objectSpread(_objectSpread({}, options), {}, {
folder: layerName
});
var crs = (_features$2 = features[0]) === null || _features$2 === void 0 ? void 0 : _features$2.crs;
if (crs) {
var wkt = CoordinatesUtils.getEsriWktFromCrs(crs);
if (wkt) {
layerOptions.prj = wkt;
}
}
return shpwrite.zip(geojson, layerOptions).then(function (shpData) {
return {
layerName: layerName,
shpData: shpData
};
});
});
Promise.all(promises).then(function (results) {
if (results.length === 1) {
callback({
data: results[0].shpData,
type: "application/zip",
filename: results[0].layerName + ".zip"
});
} else {
var zip = new JSZip();
results.forEach(function (_ref9) {
var layerName = _ref9.layerName,
shpData = _ref9.shpData;
zip.file(layerName + ".zip", shpData);
});
zip.generateAsync({
type: "arraybuffer"
}).then(function (result) {
callback({
data: result,
type: "application/zip",
filename: "shapefiles.zip"
});
});
}
});
});
}
}, {
id: 'xlsx',
title: 'XLSX',
allowClipboard: false,
"export": function _export(json, callback) {
import('xlsx').then(function (xlsx) {
var document = xlsx.utils.book_new();
Object.entries(json).forEach(function (_ref10) {
var _features$0$propertie2, _features$3;
var _ref11 = _slicedToArray(_ref10, 2),
layerName = _ref11[0],
features = _ref11[1];
var exportAttrs = Object.keys((_features$0$propertie2 = (_features$3 = features[0]) === null || _features$3 === void 0 ? void 0 : _features$3.properties) !== null && _features$0$propertie2 !== void 0 ? _features$0$propertie2 : {}).filter(function (attr) {
return !EXCLUDE_ATTRS.includes(attr);
});
var dataset = [_toConsumableArray(exportAttrs)];
if (features[0].geometry) {
dataset[0].push("geometry");
}
features.forEach(function (feature) {
var row = exportAttrs.map(function (attr) {
return feature.properties[attr];
});
if (feature.geometry) {
var geomWkt = VectorLayerUtils.geoJSONGeomToWkt(feature.geometry);
if (geomWkt.length < 32768) {
row.push(geomWkt);
} else {
row.push("Geometry too large");
}
}
dataset.push(row);
});
var worksheet = xlsx.utils.aoa_to_sheet(dataset);
var sheetName = features[0].layertitle.slice(0, 30).replace(/[\\/?*[]]?/g, '_');
xlsx.utils.book_append_sheet(document, worksheet, sheetName);
});
var data = xlsx.write(document, {
type: "buffer"
});
callback({
data: data,
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
filename: "results.xlsx"
});
});
}
}];
var IdentifyViewer = /*#__PURE__*/function (_React$Component) {
function IdentifyViewer(props) {
var _this;
_classCallCheck(this, IdentifyViewer);
_this = _callSuper(this, IdentifyViewer, [props]);
_defineProperty(_this, "state", {
collapsedLayers: new ToggleSet(),
expandedResults: new ToggleSet(),
selectedResults: new ToggleSet(),
resultTree: {},
reports: {},
currentResult: null,
settingsMenu: false,
exportFormat: 'geojson',
selectedAggregatedReport: "",
generatingReport: false,
selectedLayer: '',
compareEnabled: false,
currentPage: 0
});
_defineProperty(_this, "getCurrentResultFeature", function () {
var _this$state$resultTre, _this$state$resultTre2, _this$state$resultTre3, _this$state$currentRe;
return (_this$state$resultTre = (_this$state$resultTre2 = _this.state.resultTree[(_this$state$currentRe = _this.state.currentResult) === null || _this$state$currentRe === void 0 ? void 0 : _this$state$currentRe.layerid]) === null || _this$state$resultTre2 === void 0 || (_this$state$resultTre3 = _this$state$resultTre2.find) === null || _this$state$resultTre3 === void 0 ? void 0 : _this$state$resultTre3.call(_this$state$resultTre2, function (feature) {
return feature.id === _this.state.currentResult.featureid;
})) !== null && _this$state$resultTre !== void 0 ? _this$state$resultTre : null;
});
_defineProperty(_this, "updateResultTree", function () {
var layers = Object.keys(_this.props.identifyResults);
var currentResult = null;
if (layers.length === 1 && _this.props.identifyResults[layers[0]].length === 1) {
currentResult = {
layerid: layers[0],
featureid: _this.props.identifyResults[layers[0]][0].id
};
}
_this.setState({
resultTree: clone(_this.props.identifyResults),
currentResult: currentResult,
reports: LayerUtils.collectFeatureReports(_this.props.layers)
});
});
_defineProperty(_this, "setHighlightedFeatures", function (features) {
if (!features && _this.props.highlightAllResults) {
var resultTree = _this.state.selectedLayer !== '' ? _defineProperty({}, _this.state.selectedLayer, _this.state.resultTree[_this.state.selectedLayer]) : _this.state.resultTree;
features = Object.values(resultTree).flat();
}
features = (features || []).filter(function (feature) {
return feature.type.toLowerCase() === "feature";
}).map(function (feature) {
var newFeature = _objectSpread(_objectSpread({}, feature), {}, {
properties: {}
});
// Ensure selection style is used
delete newFeature.styleName;
delete newFeature.styleOptions;
return newFeature;
});
if (!isEmpty(features)) {
var layer = {
id: "__identifyviewerhighlight",
role: LayerRole.SELECTION
};
_this.props.addLayerFeatures(layer, features, true);
} else {
_this.props.removeLayer("__identifyviewerhighlight");
}
});
_defineProperty(_this, "removeResultLayer", function (layerid) {
_this.setState(function (state) {
var _state$currentResult;
var newResultTree = _objectSpread({}, state.resultTree);
delete newResultTree[layerid];
return {
resultTree: newResultTree,
collapsedLayers: state.collapsedLayers["delete"](layerid),
currentResult: ((_state$currentResult = state.currentResult) === null || _state$currentResult === void 0 ? void 0 : _state$currentResult.layerid) === layerid ? null : state.currentResult
};
});
});
_defineProperty(_this, "removeResult", function (layerid, feature) {
_this.setState(function (state) {
var _state$currentResult2;
var newResultTree = _objectSpread({}, state.resultTree);
var collapsedLayers = state.collapsedLayers;
newResultTree[layerid] = state.resultTree[layerid].filter(function (item) {
return item !== feature;
});
if (isEmpty(newResultTree[layerid])) {
delete newResultTree[layerid];
collapsedLayers["delete"](layerid);
}
var selectedLayer = isEmpty(newResultTree[layerid]) ? '' : state.selectedLayer;
var selectedResults = state.selectedResults["delete"](layerid + "$" + feature.id);
return {
resultTree: newResultTree,
currentResult: ((_state$currentResult2 = state.currentResult) === null || _state$currentResult2 === void 0 ? void 0 : _state$currentResult2.featureid) === feature.id ? null : state.currentResult,
selectedLayer: selectedLayer,
selectedResults: selectedResults,
expandedResults: state.expandedResults["delete"](layerid + "$" + feature.id),
collapsedLayers: collapsedLayers,
compareEnabled: state.compareEnabled && selectedResults.size > 1
};
});
});
_defineProperty(_this, "exportResults", function () {
var clipboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var filteredResults = {};
if (_this.state.selectedResults.size() > 0) {
_this.state.selectedResults.entries().forEach(function (key) {
var _key$split = key.split("$"),
_key$split2 = _slicedToArray(_key$split, 2),
layerid = _key$split2[0],
featureid = _key$split2[1];
if (!filteredResults[layerid]) {
filteredResults[layerid] = [];
}
filteredResults[layerid].push(_this.state.resultTree[layerid].find(function (feature) {
return feature.id === featureid;
}));
});
} else {
Object.keys(_this.state.selectedLayer !== '' ? _defineProperty({}, _this.state.selectedLayer, _this.state.resultTree[_this.state.selectedLayer]) : _this.state.resultTree).map(function (key) {
if (!isEmpty(_this.state.resultTree[key])) {
filteredResults[key] = _this.state.resultTree[key];
}
});
}
_this["export"](filteredResults, clipboard);
});
_defineProperty(_this, "exportResultLayer", function (layer) {
_this["export"](_defineProperty({}, layer, _this.state.resultTree[layer]));
});
_defineProperty(_this, "exportResult", function (layer, result) {
_this["export"](_defineProperty({}, layer, [result]));
});
_defineProperty(_this, "export", function (json) {
var clipboard = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var exporter = _this.getExporters().find(function (entry) {
return entry.id === _this.state.exportFormat;
});
if (exporter) {
if (!_this.props.exportGeometry) {
json = Object.entries(json).reduce(function (res, _ref14) {
var _ref15 = _slicedToArray(_ref14, 2),
layerId = _ref15[0],
features = _ref15[1];
return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, layerId, features.map(function (feature) {
return omit(feature, ['geometry']);
})));
}, {});
}
exporter["export"](json, function (result) {
if (clipboard && exporter.allowClipboard) {
navigator.clipboard.writeText(result.data);
} else {
FileSaver.saveAs(new Blob([result.data], {
type: result.type
}), result.filename);
}
});
}
});
_defineProperty(_this, "renderResultTree", function () {
var exportEnabled = _this.props.enableExport === true || !isEmpty(_this.props.enableExport);
return /*#__PURE__*/React.createElement("div", {
className: "identify-results-tree",
key: "results-container",
ref: function ref(el) {
_this.resultsTreeRef = el;
},
style: {
maxHeight: _this.state.currentResult ? '10em' : 'initial'
}
}, Object.entries(_this.state.resultTree).map(function (_ref16) {
var _ref17 = _slicedToArray(_ref16, 2),
layerid = _ref17[0],
features = _ref17[1];
if (features.length === 0) {
return null;
}
return /*#__PURE__*/React.createElement("div", {
key: layerid
}, /*#__PURE__*/React.createElement("div", {
className: "identify-results-tree-entry",
onMouseEnter: function onMouseEnter() {
return _this.setHighlightedFeatures(features);
},
onMouseLeave: function onMouseLeave() {
return _this.setHighlightedFeatures(_this.state.currentResult ? [_this.getCurrentResultFeature()] : null);
}
}, /*#__PURE__*/React.createElement("span", {
onClick: function onClick() {
return _this.toggleExpanded(layerid);
}
}, /*#__PURE__*/React.createElement(Icon, {
icon: _this.state.collapsedLayers.has(layerid) ? "expand" : "collapse"
}), " ", features[0].layertitle), exportEnabled ? /*#__PURE__*/React.createElement(Icon, {
className: "identify-export-result",
icon: "export",
onClick: function onClick() {
return _this.exportResultLayer(layerid);
}
}) : null, /*#__PURE__*/React.createElement(Icon, {
className: "identify-remove-result",
icon: "trash",
onClick: function onClick() {
return _this.removeResultLayer(layerid);
}
})), _this.state.collapsedLayers.has(layerid) ? null : /*#__PURE__*/React.createElement("div", {
className: "identify-results-tree-entries"
}, features.map(function (feature) {
var _this$state$currentRe2, _this$state$currentRe3;
// this.renderResult(layername, result)
var ref = _this.state.currentResult === feature && _this.scrollIntoView ? function (el) {
_this.currentResultElRef = el;
} : null;
var active = ((_this$state$currentRe2 = _this.state.currentResult) === null || _this$state$currentRe2 === void 0 ? void 0 : _this$state$currentRe2.featureid) === feature.id && ((_this$state$currentRe3 = _this.state.currentResult) === null || _this$state$currentRe3 === void 0 ? void 0 : _this$state$currentRe3.layerid) === layerid;
return /*#__PURE__*/React.createElement("div", {
className: "identify-results-tree-entry",
key: feature.id,
onMouseEnter: function onMouseEnter() {
return _this.setHighlightedFeatures([feature]);
},
onMouseLeave: function onMouseLeave() {
return _this.setHighlightedFeatures(_this.state.currentResult ? [_this.getCurrentResultFeature()] : null);
}
}, /*#__PURE__*/React.createElement("span", {
className: active ? "identify-results-tree-entry-active" : "",
onClick: function onClick() {
return _this.setCurrentResult(layerid, feature.id);
},
ref: ref
}, feature.displayname, _this.state.selectedResults.has(layerid + "$" + feature.id) ? /*#__PURE__*/React.createElement(Icon, {
icon: "pin"
}) : null), exportEnabled ? /*#__PURE__*/React.createElement(Icon, {
className: "identify-export-result",
icon: "export",
onClick: function onClick() {
return _this.exportResult(layerid, feature);
}
}) : null, /*#__PURE__*/React.createElement(Icon, {
className: "identify-remove-result",
icon: "trash",
onClick: function onClick() {
return _this.removeResult(layerid, feature);
}
}));
})));
}));
});
_defineProperty(_this, "toggleExpanded", function (layerid) {
_this.setState(function (state) {
var _state$currentResult3;
return {
collapsedLayers: state.collapsedLayers.toggle(layerid),
currentResult: ((_state$currentResult3 = state.currentResult) === null || _state$currentResult3 === void 0 ? void 0 : _state$currentResult3.layerid) === layerid ? null : state.currentResult
};
});
});
_defineProperty(_this, "setCurrentResult", function (layerid, featureid) {
var _this$state$currentRe4, _this$state$currentRe5;
if (((_this$state$currentRe4 = _this.state.currentResult) === null || _this$state$currentRe4 === void 0 ? void 0 : _this$state$currentRe4.layerid) === layerid && ((_this$state$currentRe5 = _this.state.currentResult) === null || _this$state$currentRe5 === void 0 ? void 0 : _this$state$currentRe5.featureid) === featureid) {
_this.setState({
currentResult: null
});
} else {
_this.setState({
currentResult: {
layerid: layerid,
featureid: featureid
}
});
_this.scrollIntoView = true;
}
});
_defineProperty(_this, "renderResultAttributes", function (layerid, feature, resultClass) {
if (!feature) {
return null;
}
var resultbox = null;
var extraattribs = null;
var inlineExtaAttribs = false;
var featureReports = _this.state.reports[layerid] || [];
if (feature.featureReport) {
featureReports.push({
title: feature.layertitle,
template: feature.featureReport
});
}
if (feature.type === "text") {
resultbox = /*#__PURE__*/React.createElement("pre", {
className: "identify-result-box"
}, feature.text);
} else if (feature.type === "html") {
resultbox = /*#__PURE__*/React.createElement("iframe", {
className: "identify-result-box",
onLoad: function onLoad(ev) {
return _this.setIframeContent(ev.target, feature.text);
},
ref: function ref(el) {
return _this.pollIframe(el, feature.text);
}
});
} else if (feature.properties.htmlContent) {
if (feature.properties.htmlContentInline) {
resultbox = /*#__PURE__*/React.createElement("div", {
className: "identify-result-box"
}, _this.parsedContent(feature.properties.htmlContent));
} else {
resultbox = /*#__PURE__*/React.createElement("iframe", {
className: "identify-result-box",
onLoad: function onLoad(ev) {
return _this.setIframeContent(ev.target, feature.properties.htmlContent);
},
ref: function ref(el) {
return _this.pollIframe(el, feature.properties.htmlContent);
}
});
}
} else {
var _rows;
inlineExtaAttribs = true;
var properties = Object.keys(feature.properties) || [];
var rows = [];
if (properties.length === 1 && feature.properties.maptip) {
rows = properties.map(function (attrib) {
return /*#__PURE__*/React.createElement("tr", {
key: attrib
}, /*#__PURE__*/React.createElement("td", {
className: "identify-attr-value"
}, _this.attribValue(feature.properties[attrib], attrib, layerid, feature)));
});
} else {
rows = properties.map(function (attrib) {
if (_this.props.theme.skipEmptyFeatureAttributes && (feature.properties[attrib] === "" || feature.properties[attrib] === null || feature.properties[attrib] === "NULL")) {
return null;
}
return /*#__PURE__*/React.createElement("tr", {
key: attrib
}, /*#__PURE__*/React.createElement("td", {
className: "identify-attr-title " + _this.props.longAttributesDisplay
}, /*#__PURE__*/React.createElement("i", null, attrib)), /*#__PURE__*/React.createElement("td", {
className: "identify-attr-value " + _this.props.longAttributesDisplay
}, _this.attribValue(feature.properties[attrib], attrib, layerid, feature)));
});
}
(_rows = rows).push.apply(_rows, _toConsumableArray(_this.computeExtraAttributes(layerid, feature)));
featureReports.forEach(function (report, idx) {
rows.push(/*#__PURE__*/React.createElement("tr", {
key: "__featurereport" + idx
}, /*#__PURE__*/React.createElement("td", {
className: "identify-attr-title " + _this.props.longAttributesDisplay
}, /*#__PURE__*/React.createElement("i", null, LocaleUtils.tr("identify.featureReport") + ": " + report.title)), /*#__PURE__*/React.createElement("td", {
className: "identify-attr-value " + _this.props.longAttributesDisplay
}, /*#__PURE__*/React.createElement("a", {
href: _this.getFeatureReportUrl(report, feature),
rel: "noreferrer",
target: "_blank"
}, LocaleUtils.tr("identify.link")))));
});
if (isEmpty(rows)) {
rows = /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
className: "identify-attr-value"
}, /*#__PURE__*/React.createElement("i", null, LocaleUtils.tr("identify.noattributes"))));
}
resultbox = /*#__PURE__*/React.createElement("div", {
className: "identify-result-box"
}, /*#__PURE__*/React.createElement("table", {
className: "attribute-list"
}, /*#__PURE__*/React.createElement("tbody", null, rows)));
}
if (!inlineExtaAttribs && (_this.props.attributeCalculator || !isEmpty(_this.state.reports[layerid]))) {
extraattribs = /*#__PURE__*/React.createElement("div", {
className: "identify-result-box"
}, /*#__PURE__*/React.createElement("table", {
className: "attribute-list"
}, /*#__PURE__*/React.createElement("tbody", null, _this.computeExtraAttributes(layerid, feature), featureReports.map(function (report, idx) {
return /*#__PURE__*/React.createElement("tr", {
key: "report" + idx
}, /*#__PURE__*/React.createElement("td", {
className: "identify-attr-title " + _this.props.longAttributesDisplay
}, /*#__PURE__*/React.createElement("i", null, LocaleUtils.tr("identify.featureReport") + ": " + report.title)), /*#__PURE__*/React.createElement("td", {
className: "identify-attr-value " + _this.props.longAttributesDisplay
}, /*#__PURE__*/React.createElement("a", {
href: _this.getFeatureReportUrl(report, feature),
rel: "noreferrer",
target: "_blank"
}, LocaleUtils.tr("identify.link"))));
}))));
}
var zoomToFeatureButton = null;
if (feature.bbox && feature.crs) {
zoomToFeatureButton = /*#__PURE__*/React.createElement(Icon, {
icon: "zoom",
onClick: function onClick() {
return _this.zoomToResult(feature);
}
});
}
var key = layerid + "$" + feature.id;
var expanded = _this.state.expandedResults.has(key);
var selected = _this.state.selectedResults.has(key);
return /*#__PURE__*/React.createElement("div", {
className: resultClass,
key: key
}, /*#__PURE__*/React.createElement("div", {
className: "identify-result-title"
}, _this.props.collapsible ? /*#__PURE__*/React.createElement(Icon, {
icon: expanded ? "triangle-down" : "triangle-right",
onClick: function onClick() {
return _this.setState(function (state) {
return {
expandedResults: state.expandedResults.toggle(key)
};
});
}
}) : null, _this.props.enableCompare ? /*#__PURE__*/React.createElement(Icon, {
className: "identify-result-checkbox",
icon: selected ? "checked" : "unchecked",
onClick: function onClick() {
return _this.toggleSelectedResult(key);
}
}) : null, /*#__PURE__*/React.createElement("span", null, (_this.props.showLayerTitles ? feature.layertitle + ": " : "") + feature.displayname), zoomToFeatureButton, /*#__PURE__*/React.createElement(Icon, {
icon: "info-sign",
onClick: function onClick() {
return _this.showLayerInfo(layerid);
}
}), /*#__PURE__*/React.createElement(Icon, {
icon: "trash",
onClick: function onClick() {
return _this.removeResult(layerid, feature);
}
})), _this.props.collapsible && !expanded ? null : /*#__PURE__*/React.createElement("div", {
className: "identify-result-container"
}, resultbox, extraattribs));
});
_defineProperty(_this, "toggleSelectedResult", function (key) {
_this.setState(function (state) {
var selectedResults = state.selectedResults.toggle(key);
return {
selectedResults: selectedResults,
compareEnabled: selectedResults.size > 1
};
});
});
_defineProperty(_this, "renderToolbar", function (results) {
var resultCount = results.length;
var toggleButton = function toggleButton(key, icon, disabled) {
var tooltip = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
return /*#__PURE__*/React.createElement("button", {
className: "button" + (_this.state[key] ? " pressed" : ""),
disabled: disabled,
onClick: function onClick() {
return _this.setState(function (state) {
return _defineProperty({}, key, !state[key]);
});
},
title: tooltip
}, /*#__PURE__*/React.createElement(Icon, {
icon: icon
}));
};
var infoLabel = null;
if (_this.state.compareEnabled) {
infoLabel = /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("identify.comparing", _this.state.selectedResults.size()));
} else if (_this.props.resultDisplayMode !== 'paginated') {
infoLabel = /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("identify.featurecount", resultCount));
}
var checkedPages = results.reduce(function (res, entry, idx) {
if (_this.state.selectedResults.has(entry[0] + "$" + entry[1].id)) {
return [].concat(_toConsumableArray(res), [idx]);
}
return res;
}, []);
return /*#__PURE__*/React.createElement("div", {
className: "identify-toolbar"
}, toggleButton("settingsMenu", "cog", false), _this.state.settingsMenu ? _this.renderSettingsMenu() : null, _this.props.enableCompare ? toggleButton("compareEnabled", "compare", _this.state.selectedResults.size() < 2, LocaleUtils.tr("identify.compare")) : null, /*#__PURE__*/React.createElement("span", {
className: "identify-toolbar-spacer"
}), infoLabel, /*#__PURE__*/React.createElement("span", {
className: "identify-toolbar-spacer"
}), _this.props.resultDisplayMode === 'paginated' ? /*#__PURE__*/React.createElement(NavBar, {
currentPage: _this.state.currentPage,
nPages: resultCount,
pageChanged: function pageChanged(page) {
return _this.setState({
currentPage: page
});
},
pageSizes: [1],
selectedPages: checkedPages
}) : null);
});
_defineProperty(_this, "renderSettingsMenu", function () {
var _exporters$_this$stat;
var exporters = Object.fromEntries(_this.getExporters().map(function (exporter) {
return [exporter.id, exporter];
}));
var enabledExporters = Array.isArray(_this.props.enableExport) ? _this.props.enableExport : Object.keys(exporters);
var clipboardExportDisabled = ((_exporters$_this$stat = exporters[_this.state.exportFormat]) === null || _exporters$_this$stat === void 0 ? void 0 : _exporters$_this$stat.allowClipboard) !== true;
var exportEnabled = _this.props.enableExport === true || !isEmpty(_this.props.enableExport);
var reportsEnabled = _this.props.enableAggregatedReports && Object.keys(_this.state.reports).length > 0;
return /*#__PURE__*/React.createElement("div", {
className: "identify-settings-menu"
}, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("identify.results"), ":"), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
className: "controlgroup"
}, /*#__PURE__*/React.createElement("select", {
className: "controlgroup-expanditem",
onChange: function onChange(ev) {
return _this.setSelectedLayer(ev.target.value);
}
}, /*#__PURE__*/React.createElement("option", {
value: ""
}, LocaleUtils.tr("identify.layerall")), Object.keys(_this.state.resultTree).filter(function (key) {
return _this.state.resultTree[key].length;
}).map(function (layer) {
return /*#__PURE__*/React.createElement("option", {
key: layer,
value: layer
}, _this.state.resultTree[layer][0].layertitle);
}))))), exportEnabled ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("identify.export"), ":"), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
className: "controlgroup"
}, /*#__PURE__*/React.createElement("select", {
className: "controlgroup-expanditem",
onChange: function onChange(ev) {
return _this.setState({
exportFormat: ev.target.value
});
},
value: _this.state.exportFormat
}, enabledExporters.map(function (id) {
var _exporters$id$title;
return /*#__PURE__*/React.createElement("option", {
key: id,
value: id
}, (_exporters$id$title = exporters[id].title) !== null && _exporters$id$title !== void 0 ? _exporters$id$title : LocaleUtils.tr(exporters[id].titleMsgId));
})), /*#__PURE__*/React.createElement("button", {
className: "button",
onClick: function onClick() {
return _this.exportResults();
},
title: LocaleUtils.tr("identify.download")
}, /*#__PURE__*/React.createElement(Icon, {
icon: "export"
})), /*#__PURE__*/React.createElement("button", {
className: "button",
disabled: clipboardExportDisabled,
onClick: function onClick() {
return _this.exportResults(true);
},
title: LocaleUtils.tr("identify.clipboard")
}, /*#__PURE__*/React.createElement(Icon, {
icon: "copy"
}))))) : null, reportsEnabled ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("identify.aggregatedreport"), ":"), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
className: "controlgroup"
}, /*#__PURE__*/React.createElement("select", {
className: "controlgroup-expanditem",
onChange: function onChange(ev) {
return _this.setState({
selectedAggregatedReport: ev.target.value
});
},
value: _this.state.selectedAggregatedReport
}, /*#__PURE__*/React.createElement("option", {
disabled: true,
value: ""
}, LocaleUtils.tr("identify.selectreport")), Object.entries(_this.state.reports).map(function (_ref19) {
var _ref20 = _slicedToArray(_ref19, 2),
layername = _ref20[0],
reports = _ref20[1];
return reports.map(function (report, idx) {
return /*#__PURE__*/React.createElement("option", {
key: layername + "::" + idx,
value: layername + "::" + idx
}, report.title);
});
})), /*#__PURE__*/React.createElement("button", {
className: "button",
disabled: !_this.state.selectedAggregatedReport || _this.state.generatingReport,
onClick: _this.downloadAggregatedReport
}, _this.state.generatingReport ? /*#__PURE__*/React.createElement(Spinner, null) : /*#__PURE__*/React.createElement(Icon, {
icon: "report"
}))))) : null)));
});
_defineProperty(_this, "setSelectedLayer", function (layer) {
_this.setState(function (state) {
var newSelectedResults = state.selectedResults;
if (layer !== '') {
newSelectedResults = state.selectedResults.filtered(function (key) {
return key.startsWith(layer + "$");
});
}
return {
selectedResults: newSelectedResults,
selectedLayer: layer
};
});
});
_defineProperty(_this, "computeExtraAttributes", function (layer, result) {
var _window$qwc;
var rows = [];
Object.values(((_window$qwc = window.qwc2) === null || _window$qwc === void 0 ? void 0 : _window$qwc.__attributeCalculators) || {}).forEach(function (calc, idx) {
var row = calc(layer, result);
if (row.length === 2) {
rows.push(/*#__PURE__*/React.createElement("tr", {
key: "custom-attr-" + idx
}, /*#__PURE__*/React.createElement("td", {
className: "identify-attr-title"
}, /*#__PURE__*/React.createElement("i", null, row[0])), /*#__PURE__*/React.createElement("td", {
className: "identify-attr-value"
}, row[1])));
} else if (row.length === 1) {
rows.push(/*#__PURE__*/React.createElement("tr", {
key: "custom-attr-" + idx
}, /*#__PURE__*/React.createElement("td", {
colSpan: "2"
}, row[0])));
}
});
if (_this.props.attributeCalculator) {
rows.push.apply(rows, _toConsumableArray(_this.props.attributeCalculator(layer, result)));
}
return rows;
});
_defineProperty(_this, "getExporters", function () {
var _window$qwc2;
return [].concat(BuiltinExporters, _toConsumableArray(_this.props.customExporters), _toConsumableArray(Object.values(((_window$qwc2 = window.qwc2) === null || _window$qwc2 === void 0 ? void 0 : _window$qwc2.__identifyExportes) || [])));
});
_defineProperty(_this, "setIframeContent", function (iframe, html) {
if (iframe.getAttribute("identify-content-set")) {
return;
}
iframe.setAttribute("identify-content-set", true);
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);
iframe.contentWindow.document.close();
});
_defineProperty(_this, "pollIframe", function (iframe, html) {
if (iframe && !iframe.getAttribute("identify-content-set")) {
var interval = setInterval(function () {
if (iframe.getAttribute("identify-content-set")) {
return clearInterval(interval);
}
if (iframe.contentWindow && iframe.contentWindow.document) {
iframe.setAttribute("identify-content-set", true);
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);
iframe.contentWindow.document.close();
clearInterval(interval);
}
return true;
}, 500);
}
});
_defineProperty(_this, "collectFeatureReportTemplates", function (entry) {
var reports = {};
if (entry.sublayers) {
var _iterator = _createForOfIteratorHelper(entry.sublayers),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var sublayer = _step.value;
reports = _objectSpread(_objectSpread({}, reports), _this.collectFeatureReportTemplates(sublayer));
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
} else if (entry.featureReport) {
reports[entry.name] = entry.featureReport;
}
return reports;
});
_defineProperty(_this, "findFeatureReportTemplate", function (layer) {
var reports = {};
_this.props.layers.filter(function (l) {
return l.role === LayerRole.THEME;
}).forEach(function (themeLayer) {
reports = _objectSpread(_objectSpread({}, reports), _this.collectFeatureReportTemplates(themeLayer));
});
return reports[layer] || null;
});
_defineProperty(_this, "getFeatureReportUrl", function (report, result) {
var serviceUrl = ConfigUtils.getConfigProp("documentServiceUrl").replace(/\/$/, "");
var params = {
feature: result.id,
x: result.clickPos[0],
y: result.clickPos[1],
crs: _this.props.map.projection,
single_report: report.single_report || false
};
var path = "/" + report.template + "." + (report.format || "pdf");
var query = Object.keys(params).map(function (key) {
return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
}).join("&");
return serviceUrl + path + "?" + query;
});
_defineProperty(_this, "downloadAggregatedReport", function () {
var _this$state$selectedA = _this.state.selectedAggregatedReport.split("::"),
_this$state$selectedA2 = _slicedToArray(_this$state$selectedA, 2),
layername = _this$sta