{"version":3,"sources":["webpack:///./src/components/Popup.vue","webpack:///src/components/Popup.vue","webpack:///./src/components/Popup.vue?f188","webpack:///./src/components/Popup.vue?dc91","webpack:///./src/components/Popup.vue?f2f6"],"names":["render","_vm","this","_c","_self","attrs","popup","staticClass","icon","title","close","class","padding","domProps","_s","content","dateSelection","_v","directives","name","rawName","value","from","expression","on","$event","target","composing","to","_e","cancel","confirm","label","staticRenderFns","isoFormat","date","format","data","subMonths","Date","computed","_objectSpread","mapState","methods","callback","$store","commit","component"],"mappings":"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","file":"js/chunk-a9b70caa.e95de834.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.popup)?_c('div',{staticClass:\"overlay d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"popup\"},[_c('UIBoxHeader',{attrs:{\"icon\":_vm.popup.icon,\"title\":_vm.popup.title,\"closeCallback\":_vm.close}}),_c('div',{class:{ 'p-3': _vm.popup.padding !== false },domProps:{\"innerHTML\":_vm._s(_vm.popup.content)}}),(_vm.popup.dateSelection)?_c('div',{staticClass:\"dateselection d-flex flex-column mx-2\"},[_c('div',{staticClass:\"d-flex flex-column text-left\"},[_c('small',{staticClass:\"my-auto text-muted\"},[_c('translate',[_vm._v(\"From\")])],1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.from),expression:\"from\"}],attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.from)},on:{\"input\":function($event){if($event.target.composing)return;_vm.from=$event.target.value}}})]),_c('div',{staticClass:\"text-left d-flex flex-column\"},[_c('small',{staticClass:\"my-auto text-muted\"},[_c('translate',[_vm._v(\"To\")])],1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.to),expression:\"to\"}],attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.to)},on:{\"input\":function($event){if($event.target.composing)return;_vm.to=$event.target.value}}})])]):_vm._e(),(_vm.popup.cancel || _vm.popup.confirm)?_c('div',{staticClass:\"popup-footer\"},[(_vm.popup.cancel)?_c('button',{staticClass:\"btn btn-sm btn-warning\",on:{\"click\":_vm.cancel}},[(_vm.popup.cancel.icon)?_c('font-awesome-icon',{staticClass:\"fa-fw\",attrs:{\"icon\":_vm.popup.cancel.icon}}):_vm._e(),(_vm.popup.cancel.label)?_c('span',[_vm._v(_vm._s(_vm.popup.cancel.label))]):_c('translate',[_vm._v(\"Cancel\")])],1):_vm._e(),_c('span'),(_vm.popup.confirm)?_c('button',{staticClass:\"btn btn-sm btn-info\",on:{\"click\":_vm.confirm}},[(_vm.popup.confirm.icon)?_c('font-awesome-icon',{staticClass:\"fa-fw\",attrs:{\"icon\":_vm.popup.confirm.icon}}):_vm._e(),(_vm.popup.confirm.label)?_c('span',[_vm._v(_vm._s(_vm.popup.confirm.label))]):_c('translate',[_vm._v(\"Confirm\")])],1):_vm._e()]):_vm._e()],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition name=\"fade\">\n    <div\n      class=\"overlay d-flex justify-content-center align-items-center\"\n      v-if=\"popup\"\n    >\n      <div class=\"popup\">\n        <UIBoxHeader\n          :icon=\"popup.icon\"\n          :title=\"popup.title\"\n          :closeCallback=\"close\"\n        />\n        <div\n          :class=\"{ 'p-3': popup.padding !== false }\"\n          v-html=\"popup.content\"\n        ></div>\n        <div\n          v-if=\"popup.dateSelection\"\n          class=\"dateselection d-flex flex-column mx-2\"\n        >\n          <div class=\"d-flex flex-column text-left\">\n            <small class=\"my-auto text-muted\">\n              <translate>From</translate>\n            </small>\n            <input type=\"date\" v-model=\"from\" />\n          </div>\n          <div class=\"text-left d-flex flex-column\">\n            <small class=\"my-auto text-muted\">\n              <translate>To</translate>\n            </small>\n            <input type=\"date\" v-model=\"to\" />\n          </div>\n        </div>\n        <div class=\"popup-footer\" v-if=\"popup.cancel || popup.confirm\">\n          <button\n            class=\"btn btn-sm btn-warning\"\n            @click=\"cancel\"\n            v-if=\"popup.cancel\"\n          >\n            <font-awesome-icon\n              :icon=\"popup.cancel.icon\"\n              class=\"fa-fw\"\n              v-if=\"popup.cancel.icon\"\n            />\n            <span v-if=\"popup.cancel.label\">{{ popup.cancel.label }}</span>\n            <translate v-else>Cancel</translate>\n          </button>\n          <span />\n          <button\n            class=\"btn btn-sm btn-info\"\n            @click=\"confirm\"\n            v-if=\"popup.confirm\"\n          >\n            <font-awesome-icon\n              :icon=\"popup.confirm.icon\"\n              class=\"fa-fw\"\n              v-if=\"popup.confirm.icon\"\n            />\n            <span v-if=\"popup.confirm.label\">{{ popup.confirm.label }}</span>\n            <translate v-else>Confirm</translate>\n          </button>\n        </div>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<style scoped>\n.dateselection {\n  width: 250px;\n}\n\n.overlay {\n  position: fixed;\n  z-index: 9;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.3);\n}\n.overlay .popup {\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n  background-color: #fff;\n  border-radius: 0.25rem;\n  max-width: 320px;\n}\n.overlay .popup .popup-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 0.5rem;\n  border-bottom: 1px solid #dee2e6;\n  color: var(--color-info);\n  margin-bottom: 0;\n  padding: 0.25rem;\n  font-weight: bold;\n}\n.overlay .popup .popup-header .popup-title {\n  padding-left: 0.25rem;\n}\n.overlay .popup .popup-header .popup-title .popup-icon {\n  margin-right: 0.25rem;\n}\n.overlay .popup .popup-header .popup-close {\n  color: #aaa;\n  padding: 3px 5px;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n}\n.overlay .popup .popup-header .popup-close:hover {\n  color: #888;\n  background-color: #eee;\n}\n.overlay .popup .popup-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid #dee2e6;\n  padding: 0.25rem;\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.kottlaender@intevation.de>\n */\n\nimport { mapState } from \"vuex\";\nimport { format, subMonths } from \"date-fns\";\n\nconst isoFormat = date => {\n  return format(date, \"YYYY-MM-DD\");\n};\n\nexport default {\n  name: \"popup\",\n  data() {\n    return {\n      from: isoFormat(subMonths(new Date(), 1)),\n      to: isoFormat(new Date())\n    };\n  },\n  computed: {\n    ...mapState(\"application\", [\"popup\"])\n  },\n  methods: {\n    confirm() {\n      if (this.popup.confirm && this.popup.confirm.callback)\n        this.popup.confirm.callback({\n          from: this.from,\n          to: this.to\n        });\n      this.close();\n    },\n    cancel() {\n      if (this.popup.cancel && this.popup.cancel.callback)\n        this.popup.cancel.callback();\n      this.close();\n    },\n    close() {\n      this.$store.commit(\"application/popup\", null);\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!./Popup.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!./Popup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Popup.vue?vue&type=template&id=06c47b08&scoped=true\"\nimport script from \"./Popup.vue?vue&type=script&lang=js\"\nexport * from \"./Popup.vue?vue&type=script&lang=js\"\nimport style0 from \"./Popup.vue?vue&type=style&index=0&id=06c47b08&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  \"06c47b08\",\n  null\n  \n)\n\nexport default component.exports","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!./Popup.vue?vue&type=style&index=0&id=06c47b08&prod&scoped=true&lang=css\""],"sourceRoot":""}