{"version":3,"sources":["webpack:///./src/components/importoverview/BottleneckDetail.vue?0d37","webpack:///./src/components/importoverview/BottleneckDetail.vue","webpack:///src/components/importoverview/BottleneckDetail.vue","webpack:///./src/components/importoverview/BottleneckDetail.vue?a29d","webpack:///./src/components/importoverview/BottleneckDetail.vue?4d82"],"names":["render","_vm","this","_c","_self","class","bottleneckdetails","full","showLogs","split","_l","bottlenecks","bottleneck","index","key","staticClass","on","$event","showBottleneckDetails","attrs","showBottleneckDetail","moveToBottleneck","_v","_s","properties","objnam","Object","keys","info","_e","staticRenderFns","data","mounted","loadBottlenecks","reloadBottleneckLayer","computed","_objectSpread","mapState","mapGetters","methods","openLayersMaps","forEach","map","getLayer","getSource","refresh","_this","generateFilter","details","summary","length","equalToFilter","orExpressions","x","orFilter","apply","_toConsumableArray","filterExpression","bottleneckFeatureCollectionRequest","WFS","writeGetFeature","srsName","featureNS","featurePrefix","featureTypes","outputFormat","filter","HTTP","post","XMLSerializer","serializeToString","headers","localStorage","getItem","then","response","features","catch","error","_error$response","status","displayError","title","$gettext","message","concat","openLayersMap","setVisible","$store","dispatch","feature","zoom","preventZoomOut","component"],"mappings":"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","file":"js/chunk-320a20ea.09ded7f8.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BottleneckDetail.vue?vue&type=style&index=0&id=447c08aa&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{\n    bottleneckdetails: true,\n    full: !_vm.showLogs,\n    split: _vm.showLogs\n  }},_vm._l((_vm.bottlenecks),function(bottleneck,index){return _c('div',{key:index},[_c('div',{staticClass:\"d-flex pl-2\"},[_c('div',{staticClass:\"mt-auto mb-auto text-info text-left\",on:{\"click\":function($event){return _vm.showBottleneckDetails(index)}}},[_c('UISpinnerButton',{staticClass:\"text-info\",attrs:{\"state\":_vm.showBottleneckDetail === index,\"icons\":['angle-right', 'angle-down']}})],1),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.moveToBottleneck(index)}}},[_vm._v(\"\\n        \"+_vm._s(bottleneck.properties.objnam)+\"\\n        \")])]),(_vm.showBottleneckDetail === index)?_c('div',{staticClass:\"d-flex properties\"},[_c('table',{staticClass:\"w-100\"},_vm._l((Object.keys(bottleneck.properties)),function(info,index){return _c('tr',{key:index},[_c('td',{staticClass:\"pl-4\"},[_vm._v(_vm._s(info))]),_c('td',[_vm._v(\"\\n            \"+_vm._s(bottleneck.properties[info])+\"\\n          \")])])}),0)]):_vm._e()])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"{\n      bottleneckdetails: true,\n      full: !showLogs,\n      split: showLogs\n    }\"\n  >\n    <div v-for=\"(bottleneck, index) in bottlenecks\" :key=\"index\">\n      <div class=\"d-flex pl-2\">\n        <div\n          @click=\"showBottleneckDetails(index)\"\n          class=\"mt-auto mb-auto text-info text-left\"\n        >\n          <UISpinnerButton\n            :state=\"showBottleneckDetail === index\"\n            :icons=\"['angle-right', 'angle-down']\"\n            class=\"text-info\"\n          />\n        </div>\n        <a @click=\"moveToBottleneck(index)\" href=\"#\">\n          {{ bottleneck.properties.objnam }}\n          <!-- objnam for Text is okay-->\n        </a>\n      </div>\n\n      <div class=\"d-flex properties\" v-if=\"showBottleneckDetail === index\">\n        <table class=\"w-100\">\n          <tr\n            v-for=\"(info, index) in Object.keys(bottleneck.properties)\"\n            :key=\"index\"\n          >\n            <td class=\"pl-4\">{{ info }}</td>\n            <td>\n              {{ bottleneck.properties[info] }}\n            </td>\n          </tr>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bottleneckdetails {\n  width: 100%;\n  overflow-y: auto;\n}\n.bottleneckdetails > div {\n  border-top: dashed 1px #dee2e6;\n}\n.bottleneckdetails > div:first-child {\n  border-top: none;\n}\n.bottleneckdetails > div .properties {\n  position: relative;\n  overflow: hidden;\n}\n.bottleneckdetails > div .properties::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: -5px;\n  bottom: 0;\n  left: -5px;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);\n}\n.bottleneckdetails > div .properties tr {\n  font-size: 0.7rem;\n}\n.bottleneckdetails > div .properties tr:nth-child(odd) {\n  background-color: #f8f9fa;\n}\n\n.split {\n  max-height: 35vh;\n}\n</style>\n\n<script>\n/* This is Free Software under GNU Affero General Public License v >= 3.0\n * without warranty, see README.md and license for details.\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n * License-Filename: LICENSES/AGPL-3.0.txt\n *\n * Copyright (C) 2018 by via donau\n *   – Österreichische Wasserstraßen-Gesellschaft mbH\n * Software engineering by Intevation GmbH\n *\n * Author(s):\n * Thomas Junk <thomas.junk@intevation.de>\n */\n\nimport { HTTP } from \"@/lib/http\";\nimport { WFS } from \"ol/format\";\nimport { or as orFilter, equalTo as equalToFilter } from \"ol/format/filter\";\nimport { displayError } from \"@/lib/errors\";\nimport { mapState, mapGetters } from \"vuex\";\n\nexport default {\n  data() {\n    return {\n      bottlenecks: [],\n      showBottleneckDetail: null\n    };\n  },\n  mounted() {\n    this.loadBottlenecks();\n    this.reloadBottleneckLayer();\n  },\n  computed: {\n    ...mapState(\"map\", [\"openLayersMaps\"]),\n    ...mapState(\"imports\", [\"showLogs\", \"details\"]),\n    ...mapGetters(\"map\", [\"openLayersMap\"])\n  },\n  methods: {\n    reloadBottleneckLayer() {\n      this.openLayersMaps.forEach(map => {\n        map\n          .getLayer(\"BOTTLENECKISOLINE\")\n          .getSource()\n          .refresh();\n      });\n    },\n    loadBottlenecks() {\n      const generateFilter = () => {\n        const { bottlenecks } = this.details.summary;\n        if (bottlenecks.length === 1)\n          return equalToFilter(\"bottleneck_id\", bottlenecks[0]);\n        const orExpressions = bottlenecks.map(x => {\n          return equalToFilter(\"bottleneck_id\", x);\n        });\n        return orFilter(...orExpressions);\n      };\n      const filterExpression = generateFilter();\n      const bottleneckFeatureCollectionRequest = new WFS().writeGetFeature({\n        srsName: \"EPSG:4326\",\n        featureNS: \"gemma\",\n        featurePrefix: \"gemma\",\n        featureTypes: [\"bottlenecks_geoserver\"],\n        outputFormat: \"application/json\",\n        filter: filterExpression\n      });\n      HTTP.post(\n        \"/internal/wfs\",\n        new XMLSerializer().serializeToString(\n          bottleneckFeatureCollectionRequest\n        ),\n        {\n          headers: {\n            \"X-Gemma-Auth\": localStorage.getItem(\"token\"),\n            \"Content-type\": \"text/xml; charset=UTF-8\"\n          }\n        }\n      )\n        .then(response => {\n          this.bottlenecks = response.data.features;\n        })\n        .catch(error => {\n          const { status, data } = error.response;\n          displayError({\n            title: this.$gettext(\"Backend Error\"),\n            message: `${status}: ${data.message || data}`\n          });\n        });\n    },\n    moveToBottleneck(index) {\n      this.openLayersMap()\n        .getLayer(\"BOTTLENECKS\")\n        .setVisible(true);\n      this.$store.dispatch(\"map/moveToFeauture\", {\n        feature: this.bottlenecks[index],\n        zoom: 17,\n        preventZoomOut: true\n      });\n    },\n    showBottleneckDetails(index) {\n      if (index === this.showBottleneckDetail) {\n        this.showBottleneckDetail = null;\n      } else {\n        this.showBottleneckDetail = index;\n      }\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BottleneckDetail.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BottleneckDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BottleneckDetail.vue?vue&type=template&id=447c08aa&scoped=true\"\nimport script from \"./BottleneckDetail.vue?vue&type=script&lang=js\"\nexport * from \"./BottleneckDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./BottleneckDetail.vue?vue&type=style&index=0&id=447c08aa&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"447c08aa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}