{"version":3,"sources":["webpack:///./src/views/professional/profile/wizard/Index.vue?bd12","webpack:///src/views/professional/profile/wizard/Index.vue","webpack:///./src/views/professional/profile/wizard/Index.vue?2684","webpack:///./src/views/professional/profile/wizard/Index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","ref","steps","on","completeStep","isStepActive","alert","backStep","next","staticRenderFns","_v","component"],"mappings":"+IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,eAAeC,MAAM,CAAC,GAAK,8BAA8B,CAACP,EAAIQ,GAAG,GAAGJ,EAAG,qBAAqB,CAACK,IAAI,SAASH,YAAY,kBAAkBC,MAAM,CAAC,GAAK,UAAU,MAAQP,EAAIU,MAAM,eAAc,EAAK,OAAS,KAAK,cAAa,GAAOC,GAAG,CAAC,iBAAiBX,EAAIY,aAAa,cAAcZ,EAAIa,aAAa,mBAAmBb,EAAIc,MAAM,gBAAgBd,EAAIe,SAAS,mBAAmBf,EAAIgB,QAAQZ,EAAG,aAAa,CAACK,IAAI,YAAY,IAC1hBQ,EAAkB,CAAC,WAAa,IAAIjB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACJ,EAAIkB,GAAG,qC,8CCsBrK,saACA,saACA,saACA,saAEA,GACE,WAAF,CACI,kBAAJ,OACI,UAAJ,QAEE,KALF,WAMI,MAAJ,CACM,WAAN,EACM,MAAN,CACA,CACQ,KAAR,uBACQ,KAAR,mBACQ,MAAR,mBACQ,SAAR,cACQ,UAAR,EACQ,WAAR,GAGA,CACQ,KAAR,uBACQ,KAAR,mBACQ,MAAR,aACQ,SAAR,qBACQ,UAAR,EACQ,WAAR,GAEA,CACQ,KAAR,uBACQ,KAAR,qBACQ,MAAR,YACQ,SAAR,gCACQ,UAAR,EACQ,WAAR,GAEA,CACQ,KAAR,uBACQ,KAAR,oBACQ,MAAR,UACQ,SAAR,qBACQ,UAAR,EACQ,WAAR,MAKE,QA7CF,WA8CI,KAAJ,mDAGE,QAAF,CACI,KADJ,SACA,KAAM,IAAN,OACA,oBACM,OAAN,gCAgBA,iCAdQ,EAAR,0BAEA,6CAEU,OADA,EAAV,8BACA,OACA,mBACA,QACA,yBACU,EAAV,mCAEU,EAAV,8BACU,EAAV,mCAOI,aAvBJ,SAuBA,GACA,kBACM,KAAN,2BACA,kBAGU,EAAV,kBAII,SAjCJ,SAiCA,KAGI,aApCJ,SAoCA,GACM,KAAN,2BACA,kBACA,kBACY,EAAZ,kBAKI,MA7CJ,SA6CA,GACM,IAAN,OAKM,KAAN,kDACQ,EAAR,mCACQ,EAAR,cAAU,KAAV,8BClI4X,I,YCOxXC,EAAY,eACd,EACApB,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/professional-profile-wizard~03a735ef.91925660.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section page\",attrs:{\"id\":\"profileWizardProfessional\"}},[_vm._m(0),_c('horizontal-stepper',{ref:\"wizard\",staticClass:\"p-1 p-md-5 mb-5\",attrs:{\"id\":\"stepper\",\"steps\":_vm.steps,\"top-buttons\":true,\"locale\":\"nl\",\"keep-alive\":false},on:{\"completed-step\":_vm.completeStep,\"active-step\":_vm.isStepActive,\"stepper-finished\":_vm.alert,\"clicking-back\":_vm.backStep,\"before-next-step\":_vm.next}}),_c('vue-toastr',{ref:\"toastr\"})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center mb-3\"},[_c('h2',[_vm._v(\"Profiel Wizard - Beveiliger\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <section id=\"profileWizardProfessional\"  class=\"section page\">\r\n      <div class=\"text-center mb-3\">\r\n          <h2>Profiel Wizard - Beveiliger</h2>\r\n      </div>\r\n      \r\n\r\n    <horizontal-stepper id=\"stepper\" class=\"p-1 p-md-5 mb-5\" :steps=\"steps\" :top-buttons=\"true\" locale=\"nl\" ref=\"wizard\" :keep-alive=\"false\"\r\n    @completed-step=\"completeStep\"  \r\n    @active-step=\"isStepActive\" \r\n    @stepper-finished=\"alert\"\r\n    @clicking-back=\"backStep\"\r\n    @before-next-step=\"next\">\r\n    </horizontal-stepper>\r\n    <vue-toastr ref=\"toastr\"></vue-toastr>\r\n\r\n</section>\r\n</template>\r\n\r\n<script>\r\nimport HorizontalStepper from '@/components/VueStepper/HorizontalStepper';\r\nimport VueToastr from \"vue-toastr\";\r\n\r\nconst ProfileWizardOne = () => import(/* webpackChunkName: \"professional-wizard-pages\" */'@/views/professional/profile/wizard/1')\r\nconst ProfileWizardTwo = () => import(/* webpackChunkName: \"professional-wizard-pages\" */'@/views/professional/profile/wizard/2')\r\nconst ProfileWizardThree = () => import(/* webpackChunkName: \"professional-wizard-pages\" */'@/views/professional/profile/wizard/3')\r\nconst ProfileWizardFour = () => import(/* webpackChunkName: \"professional-wizard-pages\" */'@/views/professional/profile/wizard/4')\r\n\r\nexport default {\r\n        components: {\r\n            HorizontalStepper,\r\n            VueToastr\r\n        },\r\n        data(){\r\n            return {\r\n                isLoading: false,\r\n                steps: [\r\n                    {\r\n                        icon: 'exclamation-triangle',\r\n                        name: 'ProfileWizardOne',\r\n                        title: 'Persoonsgegevens',\r\n                        subtitle: 'Uw gegevens',\r\n                        component: ProfileWizardOne,\r\n                        completed: false\r\n\r\n                    },\r\n                    {\r\n                        icon: 'exclamation-triangle',\r\n                        name: 'ProfileWizardTwo',\r\n                        title: 'Werkgebied',\r\n                        subtitle: 'Vak- en Werkgebied',\r\n                        component: ProfileWizardTwo,\r\n                        completed: false\r\n                    },\r\n                    {\r\n                        icon: 'exclamation-triangle',\r\n                        name: 'ProfileWizardThree',\r\n                        title: 'Opleiding',\r\n                        subtitle: 'Opleidingen & Certificeringen',\r\n                        component: ProfileWizardThree,\r\n                        completed: false\r\n                    },\r\n                    {\r\n                        icon: 'exclamation-triangle',\r\n                        name: 'ProfileWizardFour',\r\n                        title: 'Overige',\r\n                        subtitle: 'Overige Informatie',\r\n                        component: ProfileWizardFour,\r\n                        completed: false\r\n                    },\r\n                ]\r\n            }\r\n        },\r\n        mounted() {\r\n            this.$refs.toastr.defaultPosition = \"toast-bottom-right\";\r\n            \r\n        },\r\n        methods: {\r\n            next(currentStep, next) {\r\n                let wizard = this.$refs.wizard;\r\n                if(!wizard.$children[0].$v.form.$invalid)\r\n                {\r\n                    wizard.$children[0].isLoading = true;\r\n\r\n                    return wizard.$children[0].setProfile().then(() => {\r\n                        this.$refs.toastr.s(\"Opgeslagen!\");\r\n                        return next();\r\n                    }).catch((res) => {\r\n                        if(!!res.data)\r\n                            this.$refs.toastr.e(res.data);\r\n                        this.$refs.toastr.e(\"Opslaan mislukt!\");\r\n\r\n                        wizard.$children[0].$v.form.$reset();\r\n                        wizard.$children[0].$v.form.$touch();\r\n                    });\r\n                } else {\r\n                    return wizard.$children[0].$v.form.$touch();\r\n                }\r\n            },\r\n            // Executed when @completed-step event is triggered\r\n            completeStep(payload) {\r\n                let wizard = this.$refs.wizard;\r\n                this.steps.forEach((step) => {\r\n                    if (step.name === payload.name) {\r\n                        //debugger\r\n                        //wizard.$children[0].setProfile();\r\n                        step.completed = true;\r\n                    }\r\n                })\r\n            },\r\n            backStep(val) {\r\n            },\r\n            // Executed when @active-step event is triggered\r\n            isStepActive(payload) {\r\n                this.steps.forEach((step) => {\r\n                    if (step.name === payload.name) {\r\n                        if(step.completed === true) {\r\n                            step.completed = false;\r\n                        }\r\n                    }\r\n                })\r\n            },\r\n            alert(payload)\r\n            {\r\n                //this.isLoading = true;\r\n                //let wizard = this.$refs.wizard;\r\n                //wizard.$children[0].setProfile().then(() => {\r\n                   // this.isLoading = false;\r\n                    this.$store.dispatch('GET_USER', null).then(() => {\r\n                        this.$refs.toastr.s(\"Wizard voltooid!\");\r\n                        this.$router.push({name: 'ProfessionalProfile'});\r\n                    });\r\n                //}).catch(() => {\r\n                    //this.isLoading = false;\r\n                //})\r\n                //alert('Bedankt voor het insturen van jou profiel. We beoordelen deze zo snel mogelijk.');\r\n\r\n                \r\n            }\r\n        }\r\n    }\r\n\r\n</script>","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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=35dd1154&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.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"],"sourceRoot":""}