gemma: client/src/store/map.js annotate

annotate client/src/store/map.js @ 3044:c71373594719

client: map: prepared store to hold multiple map objects This will be necessary to sync maps, toggle layers per map, etc. Therefore the methods to move the map (moveToExtent, etc.) became actions instead of mutations.

author	Markus Kottlaender <markus@intevation.de>
date	Sat, 13 Apr 2019 16:02:06 +0200
parents	de75404cb5fc
children	e0b77d7463e7

rev	line source
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1361 diff changeset	1 /* This is Free Software under GNU Affero General Public License v >= 3.0
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	2 * without warranty, see README.md and license for details.
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1313 diff changeset	3 *
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	4 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	5 * License-Filename: LICENSES/AGPL-3.0.txt
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1313 diff changeset	6 *
1927 5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	7 * Copyright (C) 2018, 2019 by via donau
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	8 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	9 * Software engineering by Intevation GmbH
1361 ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors Fadi Abbud <fadi.abbud@intevation.de> parents: 1313 diff changeset	10 *
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	11 * Author(s):
1927 5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	12 * * Bernhard Reiter <bernhard.reiter@intevation.de>
5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	13 * * Markus Kottländer <markus@intevation.de>
5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	14 * * Thomas Junk <thomas.junk@intevation.de>
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	15 */
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 975 diff changeset	16
2985 1b8bb4f89227 client: removed .js and .vue extention from imports Markus Kottlaender <markus@intevation.de> parents: 2957 diff changeset	17 import Draw from "ol/interaction/Draw";
3006 44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	18 import { Stroke, Style, Fill, Circle } from "ol/style";
1158 da75faa8043f added central moveMap method to pan and zoom the map on certain events Markus Kottlaender <markus@intevation.de> parents: 1144 diff changeset	19 import { fromLonLat } from "ol/proj";
2985 1b8bb4f89227 client: removed .js and .vue extention from imports Markus Kottlaender <markus@intevation.de> parents: 2957 diff changeset	20 import { getLength, getArea } from "ol/sphere";
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	21 import { unByKey } from "ol/Observable";
7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	22 import { getCenter } from "ol/extent";
2985 1b8bb4f89227 client: removed .js and .vue extention from imports Markus Kottlaender <markus@intevation.de> parents: 2957 diff changeset	23 import { transformExtent } from "ol/proj";
2132 7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd Thomas Junk <thomas.junk@intevation.de> parents: 2125 diff changeset	24 import bbox from "@turf/bbox";
2947 a6eea3002e6e client: cleanup import paths Fadi Abbud <fadi.abbud@intevation.de> parents: 2932 diff changeset	25 import app from "@/main";
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	26 import { HTTP } from "@/lib/http";
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	27 import Feature from "ol/Feature";
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	28 import Point from "ol/geom/Point";
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	29
2186 d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	30 const moveMap = ({ view, extent, zoom, preventZoomOut }) => {
d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	31 const currentZoom = view.getZoom();
2713 b79f5c5404c2 client: made zoom optional in moveMap/moveToExtent Markus Kottlaender <markus@intevation.de> parents: 2643 diff changeset	32 zoom = zoom \|\| currentZoom;
2186 d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	33 view.fit(extent, {
d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	34 maxZoom: preventZoomOut ? Math.max(zoom, currentZoom) : zoom,
d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	35 duration: 700
d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	36 });
d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	37 };
d0498088894f map_store: extracted moveMap, etd moveToBoundingBox, refactored moveToExtent Thomas Junk <thomas.junk@intevation.de> parents: 2166 diff changeset	38
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	39 // initial state
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	40 const init = () => {
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	41 return {
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	42 openLayersMaps: [],
2310 92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2309 diff changeset	43 initialLoad: true,
1313 e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	44 extent: {
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	45 lat: 6155376,
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	46 lon: 1819178,
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	47 zoom: 11
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	48 },
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	49 identifyTool: null, // event binding (singleclick, dblclick)
1140 2e06bc53b002 separating line/polygon/cut tools in UI Markus Kottlaender <markus@intevation.de> parents: 1122 diff changeset	50 identifiedFeatures: [], // map features identified by clicking on the map
1247 c14353e2cdb9 repositioning of buttons (issue225) Markus Kottlaender <markus@intevation.de> parents: 1237 diff changeset	51 currentMeasurement: null, // distance or area from line-/polygon-/cutTool
1237 74562dc29e10 refactored drawtool Markus Kottlaender <markus@intevation.de> parents: 1197 diff changeset	52 lineTool: null, // open layers interaction object (Draw)
74562dc29e10 refactored drawtool Markus Kottlaender <markus@intevation.de> parents: 1197 diff changeset	53 polygonTool: null, // open layers interaction object (Draw)
1140 2e06bc53b002 separating line/polygon/cut tools in UI Markus Kottlaender <markus@intevation.de> parents: 1122 diff changeset	54 cutTool: null, // open layers interaction object (Draw)
1927 5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	55 isolinesLegendImgDataURL: "",
3006 44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	56 differencesLegendImgDataURL: ""
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	57 };
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	58 };
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	59
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	60 export default {
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	61 init,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	62 namespaced: true,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	63 state: init(),
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	64 getters: {
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	65 openLayersMap: state => {
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	66 return state.openLayersMaps.length ? state.openLayersMaps[0] : null;
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	67 },
2370 7fe2f5d334dc client: improved identify tool readability Markus Kottlaender <markus@intevation.de> parents: 2314 diff changeset	68 filteredIdentifiedFeatures: state => {
7fe2f5d334dc client: improved identify tool readability Markus Kottlaender <markus@intevation.de> parents: 2314 diff changeset	69 return state.identifiedFeatures.filter(f => f.getId());
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	70 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	71 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	72 mutations: {
2310 92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2309 diff changeset	73 initialLoad: (state, initialLoad) => {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2309 diff changeset	74 state.initialLoad = initialLoad;
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2309 diff changeset	75 },
1313 e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	76 extent: (state, extent) => {
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	77 state.extent = extent;
e4e35fb2d995 save map extent (center/zoom) in store, to not lose it when switching between map and admin area Markus Kottlaender <markus@intevation.de> parents: 1296 diff changeset	78 },
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	79 addOpenLayersMap: (state, map) => {
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	80 state.openLayersMaps.push(map);
1112 2c3d32322126 moved identifystore properties to mapstore Markus Kottlaender <markus@intevation.de> parents: 1099 diff changeset	81 },
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	82 identifyTool: (state, events) => {
7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	83 state.identifyTool = events;
7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	84 },
1112 2c3d32322126 moved identifystore properties to mapstore Markus Kottlaender <markus@intevation.de> parents: 1099 diff changeset	85 setIdentifiedFeatures: (state, identifiedFeatures) => {
2c3d32322126 moved identifystore properties to mapstore Markus Kottlaender <markus@intevation.de> parents: 1099 diff changeset	86 state.identifiedFeatures = identifiedFeatures;
2c3d32322126 moved identifystore properties to mapstore Markus Kottlaender <markus@intevation.de> parents: 1099 diff changeset	87 },
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	88 addIdentifiedFeatures: (state, identifiedFeatures) => {
3031 f99f0cbb843f client:linting Fadi Abbud <fadi.abbud@intevation.de> parents: 3029 diff changeset	89 state.identifiedFeatures = state.identifiedFeatures.concat(
f99f0cbb843f client:linting Fadi Abbud <fadi.abbud@intevation.de> parents: 3029 diff changeset	90 identifiedFeatures
f99f0cbb843f client:linting Fadi Abbud <fadi.abbud@intevation.de> parents: 3029 diff changeset	91 );
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	92 },
1112 2c3d32322126 moved identifystore properties to mapstore Markus Kottlaender <markus@intevation.de> parents: 1099 diff changeset	93 setCurrentMeasurement: (state, measurement) => {
2c3d32322126 moved identifystore properties to mapstore Markus Kottlaender <markus@intevation.de> parents: 1099 diff changeset	94 state.currentMeasurement = measurement;
1115 1b160eda22cf moved drawMode to map store Markus Kottlaender <markus@intevation.de> parents: 1114 diff changeset	95 },
1237 74562dc29e10 refactored drawtool Markus Kottlaender <markus@intevation.de> parents: 1197 diff changeset	96 lineTool: (state, lineTool) => {
74562dc29e10 refactored drawtool Markus Kottlaender <markus@intevation.de> parents: 1197 diff changeset	97 state.lineTool = lineTool;
1140 2e06bc53b002 separating line/polygon/cut tools in UI Markus Kottlaender <markus@intevation.de> parents: 1122 diff changeset	98 },
1237 74562dc29e10 refactored drawtool Markus Kottlaender <markus@intevation.de> parents: 1197 diff changeset	99 polygonTool: (state, polygonTool) => {
74562dc29e10 refactored drawtool Markus Kottlaender <markus@intevation.de> parents: 1197 diff changeset	100 state.polygonTool = polygonTool;
1140 2e06bc53b002 separating line/polygon/cut tools in UI Markus Kottlaender <markus@intevation.de> parents: 1122 diff changeset	101 },
2e06bc53b002 separating line/polygon/cut tools in UI Markus Kottlaender <markus@intevation.de> parents: 1122 diff changeset	102 cutTool: (state, cutTool) => {
2e06bc53b002 separating line/polygon/cut tools in UI Markus Kottlaender <markus@intevation.de> parents: 1122 diff changeset	103 state.cutTool = cutTool;
1158 da75faa8043f added central moveMap method to pan and zoom the map on certain events Markus Kottlaender <markus@intevation.de> parents: 1144 diff changeset	104 },
1927 5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	105 isolinesLegendImgDataURL: (state, isolinesLegendImgDataURL) => {
5a37ee321651 client: make isolines legend graphic internally availableo Bernhard Reiter <bernhard@intevation.de> parents: 1879 diff changeset	106 state.isolinesLegendImgDataURL = isolinesLegendImgDataURL;
2932 173ce013a021 layers: difference layer now contains legend Thomas Junk <thomas.junk@intevation.de> parents: 2910 diff changeset	107 },
173ce013a021 layers: difference layer now contains legend Thomas Junk <thomas.junk@intevation.de> parents: 2910 diff changeset	108 differencesLegendImgDataURL: (state, differencesLegendImgDataURL) => {
173ce013a021 layers: difference layer now contains legend Thomas Junk <thomas.junk@intevation.de> parents: 2910 diff changeset	109 state.differencesLegendImgDataURL = differencesLegendImgDataURL;
1144 5f98d0c9d738 linted code Markus Kottlaender <markus@intevation.de> parents: 1140 diff changeset	110 }
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	111 },
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	112 actions: {
3006 44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	113 openLayersMap({ commit, dispatch }, map) {
44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	114 const drawVectorSrc = map.getLayer("DRAWTOOL").getSource();
44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	115 const cutVectorSrc = map.getLayer("CUTTOOL").getSource();
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	116
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	117 // init line tool
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	118 const lineTool = new Draw({
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	119 source: drawVectorSrc,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	120 type: "LineString",
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	121 maxPoints: 2
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	122 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	123 lineTool.setActive(false);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	124 lineTool.on("drawstart", () => {
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	125 drawVectorSrc.clear();
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	126 commit("setCurrentMeasurement", null);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	127 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	128 lineTool.on("drawend", event => {
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	129 commit("setCurrentMeasurement", {
1524 a0a16577261a Translation: mark some strings for translation Fadi Abbud <fadi.abbud@intevation.de> parents: 1438 diff changeset	130 quantity: app.$gettext("Length"),
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	131 unitSymbol: "m",
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	132 value: Math.round(getLength(event.feature.getGeometry()) * 10) / 10
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	133 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	134 commit("application/showIdentify", true, { root: true });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	135 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	136
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	137 // init polygon tool
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	138 const polygonTool = new Draw({
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	139 source: drawVectorSrc,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	140 type: "Polygon",
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	141 maxPoints: 50
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	142 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	143 polygonTool.setActive(false);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	144 polygonTool.on("drawstart", () => {
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	145 drawVectorSrc.clear();
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	146 commit("setCurrentMeasurement", null);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	147 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	148 polygonTool.on("drawend", event => {
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	149 const areaSize = getArea(event.feature.getGeometry());
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	150 commit("setCurrentMeasurement", {
1524 a0a16577261a Translation: mark some strings for translation Fadi Abbud <fadi.abbud@intevation.de> parents: 1438 diff changeset	151 quantity: app.$gettext("Area"),
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	152 unitSymbol: areaSize > 100000 ? "km²" : "m²",
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	153 value:
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	154 areaSize > 100000
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	155 ? Math.round(areaSize / 1000) / 1000 // convert into 1 km² == 1000*1000 m² and round to 1000 m²
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	156 : Math.round(areaSize)
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	157 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	158 commit("application/showIdentify", true, { root: true });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	159 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	160
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	161 // init cut tool
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	162 const cutTool = new Draw({
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	163 source: cutVectorSrc,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	164 type: "LineString",
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	165 maxPoints: 2,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	166 style: new Style({
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	167 stroke: new Stroke({
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	168 color: "#444",
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	169 width: 2,
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	170 lineDash: [7, 7]
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	171 }),
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	172 image: new Circle({
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	173 fill: new Fill({ color: "#333" }),
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	174 stroke: new Stroke({ color: "#fff", width: 1.5 }),
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	175 radius: 6
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	176 })
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	177 })
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	178 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	179 cutTool.setActive(false);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	180 cutTool.on("drawstart", () => {
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	181 dispatch("disableIdentifyTool");
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	182 cutVectorSrc.clear();
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	183 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	184 cutTool.on("drawend", event => {
1395 210e9f16f8a0 delete cross profiles from localstorage Markus Kottlaender <markus@intevation.de> parents: 1363 diff changeset	185 commit("fairwayprofile/selectedCut", null, { root: true });
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	186 dispatch("fairwayprofile/cut", event.feature, { root: true }).then(() =>
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	187 // This setTimeout is an ugly workaround. If we would enable the
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	188 // identifyTool here immediately then the click event from ending the
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	189 // cut will trigger it. We don't want that.
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	190 setTimeout(() => dispatch("enableIdentifyTool"), 1000)
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	191 );
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	192 });
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	193
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	194 map.addInteraction(lineTool);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	195 map.addInteraction(cutTool);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	196 map.addInteraction(polygonTool);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	197
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	198 commit("lineTool", lineTool);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	199 commit("polygonTool", polygonTool);
99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	200 commit("cutTool", cutTool);
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	201 commit("addOpenLayersMap", map);
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	202 },
7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	203 disableIdentifyTool({ state }) {
7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	204 unByKey(state.identifyTool);
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	205 state.identifyTool = null;
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	206 },
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	207 enableIdentifyTool({ state, rootState, getters, commit, dispatch }) {
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	208 if (!state.identifyTool) {
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	209 state.identifyTool = getters.openLayersMap.on(
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	210 ["singleclick", "dblclick"],
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	211 event => {
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	212 commit("setIdentifiedFeatures", []);
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	213 // checking our WFS layers
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	214 var features = getters.openLayersMap.getFeaturesAtPixel(
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	215 event.pixel,
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	216 {
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	217 hitTolerance: 7
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	218 }
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	219 );
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	220 if (features) {
2510 f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	221 let identifiedFeatures = [];
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	222
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	223 for (let feature of features) {
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	224 let id = feature.getId();
2511 e958104be9a9 removed console.log, added comment Markus Kottlaender <markus@intevation.de> parents: 2510 diff changeset	225 // avoid identifying the same feature twice
2510 f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	226 if (
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	227 identifiedFeatures.findIndex(
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	228 f => f.getId() === feature.getId()
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	229 ) === -1
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	230 ) {
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	231 identifiedFeatures.push(feature);
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	232 }
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	233
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	234 // get selected bottleneck
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	235 // RegExp.prototype.test() works with number, str and undefined
2133 602c2096c078 fix: bottleneckselection via identifytool Thomas Junk <thomas.junk@intevation.de> parents: 2132 diff changeset	236 if (/^bottlenecks/.test(id)) {
1438 71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	237 if (
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	238 rootState.bottlenecks.selectedBottleneck !=
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	239 feature.get("objnam")
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	240 ) {
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	241 dispatch(
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	242 "bottlenecks/setSelectedBottleneck",
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	243 feature.get("objnam"),
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	244 { root: true }
1565 faa045ebdf0c select first surveydate after identification of bottleneck Thomas Junk <thomas.junk@intevation.de> parents: 1524 diff changeset	245 ).then(() => {
faa045ebdf0c select first surveydate after identification of bottleneck Thomas Junk <thomas.junk@intevation.de> parents: 1524 diff changeset	246 this.commit("bottlenecks/setFirstSurveySelected");
faa045ebdf0c select first surveydate after identification of bottleneck Thomas Junk <thomas.junk@intevation.de> parents: 1524 diff changeset	247 });
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	248 dispatch("moveMap", {
1438 71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	249 coordinates: getCenter(
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	250 feature
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	251 .getGeometry()
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	252 .clone()
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	253 .transform("EPSG:3857", "EPSG:4326")
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	254 .getExtent()
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	255 ),
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	256 zoom: 17,
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	257 preventZoomOut: true
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	258 });
71eb96690f91 avoid unnecessary setSelectedBottleneck call Markus Kottlaender <markus@intevation.de> parents: 1437 diff changeset	259 }
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	260 }
2590 1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	261
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	262 // get selected gauge
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	263 if (/^gauges/.test(id)) {
2596 8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams Markus Kottlaender <markus@intevation.de> parents: 2590 diff changeset	264 if (
2643 27933e66e848 client: gauges: use isrs_code as unique id for gauges Markus Kottlaender <markus@intevation.de> parents: 2604 diff changeset	265 rootState.gauges.selectedGaugeISRS !==
27933e66e848 client: gauges: use isrs_code as unique id for gauges Markus Kottlaender <markus@intevation.de> parents: 2604 diff changeset	266 feature.get("isrs_code")
2596 8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams Markus Kottlaender <markus@intevation.de> parents: 2590 diff changeset	267 ) {
2604 85f9bf4a6eba client: gauge waterlevel diagram: draw reference waterlevels Markus Kottlaender <markus@intevation.de> parents: 2596 diff changeset	268 dispatch(
2643 27933e66e848 client: gauges: use isrs_code as unique id for gauges Markus Kottlaender <markus@intevation.de> parents: 2604 diff changeset	269 "gauges/selectedGaugeISRS",
27933e66e848 client: gauges: use isrs_code as unique id for gauges Markus Kottlaender <markus@intevation.de> parents: 2604 diff changeset	270 feature.get("isrs_code"),
2604 85f9bf4a6eba client: gauge waterlevel diagram: draw reference waterlevels Markus Kottlaender <markus@intevation.de> parents: 2596 diff changeset	271 {
85f9bf4a6eba client: gauge waterlevel diagram: draw reference waterlevels Markus Kottlaender <markus@intevation.de> parents: 2596 diff changeset	272 root: true
85f9bf4a6eba client: gauge waterlevel diagram: draw reference waterlevels Markus Kottlaender <markus@intevation.de> parents: 2596 diff changeset	273 }
85f9bf4a6eba client: gauge waterlevel diagram: draw reference waterlevels Markus Kottlaender <markus@intevation.de> parents: 2596 diff changeset	274 );
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	275 dispatch("moveMap", {
2590 1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	276 coordinates: getCenter(
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	277 feature
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	278 .getGeometry()
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	279 .clone()
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	280 .transform("EPSG:3857", "EPSG:4326")
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	281 .getExtent()
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	282 ),
2713 b79f5c5404c2 client: made zoom optional in moveMap/moveToExtent Markus Kottlaender <markus@intevation.de> parents: 2643 diff changeset	283 zoom: null,
2590 1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	284 preventZoomOut: true
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	285 });
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	286 }
1686ec185155 client: added gauge waterlevel example diagram Markus Kottlaender <markus@intevation.de> parents: 2568 diff changeset	287 }
2910 c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	288
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	289 // get selected stretch
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	290 if (/^stretches/.test(id)) {
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	291 if (rootState.imports.selectedStretchId === feature.getId()) {
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	292 commit("imports/selectedStretchId", null, { root: true });
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	293 } else {
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	294 commit("imports/selectedStretchId", feature.getId(), {
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	295 root: true
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	296 });
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	297 dispatch("moveMap", {
2910 c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	298 coordinates: getCenter(
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	299 feature
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	300 .getGeometry()
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	301 .clone()
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	302 .transform("EPSG:3857", "EPSG:4326")
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	303 .getExtent()
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	304 ),
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	305 zoom: null,
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	306 preventZoomOut: true
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	307 });
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	308 }
c8c7122047a2 client: stretches: select/unselect stretches by clicking on them on the map Markus Kottlaender <markus@intevation.de> parents: 2909 diff changeset	309 }
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	310 }
2510 f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	311
f2758dafe390 client: identify tool: avoid identifying the same feature twice Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	312 commit("setIdentifiedFeatures", identifiedFeatures);
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	313 }
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	314
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	315 // DEBUG output and example how to remove the GeometryName
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	316 /*
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	317 for (let feature of features) {
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	318 console.log("Identified:", feature.getId());
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	319 for (let key of feature.getKeys()) {
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	320 if (key != feature.getGeometryName()) {
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	321 console.log(key, feature.get(key));
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	322 }
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	323 }
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	324 }
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	325 */
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	326
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	327 // trying the GetFeatureInfo way for WMS
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	328 var dmaSource = getters.openLayersMap
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	329 .getLayer("DISTANCEMARKSAXIS")
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	330 .getSource();
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	331 var dmaUrl = dmaSource.getGetFeatureInfoUrl(
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	332 event.coordinate,
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	333 100 /* resolution */,
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	334 "EPSG:3857",
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	335 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	336 { INFO_FORMAT: "application/json" }
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	337 );
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	338
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	339 if (dmaUrl) {
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	340 HTTP.get(dmaUrl, {
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	341 headers: {
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	342 "X-Gemma-Auth": localStorage.getItem("token")
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	343 }
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	344 }).then(response => {
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	345 let features = response.data.features.map(f => {
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	346 let feat = new Feature({
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	347 geometry: new Point(f.geometry.coordinates)
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	348 });
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	349 feat.setId(f.id);
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	350 feat.setProperties(f.properties);
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	351 return feat;
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	352 });
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	353 commit("addIdentifiedFeatures", features);
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	354 });
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	355 }
81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	356 // trying the GetFeatureInfo way for WMS
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	357 var iecdisSource = getters.openLayersMap
3006 44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	358 .getLayer("INLANDECDIS")
44493664d40e client: refactored layers config Markus Kottlaender <markus@intevation.de> parents: 2997 diff changeset	359 .getSource();
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	360 var iecdisUrl = iecdisSource.getGetFeatureInfoUrl(
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	361 event.coordinate,
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	362 100 /* resolution */,
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	363 "EPSG:3857",
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	364 // { INFO_FORMAT: "application/vnd.ogc.gml" } // not allowed by d4d
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	365 { INFO_FORMAT: "text/plain" }
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	366 );
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	367
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	368 if (iecdisUrl) {
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	369 // cannot directly query here because of SOP
3029 81c2e561fe03 Use distance marks an axis via WMS. Added legend and featureinfo. Raimund Renkert <raimund.renkert@intevation.de> parents: 3006 diff changeset	370 console.log("GetFeatureInfo url:", iecdisUrl);
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	371 }
7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1395 diff changeset	372 }
1437 1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	373 );
1cd1549aab47 fixed panning problem when drawing cross cuts Markus Kottlaender <markus@intevation.de> parents: 1435 diff changeset	374 }
3044 c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	375 },
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	376 moveToBoundingBox({ getters }, { boundingBox, zoom, preventZoomOut }) {
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	377 const extent = transformExtent(boundingBox, "EPSG:4326", "EPSG:3857");
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	378 let view = getters.openLayersMap.getView();
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	379 moveMap({ view, extent, zoom, preventZoomOut });
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	380 },
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	381 moveToExtent({ getters }, { feature, zoom, preventZoomOut }) {
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	382 const boundingBox = bbox(feature.geometry);
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	383 const extent = transformExtent(boundingBox, "EPSG:4326", "EPSG:3857");
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	384 let view = getters.openLayersMap.getView();
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	385 moveMap({ view, extent, zoom, preventZoomOut });
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	386 },
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	387 moveMap({ getters }, { coordinates, zoom, preventZoomOut }) {
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	388 let view = getters.openLayersMap.getView();
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	389 const currentZoom = view.getZoom();
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	390 zoom = zoom \|\| currentZoom;
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	391 view.animate({
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	392 zoom: preventZoomOut ? Math.max(zoom, currentZoom) : zoom,
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	393 center: fromLonLat(coordinates, view.getProjection()),
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	394 duration: 700
c71373594719 client: map: prepared store to hold multiple map objects Markus Kottlaender <markus@intevation.de> parents: 3043 diff changeset	395 });
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	396 }
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	397 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	398 };