{"version":3,"sources":["webpack:///./src/views/admin/Roadtrip(Bestaand)Wijzigen.vue?826f","webpack:///./src/views/admin/Roadtrip(Bestaand)Wijzigen.vue","webpack:///src/views/admin/Roadtrip(Bestaand)Wijzigen.vue","webpack:///./src/views/admin/Roadtrip(Bestaand)Wijzigen.vue?c293","webpack:///./src/views/admin/Roadtrip(Bestaand)Wijzigen.vue?feb5"],"names":["render","_vm","this","_c","_self","staticClass","attrs","isLoading","roadtrip","on","save","staticRenderFns","name","components","LoadingIcon","ProductInformation","mixins","data","deleteIcon","mounted","methods","getProductInformation","plan","then","setPlanTimes","catch","setImages","errors","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,+DAA+D,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,UAAYL,EAAIM,aAAaJ,EAAG,qBAAqB,CAACG,MAAM,CAAC,SAAWL,EAAIO,SAAS,UAAYP,EAAIM,WAAWE,GAAG,CAAC,KAAOR,EAAIS,SAAS,IAEtTC,EAAkB,G,gGCaP,GACfC,gCACAC,WACA,CACAC,mBACAC,2BAEAC,8BACAC,WACAC,qBACAV,oBACAD,eAEAY,UAEA,sCACA,8BAEAC,QACA,CACAC,wBAEA,WACA,cACAC,oCACAA,+CACAA,mDAGA,kBACA,sEACAC,SACA,gBACA,gEAEA,gDACAC,OAGA,gDACAA,OAGA,gCACA,oBAEAC,WAEA,qBAGAC,aAEA,uBAEA,uCAEAhB,OAEA,kBAEA,yGAGA,oFAGA,iGAEA,GADAiB,mFACA,MAIA,OAFA,+CACA,mBAKA,4CACA,oEACAJ,SAEA,8EACA,2EAIA,yBAEAE,WACA,oGACA,uBCzGmX,I,wBCQ/WG,EAAY,eACd,EACA5B,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAiB,E","file":"js/chunk-5ddabda1.508d5c3b.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(Bestaand)Wijzigen.vue?vue&type=style&index=0&id=3ca974f7&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-with-fixed-bottom roadtrip-update with-botom-link\"},[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),_c('ProductInformation',{attrs:{\"roadtrip\":_vm.roadtrip,\"isLoading\":_vm.isLoading},on:{\"save\":_vm.save}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container-with-fixed-bottom roadtrip-update with-botom-link\">\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <ProductInformation :roadtrip=\"roadtrip\" :isLoading=\"isLoading\" @save=\"save\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport ProductInformation from \"@/components/admin/roadtrip/ProductInformation\";\r\nimport { Photo } from '@/models/Roadtrip/Photo';\r\nimport { Roadtrip } from '@/models/Roadtrip/Roadtrip';\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport RoadtripValidations from \"@/mixins/validations/roadtrip-validations.mixin\";\r\nexport default {\r\n    name: 'RoadtripBestaandWijzigen',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        ProductInformation\r\n    },\r\n    mixins: [RouteMixin, FormatMixin, RoadtripValidations],\r\n    data: () => ({\r\n        deleteIcon: require('@/assets/icons/delete.svg'),\r\n        roadtrip: new Roadtrip(),\r\n        isLoading: false,\r\n    }),\r\n    mounted () \r\n    {\r\n        this.roadtripId = this.$route.params.id;\r\n        this.getProductInformation();\r\n    },\r\n    methods: \r\n    {\r\n        getProductInformation()\r\n        {\r\n            let self = this;\r\n            function setPlanTimes(plan) {\r\n                plan.date = self.getDateOnly(plan.arrivalTime);\r\n                plan.arrivalTimeOnly = self.getTimeOnly(plan.arrivalTime);\r\n                plan.departureTimeOnly = self.getTimeOnly(plan.departureTime);\r\n            }\r\n\r\n            this.isLoading = true;\r\n            this.$store.dispatch('productModule/getAdminProduct', this.roadtripId)\r\n            .then(data => {\r\n                this.roadtrip = data;\r\n                this.roadtrip.isPublished = data.productInformation.productStatus == 2;\r\n\r\n                this.roadtrip.participantsItinerary.forEach(plan => {\r\n                    setPlanTimes(plan);\r\n                });\r\n\r\n                this.roadtrip.organizationItinerary.forEach(plan => {\r\n                    setPlanTimes(plan);\r\n                });\r\n\r\n                this.setImages(data.productPhotos);\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() =>\r\n            {\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        setImages(images)\r\n        {\r\n            this.roadtrip.images = images;\r\n            // add default for upload image button in image carousel\r\n            this.roadtrip.images.push(new Photo()); \r\n        },\r\n        save()\r\n        {\r\n            this.isLoading = true;\r\n            // set existing productphotos\r\n            this.roadtrip.productPhotos = this.roadtrip.images.filter(x => x.productPhotoId != '' && x.productPhotoId != null);\r\n\r\n            // set new photos\r\n            this.roadtrip.newPhotos = this.roadtrip.images.filter(x => x.file != null).map(x => x.file);\r\n\r\n            // check if there are images (existing + new).\r\n            let errors = this.checkRoadtripPhotos(this.roadtrip.images.filter(x => x.photoURL != '' && x.photoURL != null));\r\n            errors = errors + this.checkGPXFileChanges(this.roadtrip.gpx_file, this.roadtrip.gpx_file_changes)\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            // TODO: Discuss how to send new photos (files)\r\n            this.roadtrip.addProductPhotosCollection = {};\r\n            this.$store.dispatch('roadtripModule/updateRoadtrip', this.roadtrip)\r\n            .then(response => {\r\n                // redirect to trip page\r\n                var emailSentMessage = response ? \"Er is een e-mail verzonden naar alle subscriebrs van de mailing.\" : \"\";\r\n                this.$store.commit('dialog/showDialog', `Roadtrip succesvol geüpdatet. ${emailSentMessage}`);\r\n                // This page is not fully implemented yet, redirect to dashboard for now.\r\n                // TODO: #348 - To Roadtrip (Bestaand)\r\n                //this.goToRoadtrip(this.roadtrip.roadtripId);\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-update.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(Bestaand)Wijzigen.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(Bestaand)Wijzigen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Roadtrip(Bestaand)Wijzigen.vue?vue&type=template&id=3ca974f7&\"\nimport script from \"./Roadtrip(Bestaand)Wijzigen.vue?vue&type=script&lang=js&\"\nexport * from \"./Roadtrip(Bestaand)Wijzigen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Roadtrip(Bestaand)Wijzigen.vue?vue&type=style&index=0&id=3ca974f7&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":""}