{"version":3,"sources":["webpack:///./src/components/systemconfiguration/ColorSettings.vue?4510","webpack:///./src/components/systemconfiguration/ColorSettings.vue","webpack:///src/components/systemconfiguration/ColorSettings.vue","webpack:///./src/components/systemconfiguration/ColorSettings.vue?555d","webpack:///./src/components/systemconfiguration/ColorSettings.vue?4526"],"names":["render","_vm","this","_c","_self","staticClass","_l","features","f","key","fillColor","directives","name","rawName","value","layerName","expression","_v","class","hide","noOpacity","model","callback","$$v","$set","_e","strokeColor","on","$event","preventDefault","submit","reset","resetAll","apply","arguments","saveAll","staticRenderFns","initSColor","initFColor","data","sent","currentConfig","computed","_objectSpread","mapState","components","Chrome","Compact","methods","_this","forEach","_this2","feature","defaults","feature_colours_bottlenecks_stroke","feature_colours_bottlenecks_fill","feature_colours_stretches_stroke","feature_colours_stretches_fill","feature_colours_sections_stroke","feature_colours_sections_fill","feature_colours_fairwaydimensionslos1_stroke","feature_colours_fairwaydimensionslos1_fill","feature_colours_fairwaydimensionslos2_stroke","feature_colours_fairwaydimensionslos2_fill","feature_colours_fairwaydimensionslos3_stroke","feature_colours_fairwaydimensionslos3_fill","feature_colours_waterwayprofiles_stroke","feature_colours_waterway_axis_stroke","feature_colours_waterway_area_stroke","feature_colours_distancemarks_stroke","feature_colours_distancemarks_fill","feature_colours_distancemarks_ashore_stroke","feature_colours_distancemarks_ashore_fill","_this3","strokeC","hex8","fillC","strokeCForWMS","hex","noChangeMsg","displayInfo","title","message","$gettext","config","bottlenecks_stroke","bottlenecks_fill","$store","dispatch","finally","stretches_stroke","stretches_fill","sections_stroke","sections_fill","fairwaydimensionslos1_stroke","fairwaydimensionslos1_fill","fairwaydimensionslos2_stroke","fairwaydimensionslos2_fill","fairwaydimensionslos3_stroke","fairwaydimensionslos3_fill","waterwayprofiles_stroke","waterway_axis_stroke","waterway_area_stroke","distance_marks_stroke","distance_marks_fill","distance_marks_ashore_stroke","distance_marks_ashore_fill","mounted","component"],"mappings":"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","file":"js/chunk-82e6e96c.91b83329.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!./ColorSettings.vue?vue&type=style&index=0&id=5db80b46&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex flex-column py-3\"},[_c('div',{staticClass:\"px-3 container-fluid\"},[_c('div',{staticClass:\"row\"},[_vm._l((_vm.features),function(f){return _c('div',{key:f.key,staticClass:\"col-sm-3 mt-2 mb-4\"},[(f.fillColor)?_c('div',{staticClass:\"card mt-3\"},[_c('div',{staticClass:\"card-header small text-center\"},[_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\",value:({ layerName: f.name }),expression:\"{ layerName: f.name }\"}]},[_vm._v(\"%{layerName} Fill Color\")])]),_c('div',{staticClass:\"card-body p-0\"},[_c('chrome-picker',{class:{ hide: f.noOpacity },model:{value:(f.fillColor),callback:function ($$v) {_vm.$set(f, \"fillColor\", $$v)},expression:\"f.fillColor\"}})],1)]):_vm._e(),_c('div',{staticClass:\"mt-3\"},[(f.strokeColor)?_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header small text-center\"},[_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\",value:({ layerName: f.name }),expression:\"{ layerName: f.name }\"}]},[_vm._v(\"%{layerName} Border Color\")])]),_c('div',{staticClass:\"card-body p-0\"},[_c('chrome-picker',{class:{\n                  hide:\n                    f.noOpacity ||\n                    f.name === 'Distance Marks' ||\n                    f.name === 'Distance Marks, Axis'\n                },model:{value:(f.strokeColor),callback:function ($$v) {_vm.$set(f, \"strokeColor\", $$v)},expression:\"f.strokeColor\"}})],1)]):_vm._e()]),_c('div',{staticClass:\"d-flex text-right mt-2 mb-4\"},[_c('a',{staticClass:\"w-50 btn btn-info btn-sm text-white\",on:{\"click\":function($event){$event.preventDefault();return _vm.submit(f)}}},[_c('translate',[_vm._v(\"Send\")])],1),_c('a',{staticClass:\"w-50 btn btn-outline-info btn-sm ml-2\",on:{\"click\":function($event){$event.preventDefault();return _vm.reset(f)}}},[_c('translate',[_vm._v(\"Reset to defaults\")])],1)]),_c('hr')])}),_c('div',{staticClass:\"d-flex col-sm-3 align-self-end text-right savebuttons\"},[_c('a',{staticClass:\"w-50 btn btn-outline-info btn-sm\",on:{\"click\":function($event){$event.preventDefault();return _vm.resetAll.apply(null, arguments)}}},[_c('translate',[_vm._v(\"Reset all to defaults\")])],1),_c('a',{staticClass:\"w-50 btn btn-info ml-1 btn-sm text-white\",on:{\"click\":function($event){$event.preventDefault();return _vm.saveAll.apply(null, arguments)}}},[_c('translate',[_vm._v(\"Send all\")])],1)])],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"d-flex flex-column py-3\">\n    <div class=\"px-3 container-fluid\">\n      <div class=\"row\">\n        <div v-for=\"f in features\" :key=\"f.key\" class=\"col-sm-3 mt-2 mb-4\">\n          <div v-if=\"f.fillColor\" class=\"card mt-3\">\n            <div class=\"card-header small text-center\">\n              <span v-translate=\"{ layerName: f.name }\"\n                >%{layerName} Fill Color</span\n              >\n            </div>\n            <div class=\"card-body p-0\">\n              <chrome-picker\n                v-model=\"f.fillColor\"\n                :class=\"{ hide: f.noOpacity }\"\n              />\n            </div>\n          </div>\n          <div class=\"mt-3\">\n            <div v-if=\"f.strokeColor\" class=\"card\">\n              <div class=\"card-header small text-center\">\n                <span v-translate=\"{ layerName: f.name }\"\n                  >%{layerName} Border Color</span\n                >\n              </div>\n              <div class=\"card-body p-0\">\n                <chrome-picker\n                  v-model=\"f.strokeColor\"\n                  :class=\"{\n                    hide:\n                      f.noOpacity ||\n                      f.name === 'Distance Marks' ||\n                      f.name === 'Distance Marks, Axis'\n                  }\"\n                />\n              </div>\n            </div>\n          </div>\n          <div class=\"d-flex text-right mt-2 mb-4\">\n            <a\n              @click.prevent=\"submit(f)\"\n              class=\"w-50 btn btn-info btn-sm text-white\"\n            >\n              <translate>Send</translate>\n            </a>\n            <a\n              @click.prevent=\"reset(f)\"\n              class=\"w-50 btn btn-outline-info btn-sm ml-2\"\n            >\n              <translate>Reset to defaults</translate>\n            </a>\n          </div>\n          <hr />\n        </div>\n        <div class=\"d-flex col-sm-3 align-self-end text-right savebuttons\">\n          <a @click.prevent=\"resetAll\" class=\"w-50 btn btn-outline-info btn-sm\"\n            ><translate>Reset all to defaults</translate>\n          </a>\n          <a\n            @click.prevent=\"saveAll\"\n            class=\"w-50 btn btn-info ml-1 btn-sm text-white \"\n            ><translate>Send all</translate>\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.savebuttons {\n  top: -4em;\n}\n\n::v-deep .card {\n  overflow: hidden;\n}\n::v-deep .card .card-header {\n  padding: 0.25rem 1rem;\n}\n::v-deep .card .vc-chrome {\n  box-shadow: none;\n  border-radius: 0;\n  width: 100%;\n}\n::v-deep .card .vc-chrome .vc-chrome-saturation-wrap {\n  border-radius: 0;\n  padding-bottom: 45%;\n}\n::v-deep .card .vc-chrome.hide .vc-chrome-alpha-wrap {\n  display: none !important;\n}\n::v-deep .card .vc-chrome.hide .vc-chrome-hue-wrap {\n  margin-top: 10px;\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 * Markus Kottländer <markus@intevation.de>\n * Fadi Abbud <fadi.abbud@intevation.de>\n */\nimport { Chrome, Compact } from \"vue-color\";\nimport defaults from \"./defaults\";\nimport { mapState } from \"vuex\";\nimport { displayInfo } from \"@/lib/errors\";\n\nconst initSColor = \"#000000\",\n  initFColor = \"#000000\";\n\nexport default {\n  name: \"colorsettings\",\n  data() {\n    return {\n      sent: false,\n      currentConfig: null,\n      features: [\n        {\n          name: \"Bottlenecks\",\n          fillColor: initSColor,\n          strokeColor: initSColor\n        },\n        {\n          name: \"Stretches\",\n          fillColor: initFColor,\n          strokeColor: initSColor\n        },\n        {\n          name: \"Sections\",\n          fillColor: initFColor,\n          strokeColor: initSColor\n        },\n        {\n          name: \"LOS_1\",\n          fillColor: initFColor,\n          strokeColor: initSColor\n        },\n        {\n          name: \"LOS_2\",\n          fillColor: initFColor,\n          strokeColor: initSColor\n        },\n        {\n          name: \"LOS_3\",\n          fillColor: initFColor,\n          strokeColor: initSColor\n        },\n        {\n          name: \"Distance Marks, Axis\",\n          strokeColor: initSColor,\n          fillColor: initSColor\n        },\n        {\n          name: \"Distance Marks\",\n          strokeColor: initSColor,\n          fillColor: initSColor\n        },\n        {\n          name: \"Waterway profiles\",\n          strokeColor: initSColor\n        },\n        {\n          name: \"Waterway Axis\",\n          strokeColor: initSColor,\n          noOpacity: true\n        },\n        {\n          name: \"Waterway Area\",\n          strokeColor: initSColor,\n          noOpacity: true\n        }\n      ]\n    };\n  },\n  computed: {\n    ...mapState(\"application\", [\"config\"])\n  },\n  components: {\n    \"chrome-picker\": Chrome,\n    \"compact-picker\": Compact\n  },\n  methods: {\n    saveAll() {\n      this.features.forEach(f => {\n        this.submit(f);\n      });\n    },\n    resetAll() {\n      this.features.forEach(f => {\n        this.reset(f);\n      });\n    },\n    reset(feature) {\n      switch (feature.name) {\n        case \"Bottlenecks\": {\n          feature.strokeColor = defaults.feature_colours_bottlenecks_stroke;\n          feature.fillColor = defaults.feature_colours_bottlenecks_fill;\n          break;\n        }\n        case \"Stretches\": {\n          feature.strokeColor = defaults.feature_colours_stretches_stroke;\n          feature.fillColor = defaults.feature_colours_stretches_fill;\n          break;\n        }\n        case \"Sections\": {\n          feature.strokeColor = defaults.feature_colours_sections_stroke;\n          feature.fillColor = defaults.feature_colours_sections_fill;\n          break;\n        }\n        case \"LOS_1\": {\n          feature.strokeColor =\n            defaults.feature_colours_fairwaydimensionslos1_stroke;\n          feature.fillColor =\n            defaults.feature_colours_fairwaydimensionslos1_fill;\n          break;\n        }\n        case \"LOS_2\": {\n          feature.strokeColor =\n            defaults.feature_colours_fairwaydimensionslos2_stroke;\n          feature.fillColor =\n            defaults.feature_colours_fairwaydimensionslos2_fill;\n          break;\n        }\n        case \"LOS_3\": {\n          feature.strokeColor =\n            defaults.feature_colours_fairwaydimensionslos3_stroke;\n          feature.fillColor =\n            defaults.feature_colours_fairwaydimensionslos3_fill;\n          break;\n        }\n        case \"Waterway profiles\": {\n          feature.strokeColor =\n            defaults.feature_colours_waterwayprofiles_stroke;\n          break;\n        }\n        case \"Waterway Axis\": {\n          feature.strokeColor = defaults.feature_colours_waterway_axis_stroke;\n          break;\n        }\n        case \"Waterway Area\": {\n          feature.strokeColor = defaults.feature_colours_waterway_area_stroke;\n          break;\n        }\n        case \"Distance Marks, Axis\": {\n          feature.strokeColor = defaults.feature_colours_distancemarks_stroke;\n          feature.fillColor = defaults.feature_colours_distancemarks_fill;\n          break;\n        }\n        case \"Distance Marks\": {\n          feature.strokeColor =\n            defaults.feature_colours_distancemarks_ashore_stroke;\n          feature.fillColor =\n            defaults.feature_colours_distancemarks_ashore_fill;\n          break;\n        }\n      }\n    },\n    submit(feature) {\n      let strokeC = feature.strokeColor.hex8 || feature.strokeColor,\n        fillC = feature.fillColor\n          ? feature.fillColor.hex8 || feature.fillColor\n          : initFColor;\n      let strokeCForWMS = feature.strokeColor.hex || feature.strokeColor;\n      let noChangeMsg = name => {\n        displayInfo({\n          title: name + \":\",\n          message: this.$gettext(\"No style-changes\")\n        });\n      };\n      switch (feature.name) {\n        case \"Bottlenecks\": {\n          // send values only if they changed\n          if (\n            strokeC !== this.config.bottlenecks_stroke ||\n            fillC !== this.config.bottlenecks_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                bottlenecks_stroke: strokeC,\n                bottlenecks_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Stretches\": {\n          if (\n            strokeC !== this.config.stretches_stroke ||\n            fillC !== this.config.stretches_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                stretches_stroke: strokeC,\n                stretches_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Sections\": {\n          if (\n            strokeC !== this.config.sections_stroke ||\n            fillC !== this.config.sections_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                sections_stroke: strokeC,\n                sections_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"LOS_1\": {\n          if (\n            strokeC !== this.config.fairwaydimensionslos1_stroke ||\n            fillC !== this.config.fairwaydimensionslos1_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                fairwaydimensionslos1_stroke: strokeC,\n                fairwaydimensionslos1_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"LOS_2\": {\n          if (\n            strokeC !== this.config.fairwaydimensionslos2_stroke ||\n            fillC !== this.config.fairwaydimensionslos2_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                fairwaydimensionslos2_stroke: strokeC,\n                fairwaydimensionslos2_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"LOS_3\": {\n          if (\n            strokeC !== this.config.fairwaydimensionslos3_stroke ||\n            fillC !== this.config.fairwaydimensionslos3_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                fairwaydimensionslos3_stroke: strokeC,\n                fairwaydimensionslos3_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Waterway profiles\": {\n          if (strokeC !== this.config.waterwayprofiles_stroke) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                waterwayprofiles_stroke: strokeC\n              })\n              .finally(() => {\n                this.$store.dispatch(\"application/loadConfig\");\n              });\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Waterway Axis\": {\n          if (strokeCForWMS !== this.config.waterway_axis_stroke) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                waterway_axis_stroke: strokeCForWMS\n              })\n              .finally(() => {\n                this.$store.dispatch(\"application/loadConfig\");\n              });\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Waterway Area\": {\n          if (strokeCForWMS !== this.config.waterway_area_stroke) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                waterway_area_stroke: strokeCForWMS\n              })\n              .finally(() => {\n                this.$store.dispatch(\"application/loadConfig\");\n              });\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Distance Marks, Axis\": {\n          if (\n            strokeCForWMS !== this.config.distance_marks_stroke ||\n            fillC !== this.config.distance_marks_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                distance_marks_stroke: strokeCForWMS,\n                distance_marks_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n        case \"Distance Marks\": {\n          if (\n            strokeCForWMS !== this.config.distance_marks_ashore_stroke ||\n            fillC !== this.config.distance_marks_ashore_fill\n          ) {\n            this.$store\n              .dispatch(\"application/saveConfig\", {\n                distance_marks_ashore_stroke: strokeCForWMS,\n                distance_marks_ashore_fill: fillC\n              })\n              .finally(() => this.$store.dispatch(\"application/loadConfig\"));\n          } else {\n            noChangeMsg(feature.name);\n          }\n          break;\n        }\n      }\n    }\n  },\n  mounted() {\n    this.features[0].strokeColor = this.config.bottlenecks_stroke || initSColor;\n    this.features[0].fillColor = this.config.bottlenecks_fill || initFColor;\n    this.features[1].strokeColor = this.config.stretches_stroke || initSColor;\n    this.features[1].fillColor = this.config.stretches_fill || initFColor;\n    this.features[2].strokeColor = this.config.sections_stroke || initSColor;\n    this.features[2].fillColor = this.config.sections_fill || initFColor;\n    this.features[3].strokeColor = this.config.fairwaydimensionslos1_stroke;\n    this.features[3].fillColor =\n      this.config.fairwaydimensionslos1_fill || initFColor;\n    this.features[4].strokeColor =\n      this.config.fairwaydimensionslos2_stroke || initSColor;\n    this.features[4].fillColor =\n      this.config.fairwaydimensionslos2_fill || initFColor;\n    this.features[5].strokeColor =\n      this.config.fairwaydimensionslos3_stroke || initSColor;\n    this.features[5].fillColor =\n      this.config.fairwaydimensionslos3_fill || initFColor;\n    this.features[6].strokeColor =\n      this.config.distance_marks_stroke || initSColor;\n    this.features[6].fillColor = this.config.distance_marks_fill || initFColor;\n    this.features[7].strokeColor =\n      this.config.distance_marks_ashore_stroke || initSColor;\n    this.features[7].fillColor =\n      this.config.distance_marks_ashore_fill || initFColor;\n    this.features[8].strokeColor = this.config.waterwayprofiles_stroke;\n    this.features[9].strokeColor =\n      this.config.waterway_axis_stroke || initSColor;\n    this.features[10].strokeColor =\n      this.config.waterway_area_stroke || initSColor;\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!./ColorSettings.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!./ColorSettings.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ColorSettings.vue?vue&type=template&id=5db80b46&scoped=true\"\nimport script from \"./ColorSettings.vue?vue&type=script&lang=js\"\nexport * from \"./ColorSettings.vue?vue&type=script&lang=js\"\nimport style0 from \"./ColorSettings.vue?vue&type=style&index=0&id=5db80b46&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  \"5db80b46\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}