{"version":3,"sources":["webpack:///./src/views/Advertisement/AdvertisementForm/AdvertisementForm.vue?fd68","webpack:///./src/views/Advertisement/AdvertisementForm/AdvertisementForm.controller.js","webpack:///./src/views/Advertisement/AdvertisementForm/AdvertisementForm.controller.js?c5b0","webpack:///./src/views/Advertisement/AdvertisementForm/AdvertisementForm.vue","webpack:///./src/views/Advertisement/AdvertisementForm/AdvertisementForm.styles.scss"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","infoEmail","_s","isLoading","_e","ref","on","$event","preventDefault","save","scopedSlots","_u","key","fn","errors","directives","name","rawName","value","advertisement","expression","domProps","target","composing","$set","updateUntilDate","model","callback","$$v","tags","filteredItems","tagsChanged","currentTag","show","cropSuccess","picture","error","imageObj","toggleShow","cancel","buttonIsLoading","staticRenderFns","isServer","require","required","extend","VueTagsInput","default","message","params","validate","ImageUpload","components","Sidebar","Advertisement","Loader","props","data","editMode","advertisementId","from","until","link","computed","mapGetters","existingAdvertisement","tagsList","filter","i","text","toLowerCase","indexOf","process","methods","mapActions","initialiseTags","initialiseAdvertisement","createNewAdvertisementAction","updateAdvertisementAction","imgDataUrl","fetch","then","res","blob","file","File","type","createImage","reader","FileReader","onload","e","result","readAsDataURL","$refs","form","success","setTimeout","errorKeys","Object","keys","length","refs","$el","scrollIntoView","window","scrollBy","updateAdvertisement","createNewAdvertisement","$router","push","catch","console","log","$toasted","response","moment","add","toISOString","map","t","isAdmin","$isAdmin","club","currentUserIsAdmin","created","$route","duplicate","_","clone","cloneDeep","advertisementTags","component"],"mappings":"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","file":"js/chunk-07e34008.0152e582.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"l-view l-container--full-height l-container--large\"},[_c('div',{staticClass:\"l-banner--green u-tablet-hide\"}),_c('Sidebar',{staticClass:\"o-sidebar\"},[_c('div',{staticClass:\"o-sidebar__inner\"},[_c('div',{staticClass:\"o-sidebar__top-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/generic/afbeelding-evenement-4x.jpg\"),\"alt\":\"Open\"}})]),_c('div',{staticClass:\"o-sidebar__content\"},[_c('p',{staticClass:\"o-sidebar__title o-sidebar__title-xl\"},[_vm._v(\"vragen? Contacteer ons\")]),_c('p',{staticClass:\"o-sidebar__info\"},[_vm._v(\" Bel ons \"),_c('br'),_c('a',{attrs:{\"href\":\"tel:+3292431119\"}},[_vm._v(\"+32 (0)9 243 11 19\")])]),_c('br'),_c('p',{staticClass:\"o-sidebar__info\"},[_vm._v(\" Mail ons \"),_c('br'),_c('a',{attrs:{\"href\":'mailto:' + _vm.infoEmail}},[_vm._v(_vm._s(_vm.infoEmail))])]),_c('br')])])]),_c('div',{staticClass:\"o-page o-page--white\"},[_c('div',{staticClass:\"p-form\"},[(_vm.editMode)?_c('h1',[_vm._v(\"Advertentie bewerken\")]):_c('h1',[_vm._v(\"Advertentie aanmaken\")]),_c('h6',[_vm._v(\"Gegevens\")]),(_vm.isLoading)?_c('Loader',{attrs:{\"isLoading\":_vm.isLoading,\"color\":'spinner--green'}}):_vm._e(),_c('ValidationObserver',{ref:\"form\",attrs:{\"slim\":\"\"}},[_c('form',{staticClass:\"p-register__form\",attrs:{\"id\":\"advertisementForm\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.save($event)}}},[_c('ValidationProvider',{staticClass:\"a-input__label\",attrs:{\"rules\":\"required\",\"tag\":\"label\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_vm._v(\" Titel advertentie \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.advertisement.name),expression:\"advertisement.name\"}],staticClass:\"a-input\",attrs:{\"type\":\"text\",\"name\":\"Titel advertentie\"},domProps:{\"value\":(_vm.advertisement.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.advertisement, \"name\", $event.target.value)}}}),_c('span',{staticClass:\"a-input__validation-message\"},[_vm._v(_vm._s(errors[0]))])]}}])}),_c('div',{staticClass:\"p-event-form__double-wrapper\"},[_c('ValidationProvider',{staticClass:\"a-input__label\",attrs:{\"rules\":\"dates:@endDate\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_vm._v(\" Startdatum \"),_c('datetime',{staticClass:\"theme-green\",attrs:{\"id\":\"from\",\"type\":\"date\"},on:{\"close\":_vm.updateUntilDate},model:{value:(_vm.advertisement.from),callback:function ($$v) {_vm.$set(_vm.advertisement, \"from\", $$v)},expression:\"advertisement.from\"}}),_c('span',{staticClass:\"a-input__validation-message\"},[_vm._v(_vm._s(errors[0]))])]}}])}),_c('ValidationProvider',{staticClass:\"a-input__label p-event-form__form-label--right\",attrs:{\"rules\":\"required\",\"name\":\"endDate\"}},[_vm._v(\" Einddatum \"),_c('datetime',{staticClass:\"theme-green\",attrs:{\"id\":\"until\",\"input-id\":\"endDate\",\"type\":\"date\"},model:{value:(_vm.advertisement.until),callback:function ($$v) {_vm.$set(_vm.advertisement, \"until\", $$v)},expression:\"advertisement.until\"}})],1)],1),_c('label',{staticClass:\"a-input__label\"},[_vm._v(\" Tags \"),_c('vue-tags-input',{attrs:{\"tags\":_vm.tags,\"autocomplete-items\":_vm.filteredItems,\"autocomplete-min-length\":0},on:{\"tags-changed\":_vm.tagsChanged},model:{value:(_vm.currentTag),callback:function ($$v) {_vm.currentTag=$$v},expression:\"currentTag\"}}),_c('span',{staticClass:\"a-input__validation-message\"})],1),_c('ValidationProvider',{staticClass:\"a-input__validation-wrapper\",attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('label',{ref:\"advertisementLink\",staticClass:\"a-input__label\"},[_vm._v(\" Link advertentie \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.advertisement.link),expression:\"advertisement.link\"}],staticClass:\"a-input\",attrs:{\"type\":\"text\",\"name\":\"advertisementLink\"},domProps:{\"value\":(_vm.advertisement.link)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.advertisement, \"link\", $event.target.value)}}}),_c('span',{staticClass:\"a-input__validation-message\"},[_vm._v(_vm._s(errors[0]))])])]}}])}),_c('label',{staticClass:\"a-input__label\"},[_vm._v(\"Foto Advertentie: 300 x 280\")]),_c('ImageUpload',{attrs:{\"field\":\"img\",\"width\":300,\"height\":280,\"lang-type\":\"nl\",\"img-format\":\"png\",\"noSquare\":true,\"noCircle\":true,\"value\":_vm.show},on:{\"crop-success\":_vm.cropSuccess,\"update:value\":function($event){_vm.show=$event}},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}}),_c('div',[(_vm.advertisement.picture && !_vm.error)?_c('img',{staticClass:\"a-input__image\",attrs:{\"src\":_vm.imageObj || require('@/assets/images/generic/upload-image.png'),\"alt\":\"afbeelding advertentie\"},on:{\"click\":function($event){return _vm.toggleShow()},\"error\":function($event){_vm.error=true}}}):_c('img',{staticClass:\"a-input__image\",attrs:{\"src\":require('@/assets/images/generic/upload-image.png'),\"alt\":\"afbeelding advertentie\"},on:{\"click\":function($event){return _vm.toggleShow()}}})]),_c('div',{staticClass:\"p-event-form__buttons\"},[_c('a',{staticClass:\"a-button a-button--secondary a-button--green-border u-margin-right-xs\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\"Annuleer\")]),(_vm.buttonIsLoading)?_c('Loader',{attrs:{\"isLoading\":_vm.buttonIsLoading,\"color\":'spinner--green'}}):_c('button',{staticClass:\"a-button a-button--primary u-margin-right-xs\"},[_vm._v(\"Opslaan\")])],1)],1)])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/* eslint-disable prefer-destructuring */\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport { Sidebar, Advertisement, Loader } from '@/components';\r\nimport isServer from '@/utils/isServer';\r\nimport _ from 'lodash';\r\nimport moment from 'moment';\r\n\r\nif (!isServer) {\r\n  const { required } = require('vee-validate/dist/rules');\r\n  const { extend } = require('vee-validate');\r\n  var VueTagsInput = require('@johmun/vue-tags-input').default;\r\n  extend('required', {\r\n    ...required,\r\n    message: 'Dit veld is vereist.',\r\n  });\r\n\r\n  extend('dates', {\r\n    message: 'De einddatum van de activiteit kan niet kleiner zijn dan de begindatum.',\r\n    params: ['target'],\r\n    validate(value, { target }) {\r\n      return value < target;\r\n    },\r\n  });\r\n  var ImageUpload = require('vue-image-crop-upload').default;\r\n}\r\n\r\nexport default {\r\n  name: 'AdvertisementForm',\r\n  components: {\r\n    [Sidebar.name]: Sidebar,\r\n    [Advertisement.name]: Advertisement,\r\n    [Loader.name]: Loader,\r\n    VueTagsInput,\r\n    ImageUpload,\r\n  },\r\n  props: {},\r\n  data: () => ({\r\n    editMode: false,\r\n    error: false,\r\n    show: false,\r\n    imageObj: '',\r\n    currentTag: '',\r\n    tags: [],\r\n    advertisementId: null,\r\n    advertisement: {\r\n      name: '',\r\n      from: '',\r\n      until: '',\r\n      link: '',\r\n      tags: [],\r\n      picture: '',\r\n    },\r\n  }),\r\n  computed: {\r\n    ...mapGetters('advertisement', {\r\n      existingAdvertisement: 'getAdvertisement',\r\n      isLoading: 'getLoadingState',\r\n      buttonIsLoading: 'getButtonLoadingState',\r\n    }),\r\n    ...mapGetters('tag', {\r\n      tagsList: 'getTagList',\r\n    }),\r\n    filteredItems() {\r\n      return this.tagsList.filter(\r\n        (i) => i.text.toLowerCase().indexOf(this.currentTag.toLowerCase()) !== -1,\r\n      );\r\n    },\r\n    infoEmail() {\r\n      return process.env.VUE_APP_INFO_EMAIL_ADDRESS;\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions('tag', {\r\n      initialiseTags: 'FETCH_DATA_TAG_LIST',\r\n    }),\r\n    ...mapActions('advertisement', {\r\n      initialiseAdvertisement: 'FETCH_DATA_ADVERTISEMENT',\r\n      createNewAdvertisementAction: 'CREATE_NEW_ADVERTISEMENT',\r\n      updateAdvertisementAction: 'UPDATE_ADVERTISEMENT',\r\n    }),\r\n    cropSuccess(imgDataUrl) {\r\n      fetch(imgDataUrl)\r\n        .then((res) => res.blob())\r\n        .then((blob) => {\r\n          const file = new File([blob], 'File name', { type: 'image/png' });\r\n          this.advertisement.picture = file;\r\n        })\r\n        .then(() => {\r\n          this.createImage(this.advertisement.picture);\r\n          this.toggleShow();\r\n        });\r\n    },\r\n    createImage(file) {\r\n      const reader = new FileReader();\r\n      reader.onload = (e) => {\r\n        this.imageObj = e.target.result;\r\n      };\r\n      reader.readAsDataURL(file);\r\n    },\r\n    toggleShow() {\r\n      this.show = !this.show;\r\n    },\r\n    save() {\r\n      this.$refs.form.validate().then((success) => {\r\n        if (!success) {\r\n          setTimeout(() => {\r\n            const errorKeys = Object.keys(this.$refs.form.errors);\r\n            const errors = errorKeys.filter((e) => this.$refs.form.errors[e].length > 0);\r\n\r\n            this.$refs.form.refs[errors[0]].$el.scrollIntoView();\r\n            window.scrollBy(0, -75);\r\n          }, 100);\r\n        }\r\n        if (this.editMode) {\r\n          this.updateAdvertisement();\r\n        } else {\r\n          this.createNewAdvertisement();\r\n        }\r\n      });\r\n    },\r\n    createNewAdvertisement() {\r\n      this.createNewAdvertisementAction(this.advertisement)\r\n        .then(() => {\r\n          this.$router.push({ name: 'advertisements' });\r\n        })\r\n        .catch((error) => {\r\n          console.log('error', error);\r\n          this.$toasted.show(...error.response.data);\r\n        });\r\n    },\r\n    updateAdvertisement() {\r\n      this.updateAdvertisementAction(this.advertisement)\r\n        .then(() => {\r\n          this.$router.push({ name: 'advertisements' });\r\n        })\r\n        .catch((error) => {\r\n          this.$toasted.show(...error.response.data);\r\n        });\r\n    },\r\n    updateUntilDate() {\r\n      this.advertisement.until = moment(this.advertisement.from).add(1, 'days').toISOString();\r\n    },\r\n    tagsChanged(tags) {\r\n      this.tags = tags.map((t) => ({ text: t.text }));\r\n      this.advertisement.tags = this.tags;\r\n    },\r\n    isAdmin() {\r\n      return !!(this.$isAdmin || this.club.currentUserIsAdmin);\r\n    },\r\n    cancel() {\r\n      this.$router.push({ name: 'advertisements' });\r\n    },\r\n  },\r\n  async created() {\r\n    await this.initialiseTags();\r\n\r\n    // Only when editing an existing Event\r\n    if (this.$route.params.advertisementId) {\r\n      this.editMode = true;\r\n      if (this.$route.params.duplicate) {\r\n        this.editMode = false;\r\n      }\r\n      this.advertisementId = this.$route.params.advertisementId;\r\n      await this.initialiseAdvertisement(this.advertisementId)\r\n        .then(() => {\r\n          this.advertisement = _.clone(this.existingAdvertisement);\r\n          this.imageObj = _.cloneDeep(this.existingAdvertisement.picture);\r\n\r\n          // Set existing tags:\r\n          this.tags = this.advertisement.advertisementTags.map((t) => ({ text: t.name }));\r\n          this.advertisement.tags = this.tags; // Update/Create model requires this format.\r\n        });\r\n    }\r\n  },\r\n};\r\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/eslint-loader/index.js??ref--13-0!./AdvertisementForm.controller.js?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/eslint-loader/index.js??ref--13-0!./AdvertisementForm.controller.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdvertisementForm.vue?vue&type=template&id=69275ea1&\"\nimport script from \"./AdvertisementForm.controller.js?vue&type=script&lang=js&\"\nexport * from \"./AdvertisementForm.controller.js?vue&type=script&lang=js&\"\nimport style0 from \"./AdvertisementForm.styles.scss?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./AdvertisementForm.styles.scss?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./AdvertisementForm.styles.scss?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}