{"version":3,"sources":["webpack:///./src/views/admin/Roadtrip(Nieuw).vue?847c","webpack:///./src/components/dialogs/MessageActionDialog.vue","webpack:///src/components/dialogs/MessageActionDialog.vue","webpack:///./src/components/dialogs/MessageActionDialog.vue?909c","webpack:///./src/components/dialogs/MessageActionDialog.vue?118c","webpack:///./src/views/admin/Roadtrip(Nieuw).vue","webpack:///src/views/admin/Roadtrip(Nieuw).vue","webpack:///./src/views/admin/Roadtrip(Nieuw).vue?0503","webpack:///./src/views/admin/Roadtrip(Nieuw).vue?552b"],"names":["model","value","_vm","dialogVisible","expression","domProps","_c","stopPropagation","_v","on","$event","apply","staticRenderFns","name","data","computed","dialogMessage","methods","yes","no","component","render","this","_self","staticClass","attrs","isLoading","roadtrip","verifyForm","confirmSave","components","LoadingIcon","ProductInformation","MessageActionDialog","mixins","beforeRouteLeave","next","deleteIcon","successfullyAdded","showConfirmMessage","then","catch"],"mappings":"kHAAA,W,8HCA4K,W,IAAO,OAAE,EAAK,QAAU,G,OAAO,EAAC,O,YAAC,kB,CAAgB,SAAQ,C,YAAmB,cAAO,WAACA,MAAM,CAACC,KAAOC,S,GAA4CA,OAAIC,C,MAAkB,CAACC,WAAW,GAAe,cAAI,YAAY,OAAkEC,OAAU,QAAW,cAA0B,qBAAMC,EAAG,cAAgB,GAAuBA,WAAG,kB,CAA4B,UAAQ,UAAe,CAAC,S,YAAQC,wB,SAAkB,CAAqC,qCAAKL,EAAIM,OAAc,CAASC,YAAG,Q,CAAC,UAAQ,SAASC,C,GAAQA,C,MAAgCR,SAAOS,GAAuB,OAAD,oBAAC,+BAEzwBC,cAAkB,EAAE,QAExB,I,qICwBe,GACfC,2BAEAC,cAGAC,aACA,gBACAZ,gDACAa,2CAIAC,SACAC,MAEA,kBACA,+CAEAC,KAEA,iDCjD4W,I,YCOxWC,EAAY,eACd,EACA,EACAR,GACA,EACA,KACA,KACA,MAIa,OAAAQ,E,2EClBf,IAAIC,EAAS,WAAkB,IAAInB,EAAIoB,KAAKhB,EAAGJ,EAAIqB,MAAMjB,GAAG,OAAOA,EAAG,MAAM,CAACkB,YAAY,4DAA4D,CAAClB,EAAG,cAAc,CAACmB,MAAM,CAAC,UAAYvB,EAAIwB,aAAapB,EAAG,qBAAqB,CAACmB,MAAM,CAAC,SAAWvB,EAAIyB,SAAS,UAAYzB,EAAIwB,WAAWjB,GAAG,CAAC,KAAOP,EAAI0B,cAActB,EAAG,sBAAsB,CAACG,GAAG,CAAC,IAAM,SAASC,GAAQ,OAAOR,EAAI2B,mBAAmB,IAE3YjB,EAAkB,G,wECYP,GACfC,qBACAiB,WACA,CACAC,mBACAC,0BACAC,4BAEAC,uBACAC,wBAEA,0BAEAC,QAGA,CACA,wEACA,EACAA,IAEAA,QAIAtB,WACAuB,qBACAX,aACAY,qBACAX,sBAEAV,QACA,CACAW,aAEA,kBAEA,wEAGA,wFACA,4DACA,SAIA,OAFA,+CACA,mBAIA,2BAEAW,qBAEA,6BACA,CACA,kBACA,uHACA,qDAIA,oBAGAV,cAEA,kBACA,iEACAW,SACA,0BACA,qGAEA,4EACA,yBAEAC,WACA,oGACA,uBC3FwW,I,wBCQpWrB,EAAY,eACd,EACAC,EACAT,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E","file":"js/chunk-440c7f0e.9ec2b5ee.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Roadtrip(Nieuw).vue?vue&type=style&index=0&id=18e63ad9&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"message-dialog\"},[_c('v-row',{staticClass:\"no-gutters\"},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\",\"color\":\"white\",\"max-width\":\"600\"},model:{value:(_vm.dialogVisible),callback:function ($$v) {_vm.dialogVisible=$$v},expression:\"dialogVisible\"}},[[_c('v-card',[_c('v-card-text',[_c('div',{staticClass:\"subtitle-2 px-8 pt-10\",domProps:{\"innerHTML\":_vm._s(_vm.dialogMessage)}})]),_c('v-card-actions',{staticClass:\"pb-5\"},[_c('v-spacer'),_c('v-btn',{on:{\"click\":function($event){$event.stopPropagation();return _vm.yes.apply(null, arguments)}}},[_vm._v(\"Ja\")]),_c('v-btn',{on:{\"click\":function($event){$event.stopPropagation();return _vm.no.apply(null, arguments)}}},[_vm._v(\"Nee\")])],1)],1)]],2)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"message-dialog\">\r\n        <v-row class=\"no-gutters\">\r\n            <v-col cols=\"auto\">\r\n                <v-dialog persistent color=\"white\"\r\n                    max-width=\"600\"\r\n                    v-model=\"dialogVisible\">\r\n                    <template>\r\n                        <v-card>\r\n                            <v-card-text>\r\n                                <div class=\"subtitle-2 px-8 pt-10\" v-html=\"dialogMessage\"></div>\r\n                            </v-card-text>\r\n                            <v-card-actions class=\"pb-5\">\r\n                                <v-spacer></v-spacer>\r\n                                <v-btn @click.stop=\"yes\">Ja</v-btn>\r\n                                <v-btn @click.stop=\"no\">Nee</v-btn>\r\n                            </v-card-actions>\r\n                        </v-card>\r\n                    </template>\r\n                </v-dialog>\r\n            </v-col>\r\n        </v-row>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n    name: 'MessageActionDialog',\r\n\r\n    data: () => ({\r\n       \r\n    }),\r\n    computed: {\r\n        ...mapState({\r\n            dialogVisible: state => state.dialog.isActionDialogVisible,\r\n            dialogMessage: state => state.dialog.actionMessage\r\n        })\r\n    },\r\n  \r\n    methods: {\r\n        yes() \r\n        {\r\n            this.$emit('yes');\r\n            this.$store.commit('dialog/hideActionDialog');\r\n        },\r\n        no()\r\n        {\r\n            this.$store.commit('dialog/hideActionDialog');\r\n        }\r\n    }\r\n  }\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageActionDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MessageActionDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessageActionDialog.vue?vue&type=template&id=21c77dde&\"\nimport script from \"./MessageActionDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./MessageActionDialog.vue?vue&type=script&lang=js&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-with-fixed-bottom roadtrip-new with-botom-link\"},[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),_c('ProductInformation',{attrs:{\"roadtrip\":_vm.roadtrip,\"isLoading\":_vm.isLoading},on:{\"save\":_vm.verifyForm}}),_c('MessageActionDialog',{on:{\"yes\":function($event){return _vm.confirmSave()}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container-with-fixed-bottom roadtrip-new with-botom-link\">\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <ProductInformation :roadtrip=\"roadtrip\" :isLoading=\"isLoading\" @save=\"verifyForm\" />\r\n        <MessageActionDialog @yes=\"confirmSave()\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport ProductInformation from \"@/components/admin/roadtrip/ProductInformation\";\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport { Roadtrip } from '@/models/Roadtrip/Roadtrip';\r\nimport MessageActionDialog from \"@/components/dialogs/MessageActionDialog\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport RoadtripValidations from \"@/mixins/validations/roadtrip-validations.mixin\";\r\nexport default {\r\n    name: 'RoadtripNieuw',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        ProductInformation,\r\n        MessageActionDialog\r\n    },\r\n    mixins: [RouteMixin, RoadtripValidations],\r\n    beforeRouteLeave (to, from , next) {\r\n               \r\n        if (this.successfullyAdded)\r\n        {\r\n            next();\r\n        }\r\n        else\r\n        {\r\n            const answer = window.confirm('Weet u zeker dat u deze pagina wilt verlaten?')\r\n            if (answer) {\r\n                next()\r\n            } else {\r\n                next(false)\r\n            }\r\n        }\r\n    },\r\n    data: () => ({\r\n        deleteIcon: require('@/assets/icons/delete.svg'),\r\n        isLoading: false,\r\n        successfullyAdded: false,\r\n        roadtrip: new Roadtrip()\r\n    }),\r\n    methods: \r\n    {\r\n        verifyForm()\r\n        {\r\n            this.isLoading = true;\r\n            // set planning organization same as planning participant for now.\r\n            this.roadtrip.organizationItinerary = this.roadtrip.participantsItinerary;\r\n\r\n            // additional checks for adding new road trip\r\n            this.roadtrip.productPhotos = this.roadtrip.images.filter(x => x.file != null).map(x => x.file);\r\n            let errors = this.checkRoadtripPhotos(this.roadtrip.productPhotos);\r\n            if(errors != \"\")\r\n            {\r\n                this.$store.commit('dialog/showDialog', errors);\r\n                this.isLoading = false;\r\n                return;\r\n            }\r\n           \r\n            this.showConfirmMessage();\r\n        },\r\n        showConfirmMessage()\r\n        {\r\n            if (this.roadtrip.isPublished)\r\n            {\r\n                this.isLoading = false;\r\n                let message = \"U heeft de status op actief gezet. Hiermee wordt een e-mail naar alle subscribers verzonden. Wit u verdergaan?\";\r\n                this.$store.commit('dialog/showActionDialog', message);\r\n            }\r\n            else\r\n            {\r\n                this.confirmSave();\r\n            }\r\n        },\r\n        confirmSave()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('roadtripModule/addRoadtrip', this.roadtrip)\r\n            .then(response => {\r\n                this.successfullyAdded = true;\r\n                var emailSentMessage = response.updateSentToSubscriber ? \"Er is een e-mail verzonden naar alle subscriebrs van de mailing.\" : \"\";\r\n                // redirect to dashboard.\r\n                this.$store.commit('dialog/showDialog', `Roadtrip succesvol toegevoegd. ${emailSentMessage}`);\r\n                this.goToMyDashboard();\r\n            })\r\n            .catch(() => {\r\n                this.$store.commit('dialog/showDialog', 'Er ging iets mis, de roadtrip is niet correct opgeslagen.');\r\n                this.isLoading = false;\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n\r\n.editable-text .icon\r\n{\r\n    position: absolute;\r\n    width: 15px;\r\n    height: 15px;\r\n    margin: 4px 7px;\r\n}\r\n\r\n.upload-image\r\n{\r\n    position: absolute;\r\n    width: 130px;\r\n    height: 130px;\r\n    margin: auto;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.upload-container\r\n{\r\n    max-width: 100vw;\r\n    position: relative;\r\n    background-color: #0071E3;\r\n}\r\n\r\n.extra-options \r\n{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n\r\n.extra-options .v-icon\r\n{\r\n    position: absolute;\r\n    right: -12px;\r\n}\r\n\r\n.roadtrip-new.with-botom-link\r\n{\r\n    padding-bottom: 60px;\r\n    overflow-y: auto;\r\n}\r\n\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Roadtrip(Nieuw).vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Roadtrip(Nieuw).vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Roadtrip(Nieuw).vue?vue&type=template&id=18e63ad9&\"\nimport script from \"./Roadtrip(Nieuw).vue?vue&type=script&lang=js&\"\nexport * from \"./Roadtrip(Nieuw).vue?vue&type=script&lang=js&\"\nimport style0 from \"./Roadtrip(Nieuw).vue?vue&type=style&index=0&id=18e63ad9&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}