{"version":3,"sources":["webpack:///./src/views/contact/ContactForm.vue?d8aa","webpack:///src/views/contact/ContactForm.vue","webpack:///./src/views/contact/ContactForm.vue?1ac2","webpack:///./src/views/contact/ContactForm.vue?0b05","webpack:///./src/views/contact/ContactForm.vue?fb75","webpack:///./src/components/helpers/SubmitButton.vue?848f","webpack:///./src/components/helpers/SubmitButton.vue?46fe","webpack:///src/components/helpers/SubmitButton.vue","webpack:///./src/components/helpers/SubmitButton.vue?0a57","webpack:///./src/components/helpers/SubmitButton.vue?7c17"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","systemMessage","type","_e","staticClass","_v","_s","$t","subjects","model","value","callback","$$v","title","expression","directives","name","rawName","domProps","on","$event","target","composing","message","saveHandler","staticRenderFns","components","Multiselect","Preloader","Message","SubmitButton","data","loaded","mounted","ConfigurationRepository","requestSubjects","$store","getters","token","methods","sendMessage","component","style","saveChanges","buttonTextC","props","buttonText","String","required","default","$emit","computed","styleObject","cssConfig","submitButton"],"mappings":"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","file":"js/chunk-7a9be343.56b3168c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.loaded)?_c('div',{attrs:{\"id\":\"contact-form\"}},[(_vm.systemMessage)?_c('Message',{attrs:{\"message\":_vm.systemMessage,\"type\":_vm.type}}):_vm._e(),_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('contact.title')))]),_c('div',{staticClass:\"form-container\"},[_c('div',{staticClass:\"subject-container input\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.$t('contact.subject')))]),_c('Multiselect',{attrs:{\"allow-empty\":false,\"options\":_vm.subjects,\"deselectLabel\":_vm.$t('multiselect.deselectLabel'),\"placeholder\":_vm.$t('multiselect.placeholder'),\"selectLabel\":_vm.$t('multiselect.selectLabel'),\"selectedLabel\":_vm.$t('multiselect.selectedLabel')},model:{value:(_vm.title),callback:function ($$v) {_vm.title=$$v},expression:\"title\"}})],1),_c('div',{staticClass:\"message-container input\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.$t('contact.messageText')))]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message),expression:\"message\"}],attrs:{\"placeholder\":this.$t('contact.messageText'),\"cols\":\"50\",\"name\":\"subject\",\"rows\":\"10\",\"type\":\"text\"},domProps:{\"value\":(_vm.message)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.message=$event.target.value}}})])]),_c('SubmitButton',{staticClass:\"send-button\",attrs:{\"buttonText\":this.$t('contact.submit')},on:{\"save\":_vm.saveHandler}})],1):_c('preloader')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"contact-form\" v-if=\"loaded\">\n    <Message :message=\"systemMessage\" :type=\"type\" v-if=\"systemMessage\"></Message>\n    <h2 class=\"title\">{{$t('contact.title')}}</h2>\n    <div class=\"form-container\">\n      <div class=\"subject-container input\">\n        <span class=\"label\">{{$t('contact.subject')}}</span>\n        <!--        <input :placeholder=\"this.$t('contact.subject')\" class=\"input\" name=\"subject\" type=\"text\" v-model=\"title\">-->\n        <Multiselect :allow-empty=\"false\"\n                     :options=\"subjects\"\n                     v-model=\"title\"\n                     :deselectLabel=\"$t('multiselect.deselectLabel')\"\n                     :placeholder=\"$t('multiselect.placeholder')\"\n                     :selectLabel=\"$t('multiselect.selectLabel')\"\n                     :selectedLabel=\"$t('multiselect.selectedLabel')\"\n        ></Multiselect>\n      </div>\n      <div class=\"message-container input\">\n        <span class=\"label\">{{$t('contact.messageText')}}</span>\n        <textarea :placeholder=\"this.$t('contact.messageText')\" cols=\"50\" name=\"subject\" rows=\"10\" type=\"text\"\n                  v-model=\"message\"></textarea>\n      </div>\n    </div>\n    <SubmitButton :buttonText=\"this.$t('contact.submit')\" @save=\"saveHandler\" class=\"send-button\"></SubmitButton>\n  </div>\n  <preloader v-else></preloader>\n</template>\n\n<script>\nimport Multiselect from 'vue-multiselect';\nimport Message from '@/components/helpers/Message.vue';\nimport SubmitButton from '@/components/helpers/SubmitButton.vue';\nimport { RepositoryFactory } from '@/api/RepositoryFactory';\nimport Preloader from '@/components/helpers/Preloader.vue';\n\nconst ConfigurationRepository = RepositoryFactory.get('configuration');\n\nexport default {\n  name: 'ContactForm',\n  components: {\n    Multiselect,\n    Preloader,\n    Message,\n    SubmitButton,\n  },\n  data() {\n    return {\n      title: '',\n      message: '',\n      type: 'info',\n      systemMessage: '',\n      loaded: false,\n      subjects: [],\n    };\n  },\n  mounted() {\n    ConfigurationRepository.requestSubjects(this.$store.getters.token)\n      .then(\n        (response) => {\n          this.subjects = response.subjects;\n          this.title = this.subjects[0];\n          this.loaded = true;\n        },\n      );\n  },\n  methods: {\n    saveHandler() {\n      this.loaded = false;\n      ConfigurationRepository.sendMessage(this.$store.getters.token, {\n        message: this.message,\n        title: this.title,\n      })\n        .then(() => {\n          this.systemMessage = this.$t('contact.sendMessage');\n          this.loaded = true;\n        })\n        .catch(() => {\n          this.loaded = true;\n          this.systemMessage = this.$t('errors.genericError');\n          this.type = 'error';\n        });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  .input {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    width: 50%;\n    margin: 0 auto;\n    // color: $baseTextColor;\n    @include media('<480px') {\n      width: 100%;\n    }\n\n    .label {\n      font-size: rem(15px);\n      font-weight: 900;\n      line-height: 40px;\n\n      &.required {\n        &:before {\n          content: '* ';\n          color: $red;\n        }\n      }\n    }\n\n    input, textarea {\n      //margin: 20px 0;\n      border: 1px solid $border-gray;\n      border-radius: 5px;\n      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);\n      font-size: rem(14px);\n      padding: 14px 0 14px 30px;\n      width: 100%;\n      box-sizing: border-box;\n\n    }\n  }\n\n  .send-button {\n    margin-top: 25px;\n  }\n</style>\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!./ContactForm.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!./ContactForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactForm.vue?vue&type=template&id=58454e2a&scoped=true&\"\nimport script from \"./ContactForm.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactForm.vue?vue&type=style&index=0&id=58454e2a&lang=scss&scoped=true&\"\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  \"58454e2a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactForm.vue?vue&type=style&index=0&id=58454e2a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactForm.vue?vue&type=style&index=0&id=58454e2a&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"save\",style:(_vm.styleObject),on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.buttonTextC))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"button-container\">\n        <button :style=\"styleObject\" class=\"save\" v-on:click=\"saveChanges\">{{buttonTextC}}</button>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'SubmitButton',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  methods: {\n    saveChanges() {\n      this.$emit('save');\n    },\n  },\n  mounted() {\n    /*    if (this.buttonText.length <= 0) {\n          this.buttonText = this.$t('buttons.submit');\n        } */\n  },\n  computed: {\n    styleObject() {\n      const { cssConfig } = this.$store.getters;\n      return {\n        '--button-color': 'white',\n        '--button-background-color': cssConfig.submitButton,\n        '--button-border-color': cssConfig.submitButton,\n      };\n    },\n    buttonTextC() {\n      if (this.buttonText) {\n        return this.buttonText;\n      }\n      return this.$t('buttons.submit');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    button {\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--button-border-color);\n        font-size: rem(18px);\n        font-weight: bold;\n\n        &.cancel, &.save {\n\n            color: var(--button-color);\n            font-size: rem(18px);\n            font-weight: bold;\n            padding: 12px 50px;\n            border-radius: 30px;\n            transition: 300ms all ease-in;\n\n        }\n\n        &.save {\n            background: var(--button-background-color);\n            border: 1px solid var(--button-border-color);\n\n            &:hover {\n                color: var(--button-border-color);\n                background: white !important;\n            }\n        }\n    }\n\n    .validation-error {\n        button {\n            filter: grayscale(100%) !important;\n\n            &:hover {\n                cursor: not-allowed;\n                background: var(--button-background-color);\n                color: white;\n            }\n        }\n\n    }\n</style>\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!./SubmitButton.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!./SubmitButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubmitButton.vue?vue&type=template&id=20fa378e&scoped=true&\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"\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  \"20fa378e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}