{"version":3,"sources":["webpack:///./src/assets/img-siu/loading.gif","webpack:///./src/views/SelectService.vue?c471","webpack:///src/views/SelectService.vue","webpack:///./src/views/SelectService.vue?10e3","webpack:///./src/views/SelectService.vue"],"names":["module","exports","__webpack_require__","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","staticStyle","height","attrs","src","_e","retrievingServices","label","vertical","_l","service","key","coreId","pressed","selectedService","variant","on","click","$event","selectService","update:pressed","$set","_s","description","branch","name","selectedBranch","selectBranch","address","person","selectedPerson","selectPerson","model","value","callback","$$v","notes","expression","directives","rawName","color","disabled-dates","disabledDates","maximum-view","placeholder","format","input-class","form-control","field-error","$v","appointmentTime","$error","$dirty","typeable","appointmentDate","retrievingAppointments","time","font-size","isSelectedTime","mobileSelectTime","availableAppointmentTimes","length","required","margin-top","margin-bottom","next","ref","header-bg-variant","header-text-variant","body-bg-variant","footer-bg-variant","body-text-variant","footer-text-variant","ycentered","centered","title","slot","pill","dismissModal","staticRenderFns","SelectServicevue_type_script_lang_js_","components","Datepicker","vuejs_datepicker_esm","Header","beforeRouteEnter","_beforeRouteEnter","Object","asyncToGenerator","regeneratorRuntime","mark","_callee","to","from","wrap","_context","prev","stop","_x","_x2","_x3","apply","arguments","beforeRouteUpdate","_beforeRouteUpdate","_callee2","_context2","_x4","_x5","_x6","watch","newDate","store","dispatch","date","mask","vue_the_mask","created","data","Date","days","moment_default","a","subtract","toDate","add","methods","console","info","selectedServiceDescription","$store","commit","_mobileSelectTime","_callee3","_context3","_x7","$touch","$invalid","$refs","errorModalRef","show","$router","push","hide","computed","_objectSpread","vuex_esm","isMember","state","memberIdentifier","appointment","verifyingMembership","get","set","firstName","lastName","scheduledDate","scheduledStart","scheduledTime","phoneNumber","emailAddress","email","schedulingAppointment","locations","availableLocations","getters","availablePeople","services","locationId","locationDisplay","validations","validators","views_SelectServicevue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-985f9000.cc0affa4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/loading.c3e09953.gif\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Header'),_c('div',{staticClass:\"d-flex flex-column justify-content-start align-items-center page-div\"},[_c('b-form',{staticClass:\"form-style\"},[(_vm.retrievingServices)?_c('div',{staticClass:\"d-flex flex-column align-items-center align-content-center justify-content-center\"},[_c('h3',[_vm._v(\"Please wait while we retrieve the available services\")]),_c('br'),_c('img',{staticStyle:{\"height\":\"100px\"},attrs:{\"src\":require(\"@/assets/img-siu/loading.gif\")}})]):_vm._e(),(!_vm.retrievingServices)?_c('b-form-group',{attrs:{\"label\":\"What type of service would you like to schedule today?\"}},[_c('b-button-group',{staticClass:\"button-group\",attrs:{\"vertical\":\"\"}},_vm._l((_vm.services),function(service){return _c('b-button',{key:service.coreId,attrs:{\"pressed\":service.coreId === _vm.selectedService,\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.selectService(service)},\"update:pressed\":function($event){_vm.$set(service, \"coreId === selectedService\", $event)}}},[_c('span',{staticClass:\"btn-text\"},[_vm._v(_vm._s(service.description))])])}))],1):_vm._e(),(_vm.selectedService)?_c('b-form-group',{attrs:{\"label\":\"Please select the branch you would like to visit:\"}},[_c('b-button-group',{staticClass:\"button-group\",attrs:{\"vertical\":\"\"}},_vm._l((_vm.availableLocations),function(branch){return _c('b-button',{key:branch.name,attrs:{\"pressed\":branch.name === _vm.selectedBranch,\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.selectBranch(branch)},\"update:pressed\":function($event){_vm.$set(branch, \"name === selectedBranch\", $event)}}},[_c('span',{staticClass:\"btn-text\"},[_vm._v(_vm._s(branch.name))]),_c('br'),_c('span',{staticClass:\"btn-text\"},[_vm._v(_vm._s(branch.address))])])}))],1):_vm._e(),(_vm.selectedBranch)?_c('b-form-group',{attrs:{\"label\":\"Please select the SIU employee you would like for your appointment. You may also select 'Anyone'.\"}},[_c('b-button-group',{staticClass:\"button-group\",attrs:{\"vertical\":\"\"}},_vm._l((_vm.availablePeople),function(person){return _c('b-button',{key:person.name,attrs:{\"pressed\":person.name === _vm.selectedPerson,\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.selectPerson(person)},\"update:pressed\":function($event){_vm.$set(person, \"name === selectedPerson\", $event)}}},[_c('span',{staticClass:\"btn-text\"},[_vm._v(_vm._s(person.name))])])}))],1):_vm._e(),(_vm.selectedBranch)?_c('b-form-group',{attrs:{\"label\":\"Additional Notes\"}},[_c('b-form-input',{model:{value:(_vm.notes),callback:function ($$v) {_vm.notes=$$v},expression:\"notes\"}})],1):_vm._e(),(_vm.selectedBranch)?_c('div',[_c('b-form-group',{attrs:{\"label\":\"Appointment Date\"}},[_c('datepicker',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('##/##/####'),expression:\"'##/##/####'\"}],staticStyle:{\"color\":\"black\"},attrs:{\"disabled-dates\":_vm.disabledDates,\"maximum-view\":\"month\",\"placeholder\":\"mm/dd/yyyy\",\"format\":\"MM/dd/yyyy\",\"input-class\":{ 'form-control': true, 'field-error': _vm.$v.appointmentTime.$error && _vm.$v.appointmentTime.$dirty },\"name\":\"appointmentDate\",\"typeable\":true},model:{value:(_vm.appointmentDate),callback:function ($$v) {_vm.appointmentDate=$$v},expression:\"appointmentDate\"}})],1),(!_vm.retrievingAppointments)?_c('b-form-group',{attrs:{\"label\":\"Appointment Time\"}},[_c('div',{staticClass:\"d-flex flex-row flex-wrap align-items-center justify-content-start\"},[_vm._l((_vm.availableAppointmentTimes),function(time){return _c('b-button',{key:time,staticClass:\"button-selector\",staticStyle:{\"font-size\":\"large !important\"},attrs:{\"variant\":\"outline-primary\",\"pressed\":_vm.isSelectedTime(time)},on:{\"click\":function($event){_vm.mobileSelectTime(time)}}},[_vm._v(\"\\r\\n                        \"+_vm._s(time)+\"\\r\\n                    \")])}),(_vm.availableAppointmentTimes.length === 0)?_c('h3',{staticClass:\"text-center\"},[_vm._v(\"There are no available appointments on this date.\")]):_vm._e()],2),(!_vm.$v.appointmentTime.required && _vm.$v.appointmentTime.$dirty)?_c('div',{staticClass:\"field-error-message\"},[_vm._v(\"Please select an appointment time\")]):_vm._e()]):_vm._e(),(_vm.retrievingAppointments)?_c('div',{staticClass:\"d-flex flex-column align-items-center align-content-center justify-content-center\"},[_c('h3',[_vm._v(\"Please wait while we retrieve the available appointment times\")]),_c('img',{staticStyle:{\"height\":\"100px\"},attrs:{\"src\":require(\"@/assets/img-siu/loading.gif\")}})]):_vm._e(),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"margin-top\":\"50px\",\"margin-bottom\":\"30px\"}},[_c('b-button',{staticClass:\"button-style\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.next()}}},[_vm._v(\"Next\")])],1)],1):_vm._e()],1),_c('b-modal',{ref:\"errorModalRef\",attrs:{\"header-bg-variant\":\"dark\",\"header-text-variant\":\"light\",\"body-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"body-text-variant\":\"light\",\"footer-text-variant\":\"light\",\"ycentered\":true,\"centered\":\"\",\"title\":\"Missing Information\"}},[_vm._v(\"\\r\\n        Please fill out all information on the form to continue with scheduling.\\r\\n        \"),_c('div',{attrs:{\"slot\":\"modal-footer\"},slot:\"modal-footer\"},[_c('b-button',{staticClass:\"modal-btn\",attrs:{\"variant\":\"primary\",\"pill\":\"\"},on:{\"click\":function($event){_vm.dismissModal()}}},[_vm._v(\"OK\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n    <Header></Header>\r\n<div class=\"d-flex flex-column justify-content-start align-items-center page-div\">                       \r\n    <b-form class=\"form-style\">\r\n        <div class=\"d-flex flex-column align-items-center align-content-center justify-content-center\" v-if=\"retrievingServices\">            \r\n            <h3>Please wait while we retrieve the available services</h3>\r\n            <br>            \r\n            <img src=\"@/assets/img-siu/loading.gif\" style=\"height:100px\" />                                      \r\n        </div>\r\n        <b-form-group label=\"What type of service would you like to schedule today?\" v-if=\"!retrievingServices\">            \r\n            <b-button-group vertical class=\"button-group\">\r\n                <b-button v-for=\"service in services\" @click=\"selectService(service)\" :pressed.sync=\"service.coreId === selectedService\" :key=\"service.coreId\" variant=\"outline-primary\">\r\n                    <span class=\"btn-text\">{{ service.description }}</span>\r\n                </b-button>                \r\n            </b-button-group>\r\n        </b-form-group>\r\n        <b-form-group label=\"Please select the branch you would like to visit:\" v-if=\"selectedService\">\r\n            <b-button-group vertical class=\"button-group\">\r\n                <b-button v-for=\"branch in availableLocations\" @click=\"selectBranch(branch)\" :pressed.sync=\"branch.name === selectedBranch\" :key=\"branch.name\" variant=\"outline-primary\">\r\n                    <span class=\"btn-text\">{{ branch.name }}</span><br/>\r\n                    <span class=\"btn-text\">{{ branch.address }}</span>\r\n                </b-button>\r\n            </b-button-group>\r\n        </b-form-group>\r\n        <b-form-group label=\"Please select the SIU employee you would like for your appointment. You may also select 'Anyone'.\" v-if=\"selectedBranch\">\r\n            <b-button-group vertical class=\"button-group\">\r\n                <b-button v-for=\"person in availablePeople\" @click=\"selectPerson(person)\" :pressed.sync=\"person.name === selectedPerson\" :key=\"person.name\" variant=\"outline-primary\">\r\n                    <span class=\"btn-text\">{{ person.name }}</span>\r\n                </b-button>\r\n            </b-button-group>\r\n        </b-form-group>\r\n        <b-form-group label=\"Additional Notes\" v-if=\"selectedBranch\">\r\n                <b-form-input v-model=\"notes\"/>                \r\n            </b-form-group>\r\n        <div v-if=\"selectedBranch\">\r\n            <b-form-group label=\"Appointment Date\">                                                    \r\n                <datepicker :disabled-dates=\"disabledDates\" style=\"color:black\" v-model=\"appointmentDate\" maximum-view=\"month\" placeholder=\"mm/dd/yyyy\" format=\"MM/dd/yyyy\" :input-class=\"{ 'form-control': true, 'field-error': $v.appointmentTime.$error && $v.appointmentTime.$dirty }\" name=\"appointmentDate\" :typeable=\"true\" v-mask=\"'##/##/####'\"></datepicker>                                \r\n            </b-form-group>\r\n            <b-form-group label=\"Appointment Time\" v-if=\"!retrievingAppointments\">\r\n                <div class=\"d-flex flex-row flex-wrap align-items-center justify-content-start\">                    \r\n                    <b-button @click=\"mobileSelectTime(time)\" variant=\"outline-primary\" :pressed=\"isSelectedTime(time)\" class=\"button-selector\" :key=\"time\" v-for=\"time in availableAppointmentTimes\" style=\"font-size: large !important;\">\r\n                        {{ time }}\r\n                    </b-button>                                 \r\n                    <h3 class=\"text-center\" v-if=\"availableAppointmentTimes.length === 0\">There are no available appointments on this date.</h3>\r\n                </div>     \r\n                <div class=\"field-error-message\" v-if=\"!$v.appointmentTime.required && $v.appointmentTime.$dirty\">Please select an appointment time</div>             \r\n            </b-form-group>  \r\n                \r\n            <div class=\"d-flex flex-column align-items-center align-content-center justify-content-center\" v-if=\"retrievingAppointments\">            \r\n                <h3>Please wait while we retrieve the available appointment times</h3>\r\n                <img src=\"@/assets/img-siu/loading.gif\" style=\"height:100px\"/>                                      \r\n            </div>\r\n            <div class=\"d-flex flex-column justify-content-center align-items-center\" style=\"margin-top:50px;margin-bottom:30px\">\r\n                <b-button @click=\"next()\" variant=\"primary\" class=\"button-style\">Next</b-button>\r\n            </div>\r\n        </div>\r\n    </b-form>  \r\n    <b-modal ref=\"errorModalRef\" header-bg-variant=\"dark\" header-text-variant=\"light\" body-bg-variant=\"dark\" footer-bg-variant=\"dark\" body-text-variant=\"light\" footer-text-variant=\"light\" :ycentered=true centered title=\"Missing Information\">\r\n        Please fill out all information on the form to continue with scheduling.\r\n        <div slot=\"modal-footer\">\r\n            <b-button variant=\"primary\" pill class=\"modal-btn\" @click=\"dismissModal()\">OK</b-button>\r\n        </div>\r\n    </b-modal> \r\n</div>           \r\n</div>\r\n</template>\r\n<script>\r\nimport Header from '@/components/Header';\r\nimport store from '@/store';\r\nimport { required } from \"vuelidate/lib/validators\";\r\nimport { mask } from \"vue-the-mask\";\r\nimport moment from 'moment';\r\nimport { mapState } from \"vuex\";\r\nimport Datepicker from 'vuejs-datepicker';\r\n\r\nexport default {\r\n    name: \"SelectService\",\r\n    components: {\r\n        Datepicker,\r\n        Header\r\n    },\r\n    async beforeRouteEnter(to, from, next) {    \r\n        //await store.commit(\"resetData\");            \r\n        next();\r\n    },\r\n    async beforeRouteUpdate(to, from, next) {    \r\n        //await store.commit(\"resetData\");                   \r\n        next();\r\n    },\r\n    watch: {\r\n        appointmentDate: function(newDate) {            \r\n            store.dispatch(\"getAppointmentTimes\", { date: newDate });    \r\n        }\r\n    },\r\n    directives: {\r\n        mask\r\n    },\r\n    created: function() {              \r\n    },\r\n    data: function() {\r\n        return {                        \r\n            appointmentDate: new Date(),            \r\n            disabledDates: {\r\n                days: [0],\r\n                to: new moment().subtract(1, 'days').toDate(),\r\n                from: new moment().add(7, 'days').toDate(),\r\n            },   \r\n            // availablePeople: [\r\n            //     {name: 'Person 1'}, \r\n            //     {name: 'Person 2'}, \r\n            //     {name: 'Person 3'}, \r\n            //     {name: 'Person 4'}, \r\n            //     {name: 'Person 5'}, \r\n            //     {name: 'Person 6'}, \r\n            //     {name: 'Person 7'}, \r\n            //     {name: 'Person 8'}, \r\n            //     {name: 'Person 9'}, \r\n            //     {name: 'Person 10'},\r\n\r\n            // ],\r\n            // availableLocations: [\r\n            //     {name: 'Location 1'},\r\n            //     {name: 'Location 2'},\r\n            //     {name: 'Location 3'},\r\n            //     {name: 'Location 4'},\r\n            //     {name: 'Location 5'},\r\n            //     {name: 'Location 6'},\r\n            //     {name: 'Location 7'},\r\n            //     {name: 'Location 8'},\r\n            //     {name: 'Location 9'},\r\n            // ],\r\n            // availableAppointmentTimes:['1', '2', '3', '4', '5', '6', '7', '8','9','10','11','12','13','14','15','16','17','18','19','20']\r\n        }        \r\n    },\r\n    methods: {\r\n        selectService(service) {    \r\n            console.info('selected service: ', service.coreId);        \r\n            this.selectedService = service.coreId;\r\n            this.selectedServiceDescription = service.description;\r\n            this.selectedBranch = '';\r\n            this.$store.commit('setAppointmentTime', '');\r\n        },        \r\n        selectBranch(branch) {\r\n            console.info('branch', branch);\r\n            this.selectedBranch = branch.name;            \r\n            this.$store.commit('setLocation', branch);            \r\n            this.$store.commit('setAppointmentTime', '');\r\n            store.dispatch(\"getAppointmentTimes\", { date: this.appointmentDate });    \r\n        },     \r\n        selectPerson(person) {\r\n            console.info('person', person);\r\n            this.selectedPerson = person.name;\r\n\r\n        },\r\n        mobileSelectTime: async function(time) {\r\n            if(!this.retrievingAppointments) {\r\n                this.$store.commit('setAppointmentDate', this.appointmentDate);\r\n                this.$store.commit('setAppointmentTime', time);\r\n            }\r\n        },\r\n        isSelectedTime: function(time) {\r\n            return time === this.appointmentTime;\r\n        },\r\n        next() {\r\n            this.$v.$touch();\r\n\r\n            console.info('validation', this.$v);\r\n            if (this.$v.$invalid) {\r\n                this.$refs.errorModalRef.show();\r\n            } else {\r\n                // Todo: are we verifying membership?\r\n                // await this.$store.dispatch(\"verifyMembership\");\r\n                this.$router.push('contactinfo');\r\n            }\r\n            \r\n        },\r\n        dismissModal() {\r\n            this.$refs.errorModalRef.hide();\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            isMember: state => state.isMember,\r\n            memberIdentifier: state => state.person.memberIdentifier,\r\n            appointment: state => state.appointment,     \r\n            verifyingMembership: state => state.verifyingMembership,  \r\n            retrievingAppointments: state => state.retrievingAppointments,            \r\n            retrievingServices: state => state.retrievingServices,     \r\n            availableAppointmentTimes: state => state.availableAppointmentTimes     \r\n        }),        \r\n        appointmentTime: {\r\n            get() {\r\n                return this.$store.state.appointmentTime;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setAppointmentTime', value);\r\n            }\r\n        },\r\n        firstName: { \r\n            get() {\r\n                return this.$store.state.person.firstName;\r\n            }, \r\n            set(value) {                \r\n                this.$store.commit('setFirstName', value);\r\n            }\r\n        },\r\n        lastName: { \r\n            get() {\r\n                return this.$store.state.person.lastName;\r\n            }, \r\n            set(value) {\r\n                this.$store.commit('setLastName', value);\r\n            }\r\n        },\r\n        memberIdentifier: {\r\n            get() {\r\n                return this.$store.state.person.memberIdentifier;\r\n            }, \r\n            set(value) {\r\n                this.$store.commit('setMemberIdentifier', value);\r\n            }\r\n        },\r\n        scheduledDate: function() {\r\n            if(this.appointment.scheduledStart) {\r\n                return moment(this.appointment.scheduledStart).format(\"MM/DD/YYYY\");\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        scheduledTime: function() {\r\n            if(this.appointment.scheduledStart) {\r\n                return moment(this.appointment.scheduledStart).format(\"hh:mmA\");\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        selectedPerson: {\r\n            get() {\r\n                return this.$store.state.selectedPerson;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedPerson', value);\r\n            }\r\n        },\r\n        phoneNumber: { \r\n            get() {\r\n                return this.$store.state.person.phoneNumber;\r\n            }, \r\n            set(value) {                \r\n                this.$store.commit('setPhoneNumber', value);\r\n            }\r\n        },\r\n        emailAddress: { \r\n            get() {\r\n                return this.$store.state.person.email;\r\n            }, \r\n            set(value) {                \r\n                this.$store.commit('setEmailAddress', value);\r\n            }\r\n        },\r\n        notes: {\r\n            get() {\r\n                return this.$store.state.notes;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setNotes', value);\r\n            }\r\n        },\r\n        isMember: function() {\r\n            return this.$store.state.isMember;\r\n        },\r\n        schedulingAppointment: function() {\r\n            return this.$store.state.schedulingAppointment;\r\n        },\r\n        selectedService: { \r\n            get() {\r\n                return this.$store.state.selectedService;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedService', value);\r\n            }\r\n        },\r\n        selectedServiceDescription: { \r\n            get() {\r\n                return this.$store.state.selectedServiceDescription;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedServiceDescription', value);\r\n            }\r\n        },\r\n        selectedBranch: { \r\n            get() {\r\n                return this.$store.state.selectedBranch;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('setSelectedBranch', value);\r\n            }\r\n        },\r\n        locations: function() {\r\n            return this.$store.state.locations;\r\n        },\r\n        availableLocations: function() {\r\n            return this.$store.getters.availableLocations;\r\n        },\r\n        availablePeople: function() {\r\n            return this.$store.getters.availablePeople;\r\n        },        \r\n        services: function() {\r\n            return this.$store.state.services;\r\n        },\r\n        locationId: {\r\n            get() {\r\n                return this.$store.state.locationId;\r\n            }\r\n        },\r\n        locationDisplay: {\r\n            get() {\r\n                return this.$store.state.locationDisplay;\r\n            }\r\n        }\r\n    },\r\n    validations: {  \r\n        appointmentTime: {\r\n            required,            \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!./SelectService.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!./SelectService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectService.vue?vue&type=template&id=b2ce95c6&\"\nimport script from \"./SelectService.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectService.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":""}