gemma: client/src/components/Maplayer.vue annotate

annotate client/src/components/Maplayer.vue @ 2715:8d96b9254465

client: waterlevel diagram: fixed console error when hovering the chart where no data is available

author	Markus Kottlaender <markus@intevation.de>
date	Mon, 18 Mar 2019 18:14:24 +0100
parents	9bf6b767a56a
children	35f6e4383161

rev	line source
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	1 <template>
2549 9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	2 <div
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	3 id="map"
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	4 :class="{
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	5 splitscreen: this.splitscreen,
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	6 nocursor: this.hasActiveInteractions
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	7 }"
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	8 ></div>
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	9 </template>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	10
2549 9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	11 <style lang="sass" scoped>
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	12 #map
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	13 height: 100vh
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	14
2549 9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	15 &.splitscreen
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	16 height: 50vh
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	17
2549 9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	18 &.nocursor
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	19 cursor: none
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	20 </style>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	21
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	22 <script>
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1313 diff changeset	23 /* This is Free Software under GNU Affero General Public License v >= 3.0
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	24 * without warranty, see README.md and license for details.
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	25 *
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	26 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	27 * License-Filename: LICENSES/AGPL-3.0.txt
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	28 *
1932 e734d48ef964 client: cleanup code: remove browser based printing css attempt Bernhard Reiter <bernhard@intevation.de> parents: 1794 diff changeset	29 * Copyright (C) 2018, 2019 by via donau
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	30 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	31 * Software engineering by Intevation GmbH
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	32 *
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	33 * Author(s):
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	34 * * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	35 * * Bernhard E. Reiter <bernhard.reiter@intevation.de>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	36 */
1613 f2d24dceecc7 refac: cleanup import paths Thomas Junk <thomas.junk@intevation.de> parents: 1558 diff changeset	37 import { HTTP } from "@/lib/http";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	38 import { mapGetters, mapState } from "vuex";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	39 import "ol/ol.css";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	40 import { Map, View } from "ol";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	41 import { WFS, GeoJSON } from "ol/format.js";
2125 ea5a0e771b71 Distinct fairway layers per LOS Markus Kottlaender <markus@intevation.de> parents: 1983 diff changeset	42 import { equalTo } from "ol/format/filter.js";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	43 import { Stroke, Style, Fill } from "ol/style.js";
2190 ecb0ad836aa0 linting Thomas Junk <thomas.junk@intevation.de> parents: 2188 diff changeset	44 import { displayError } from "@/lib/errors.js";
2273 4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	45 import { LAYERS } from "@/store/map.js";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	46
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	47 /* for the sake of debugging */
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	48 /* eslint-disable no-console */
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	49 export default {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	50 name: "maplayer",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	51 data() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	52 return {
2549 9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	53 projection: "EPSG:3857",
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	54 splitscreen: false
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	55 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	56 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	57 computed: {
1424 4afbc615cfc2 little code cleanup Markus Kottlaender <markus@intevation.de> parents: 1394 diff changeset	58 ...mapGetters("map", ["getLayerByName", "getVSourceByName"]),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	59 ...mapState("map", [
2310 92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	60 "initialLoad",
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	61 "extent",
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	62 "layers",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	63 "openLayersMap",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	64 "lineTool",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	65 "polygonTool",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	66 "cutTool"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	67 ]),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	68 ...mapState("bottlenecks", ["selectedSurvey"]),
1394 b350b0b5cb6c refactored fairwayprofile cross cuts Markus Kottlaender <markus@intevation.de> parents: 1372 diff changeset	69 ...mapState("application", ["showSplitscreen"]),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	70 hasActiveInteractions() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	71 return (
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	72 (this.lineTool && this.lineTool.getActive()) \|\|
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	73 (this.polygonTool && this.polygonTool.getActive()) \|\|
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	74 (this.cutTool && this.cutTool.getActive())
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	75 );
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	76 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	77 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	78 methods: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	79 buildVectorLoader(featureRequestOptions, endpoint, vectorSource) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	80 // build a function to be used for VectorSource.setLoader()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	81 // make use of WFS().writeGetFeature to build the request
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	82 // and use our HTTP library to actually do it
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	83 // NOTE: a) the geometryName has to be given in featureRequestOptions,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	84 // because we want to load depending on the bbox
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	85 // b) the VectorSource has to have the option strategy: bbox
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	86 featureRequestOptions["outputFormat"] = "application/json";
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	87 var loader = function(extent, resolution, projection) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	88 featureRequestOptions["bbox"] = extent;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	89 featureRequestOptions["srsName"] = projection.getCode();
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	90 var featureRequest = new WFS().writeGetFeature(featureRequestOptions);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	91 // DEBUG console.log(featureRequest);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	92 HTTP.post(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	93 endpoint,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	94 new XMLSerializer().serializeToString(featureRequest),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	95 {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	96 headers: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	97 "X-Gemma-Auth": localStorage.getItem("token"),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	98 "Content-type": "text/xml; charset=UTF-8"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	99 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	100 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	101 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	102 .then(response => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	103 var features = new GeoJSON().readFeatures(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	104 JSON.stringify(response.data)
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	105 );
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	106 vectorSource.addFeatures(features);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	107 // console.log(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	108 // "loaded",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	109 // features.length,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	110 // featureRequestOptions.featureTypes,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	111 // "features"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	112 // );
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	113 // DEBUG console.log("loaded ", features, "for", vectorSource);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	114 // eslint-disable-next-line
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	115 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	116 .catch(() => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	117 vectorSource.removeLoadedExtent(extent);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	118 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	119 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	120 return loader;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	121 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	122 updateBottleneckFilter(bottleneck_id, datestr) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	123 console.log("updating filter with", bottleneck_id, datestr);
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	124 const layer = this.getLayerByName(LAYERS.BOTTLENECKISOLINE);
1424 4afbc615cfc2 little code cleanup Markus Kottlaender <markus@intevation.de> parents: 1394 diff changeset	125 const wmsSrc = layer.data.getSource();
4afbc615cfc2 little code cleanup Markus Kottlaender <markus@intevation.de> parents: 1394 diff changeset	126 const exists = bottleneck_id != "does_not_exist";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	127
1424 4afbc615cfc2 little code cleanup Markus Kottlaender <markus@intevation.de> parents: 1394 diff changeset	128 if (exists) {
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	129 wmsSrc.updateParams({
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	130 cql_filter:
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	131 "date_info='" +
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	132 datestr +
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	133 "' AND bottleneck_id='" +
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	134 bottleneck_id +
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	135 "'"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	136 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	137 }
1424 4afbc615cfc2 little code cleanup Markus Kottlaender <markus@intevation.de> parents: 1394 diff changeset	138 layer.isVisible = exists;
4afbc615cfc2 little code cleanup Markus Kottlaender <markus@intevation.de> parents: 1394 diff changeset	139 layer.data.setVisible(exists);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	140 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	141 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	142 watch: {
2549 9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	143 showSplitscreen(show) {
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	144 if (show) {
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	145 setTimeout(() => {
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	146 this.splitscreen = true;
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	147 }, 350);
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	148 } else {
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	149 this.splitscreen = false;
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	150 }
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	151 },
9bf6b767a56a client: refactored and improved splitscreen for diagrams Markus Kottlaender <markus@intevation.de> parents: 2506 diff changeset	152 splitscreen() {
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	153 const map = this.openLayersMap;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	154 this.$nextTick(() => {
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	155 map && map.updateSize();
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	156 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	157 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	158 selectedSurvey(newSelectedSurvey) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	159 if (newSelectedSurvey) {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	160 this.updateBottleneckFilter(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	161 newSelectedSurvey.bottleneck_id,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	162 newSelectedSurvey.date_info
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	163 );
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	164 } else {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	165 this.updateBottleneckFilter("does_not_exist", "1999-10-01");
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	166 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	167 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	168 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	169 mounted() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	170 let map = new Map({
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	171 layers: [...this.layers.map(x => x.data)],
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	172 target: "map",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	173 controls: [],
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	174 view: new View({
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	175 center: [this.extent.lon, this.extent.lat],
2139 22bbd0d0500e client: limit zooming out to roughly Europe Bernhard Reiter <bernhard@intevation.de> parents: 2125 diff changeset	176 minZoom: 5, // restrict zooming out to ~size of Europe for width 1000px
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	177 zoom: this.extent.zoom,
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	178 projection: this.projection
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	179 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	180 });
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	181 map.on("moveend", event => {
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	182 const center = event.map.getView().getCenter();
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	183 this.$store.commit("map/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	184 lat: center[1],
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	185 lon: center[0],
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	186 zoom: event.map.getView().getZoom()
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	187 });
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	188 });
1296 99c039e86624 replaced manual store cleanup on logout with central store reset Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	189 this.$store.dispatch("map/openLayersMap", map);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	190
2310 92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	191 if (this.initialLoad) {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	192 this.$store.commit("map/initialLoad", false);
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	193 var currentUser = this.$store.state.user.user;
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	194 HTTP.get("/users/" + currentUser, {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	195 headers: {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	196 "X-Gemma-Auth": localStorage.getItem("token"),
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	197 "Content-type": "text/xml; charset=UTF-8"
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	198 }
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	199 })
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	200 .then(response => {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	201 this.$store.commit("map/moveToBoundingBox", {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	202 boundingBox: [
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	203 response.data.extent.x1,
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	204 response.data.extent.y1,
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	205 response.data.extent.x2,
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	206 response.data.extent.y2
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	207 ],
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	208 zoom: 17,
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	209 preventZoomOut: true
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	210 });
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	211 })
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	212 .catch(error => {
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	213 const { status, data } = error.response;
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	214 displayError({
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	215 title: this.$gettext("Backend Error"),
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	216 message: `${status}: ${data.message \|\| data}`
92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	217 });
2190 ecb0ad836aa0 linting Thomas Junk <thomas.junk@intevation.de> parents: 2188 diff changeset	218 });
2310 92b21df288e2 client: use user specific extent only on initial load Markus Kottlaender <markus@intevation.de> parents: 2308 diff changeset	219 }
2188 005da2c21b11 client: Zoom to users responisbility area on startup. Raimund Renkert <raimund.renkert@intevation.de> parents: 2185 diff changeset	220
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	221 // TODO make display of layers more dynamic, e.g. from a list
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	222
2125 ea5a0e771b71 Distinct fairway layers per LOS Markus Kottlaender <markus@intevation.de> parents: 1983 diff changeset	223 // load different fairway dimension layers (level of service)
2273 4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	224 [
4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	225 LAYERS.FAIRWAYDIMENSIONSLOS1,
4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	226 LAYERS.FAIRWAYDIMENSIONSLOS2,
4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	227 LAYERS.FAIRWAYDIMENSIONSLOS3
4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	228 ].forEach((los, i) => {
2184 826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	229 // loading the full WFS layer without bboxStrategy
2273 4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	230 var source = this.getVSourceByName(los);
2190 ecb0ad836aa0 linting Thomas Junk <thomas.junk@intevation.de> parents: 2188 diff changeset	231 /eslint-disable no-unused-vars /
2184 826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	232 var loader = function(extent, resolution, projection) {
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	233 var featureRequest = new WFS().writeGetFeature({
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	234 srsName: "EPSG:3857",
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	235 featureNS: "gemma",
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	236 featurePrefix: "gemma",
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	237 featureTypes: ["fairway_dimensions"],
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	238 outputFormat: "application/json",
2273 4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	239 filter: equalTo("level_of_service", i + 1)
2184 826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	240 });
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	241
2184 826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	242 featureRequest["outputFormat"] = "application/json";
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	243 // NOTE: loading the full fairway_dimensions makes sure
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	244 // that all are available for the intersection with the profile
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	245 HTTP.post(
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	246 "/internal/wfs",
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	247 new XMLSerializer().serializeToString(featureRequest),
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	248 {
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	249 headers: {
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	250 "X-Gemma-Auth": localStorage.getItem("token"),
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	251 "Content-type": "text/xml; charset=UTF-8"
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	252 }
2125 ea5a0e771b71 Distinct fairway layers per LOS Markus Kottlaender <markus@intevation.de> parents: 1983 diff changeset	253 }
2184 826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	254 ).then(response => {
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	255 source.addFeatures(
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	256 new GeoJSON().readFeatures(JSON.stringify(response.data))
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	257 );
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	258 // would scale to the extend of all resulting features
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	259 // this.openLayersMap.getView().fit(vectorSrc.getExtent());
826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	260 });
2185 9212b3d60f2a linting Thomas Junk <thomas.junk@intevation.de> parents: 2184 diff changeset	261 };
2184 826fc7309370 client: Added refresh button to reload the WFS layer data. Raimund Renkert <raimund.renkert@intevation.de> parents: 2157 diff changeset	262
2273 4eeaba4ef573 client: rename the Fairway Dimensions layers Fadi Abbud <fadi.abbud@intevation.de> parents: 2190 diff changeset	263 layer = this.getLayerByName(los);
2185 9212b3d60f2a linting Thomas Junk <thomas.junk@intevation.de> parents: 2184 diff changeset	264 layer.data.getSource().setLoader(loader);
2308 f42a7ba05979 client: honor isVisible attribute for more layers Bernhard Reiter <bernhard@intevation.de> parents: 2300 diff changeset	265 layer.data.setVisible(layer.isVisible);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	266 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	267
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	268 // load following layers with bboxStrategy (using our request builder)
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	269 var layer = null;
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	270
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	271 layer = this.getLayerByName(LAYERS.WATERWAYAREA);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	272 layer.data.getSource().setLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	273 this.buildVectorLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	274 {
1794 de4543bfbad5 Use internal waterway area data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1719 diff changeset	275 featureNS: "gemma",
de4543bfbad5 Use internal waterway area data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1719 diff changeset	276 featurePrefix: "gemma",
de4543bfbad5 Use internal waterway area data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1719 diff changeset	277 featureTypes: ["waterway_area"],
de4543bfbad5 Use internal waterway area data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1719 diff changeset	278 geometryName: "area"
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	279 },
1794 de4543bfbad5 Use internal waterway area data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1719 diff changeset	280 "/internal/wfs",
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	281 layer.data.getSource()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	282 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	283 );
2308 f42a7ba05979 client: honor isVisible attribute for more layers Bernhard Reiter <bernhard@intevation.de> parents: 2300 diff changeset	284 layer.data.setVisible(layer.isVisible);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	285
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	286 layer = this.getLayerByName(LAYERS.WATERWAYAXIS);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	287 layer.data.getSource().setLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	288 this.buildVectorLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	289 {
1719 a005816388b7 Use internal waterway axis data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1613 diff changeset	290 featureNS: "gemma",
a005816388b7 Use internal waterway axis data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1613 diff changeset	291 featurePrefix: "gemma",
a005816388b7 Use internal waterway axis data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1613 diff changeset	292 featureTypes: ["waterway_axis"],
a005816388b7 Use internal waterway axis data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1613 diff changeset	293 geometryName: "wtwaxs"
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	294 },
1719 a005816388b7 Use internal waterway axis data for map (not d4d wfs). Sascha Wilde <wilde@intevation.de> parents: 1613 diff changeset	295 "/internal/wfs",
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	296 layer.data.getSource()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	297 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	298 );
2308 f42a7ba05979 client: honor isVisible attribute for more layers Bernhard Reiter <bernhard@intevation.de> parents: 2300 diff changeset	299 layer.data.setVisible(layer.isVisible);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	300
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	301 layer = this.getLayerByName(LAYERS.WATERWAYPROFILES);
2157 8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	302 layer.data.getSource().setLoader(
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	303 this.buildVectorLoader(
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	304 {
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	305 featureNS: "gemma",
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	306 featurePrefix: "gemma",
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	307 featureTypes: ["waterway_profiles"],
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	308 geometryName: "geom"
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	309 },
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	310 "/internal/wfs",
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	311 layer.data.getSource()
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	312 )
8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	313 );
2308 f42a7ba05979 client: honor isVisible attribute for more layers Bernhard Reiter <bernhard@intevation.de> parents: 2300 diff changeset	314 layer.data.setVisible(layer.isVisible);
2157 8be0fbac2297 Added layer for waterway profiles. Sascha Wilde <wilde@intevation.de> parents: 2139 diff changeset	315
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	316 layer = this.getLayerByName(LAYERS.DISTANCEMARKS);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	317 layer.data.getSource().setLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	318 this.buildVectorLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	319 {
2300 3dd2de314b1b Use distance marks from wamos db in map. Sascha Wilde <wilde@intevation.de> parents: 2273 diff changeset	320 featureNS: "gemma",
3dd2de314b1b Use distance marks from wamos db in map. Sascha Wilde <wilde@intevation.de> parents: 2273 diff changeset	321 featurePrefix: "gemma",
3dd2de314b1b Use distance marks from wamos db in map. Sascha Wilde <wilde@intevation.de> parents: 2273 diff changeset	322 featureTypes: ["distance_marks_ashore_geoserver"],
3dd2de314b1b Use distance marks from wamos db in map. Sascha Wilde <wilde@intevation.de> parents: 2273 diff changeset	323 geometryName: "geom"
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	324 },
2300 3dd2de314b1b Use distance marks from wamos db in map. Sascha Wilde <wilde@intevation.de> parents: 2273 diff changeset	325 "/internal/wfs",
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	326 layer.data.getSource()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	327 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	328 );
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	329 layer.data.setVisible(layer.isVisible);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	330
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	331 layer = this.getLayerByName(LAYERS.DISTANCEMARKSAXIS);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	332 layer.data.getSource().setLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	333 this.buildVectorLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	334 {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	335 featureNS: "gemma",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	336 featurePrefix: "gemma",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	337 featureTypes: ["distance_marks_geoserver"],
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	338 geometryName: "geom"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	339 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	340 "/internal/wfs",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	341 layer.data.getSource()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	342 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	343 );
2308 f42a7ba05979 client: honor isVisible attribute for more layers Bernhard Reiter <bernhard@intevation.de> parents: 2300 diff changeset	344 layer.data.setVisible(layer.isVisible);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	345
2451 960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	346 layer = this.getLayerByName(LAYERS.GAUGES);
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	347 layer.data.getSource().setLoader(
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	348 this.buildVectorLoader(
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	349 {
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	350 featureNS: "gemma",
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	351 featurePrefix: "gemma",
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	352 featureTypes: ["gauges_geoserver"],
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	353 geometryName: "geom"
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	354 },
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	355 "/internal/wfs",
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	356 layer.data.getSource()
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	357 )
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	358 );
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	359 layer.data.setVisible(layer.isVisible);
960550ccca55 Added gauges layer. Sascha Wilde <wilde@intevation.de> parents: 2446 diff changeset	360
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	361 layer = this.getLayerByName(LAYERS.STRETCHES);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	362 layer.data.getSource().setLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	363 this.buildVectorLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	364 {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	365 featureNS: "gemma",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	366 featurePrefix: "gemma",
1943 52a6e63d5dcc Added stretches layer, removed WW-Area named. Sascha Wilde <wilde@intevation.de> parents: 1932 diff changeset	367 featureTypes: ["stretches_geoserver"],
1983 f9f1babe52ae Fix area generation from multipolygon input Tom Gottfried <tom@intevation.de> parents: 1963 diff changeset	368 geometryName: "area"
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	369 },
1943 52a6e63d5dcc Added stretches layer, removed WW-Area named. Sascha Wilde <wilde@intevation.de> parents: 1932 diff changeset	370 "/internal/wfs",
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	371 layer.data.getSource()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	372 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	373 );
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	374 layer.data.setVisible(layer.isVisible);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	375
2482 ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	376 layer = this.getLayerByName(LAYERS.BOTTLENECKSTATUS);
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	377 layer.data.getSource().setLoader(
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	378 this.buildVectorLoader(
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	379 {
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	380 featureNS: "gemma",
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	381 featurePrefix: "gemma",
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	382 featureTypes: ["bottlenecks_geoserver"],
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	383 geometryName: "area"
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	384 },
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	385 "/internal/wfs",
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	386 layer.data.getSource()
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	387 )
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	388 );
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	389
2324 edaf0d22fc9c client:use the name of constants instead of strings Fadi Abbud <fadi.abbud@intevation.de> parents: 2310 diff changeset	390 layer = this.getLayerByName(LAYERS.BOTTLENECKS);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	391 layer.data.getSource().setLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	392 this.buildVectorLoader(
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	393 {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	394 featureNS: "gemma",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	395 featurePrefix: "gemma",
1963 f7a35ba9f409 Added view for publishing bottlenecks Sascha Wilde <wilde@intevation.de> parents: 1958 diff changeset	396 featureTypes: ["bottlenecks_geoserver"],
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	397 geometryName: "area"
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	398 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	399 "/internal/wfs",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	400 layer.data.getSource()
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	401 )
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	402 );
2308 f42a7ba05979 client: honor isVisible attribute for more layers Bernhard Reiter <bernhard@intevation.de> parents: 2300 diff changeset	403 layer.data.setVisible(layer.isVisible);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	404 HTTP.get("/system/style/Bottlenecks/stroke", {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	405 headers: { "X-Gemma-Auth": localStorage.getItem("token") }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	406 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	407 .then(response => {
2482 ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	408 let btlnStrokeC = response.data.code;
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	409 HTTP.get("/system/style/Bottlenecks/fill", {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	410 headers: { "X-Gemma-Auth": localStorage.getItem("token") }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	411 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	412 .then(response => {
2482 ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	413 let btlnFillC = response.data.code;
ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	414 var newStyle = new Style({
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	415 stroke: new Stroke({
2482 ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	416 color: btlnStrokeC,
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	417 width: 4
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	418 }),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	419 fill: new Fill({
2482 ae1987c5beb3 client: display bottleneck status in separate layer Markus Kottlaender <markus@intevation.de> parents: 2446 diff changeset	420 color: btlnFillC
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	421 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	422 });
2506 89c439721db2 client: new symbold for critical bottlenecks, normal bottlenecks are not marked anymore Markus Kottlaender <markus@intevation.de> parents: 2491 diff changeset	423 layer.data.setStyle(newStyle);
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	424 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	425 .catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	426 console.log(error);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	427 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	428 })
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	429 .catch(error => {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	430 console.log(error);
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	431 });
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	432
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	433 // so none is shown
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	434 this.updateBottleneckFilter("does_not_exist", "1999-10-01");
1958 ae4ada3933af clean state on identify tool on mount of component Thomas Junk <thomas.junk@intevation.de> parents: 1943 diff changeset	435 this.$store.dispatch("map/disableIdentifyTool");
1435 7fa030127b05 fixed panning problem Markus Kottlaender <markus@intevation.de> parents: 1424 diff changeset	436 this.$store.dispatch("map/enableIdentifyTool");
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	437 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	438 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	439 </script>

Mercurial > gemma

annotate client/src/components/Maplayer.vue @ 2715:8d96b9254465