{"version":3,"sources":["webpack:///./src/views/Calendar/OnCallCalendar.vue","webpack:///src/views/Calendar/OnCallCalendar.vue","webpack:///./src/views/Calendar/OnCallCalendar.vue?9f45","webpack:///./src/views/Calendar/OnCallCalendar.vue?bc36","webpack:///./src/views/Calendar/OnCallCalendar.vue?92ef"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","ref","calendarView","showDate","calendarEvents","windowWidth","on","openEventEdit","slot","$checkPermission","$event","addNewEventPromptOpen","_v","_s","$t","_e","$vs","rtl","updateMonth","_f","_l","calendarViewTypes","view","index","val","key","String","class","length","label","configDateTimePicker","model","value","addEventStartTime","callback","$$v","expression","addEventEndTime","addEventUser","$store","getters","companyUsers","item","id","name","addEvent","editEventPromptOpen","editEventStartTime","editEventEndTime","editEventUser","editEvent","removeEvent","staticRenderFns","require","components","CalendarView","CalendarViewHeader","flatPickr","data","onCallRaw","undefined","Date","dateFormat","locale","firstDayOfWeek","editEventId","currentMonthChange","currentWeekChange","methods","loading","background","color","container","scale","thisIns","$http","post","end_time","moment","format","start_time","user_id","Number","then","updateOnCallData","close","catch","error","notify","title","text","response","iconPack","icon","put","delete","change","get","position","$refs","calendar","getIncrementedPeriod","date","on_call_id","computed","state","events","x","push","startDate","endDate","user","classes","watch","created","component"],"mappings":"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","file":"js/chunk-6fa555c2.814ca8a0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"simple-calendar-app\"}},[_c('div',{staticClass:\"vx-card no-scroll-content\",staticStyle:{\"min-height\":\"800px\"}},[_c('calendar-view',{ref:\"calendar\",staticClass:\"theme-default\",attrs:{\"displayPeriodUom\":_vm.calendarView,\"show-date\":_vm.showDate,\"events\":_vm.calendarEvents,\"displayPeriodCount\":2,\"startingDayOfWeek\":1,\"eventTop\":_vm.windowWidth <= 400 ? '2rem' : '3rem',\"eventBorderHeight\":\"0px\",\"eventContentHeight\":\"1.65rem\"},on:{\"click-event\":_vm.openEventEdit}},[_c('div',{staticClass:\"mb-4\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"vx-row no-gutter\"},[_c('div',{staticClass:\"vx-col w-1/3 items-center sm:flex hidden\"},[(this.$checkPermission(1801))?_c('vs-button',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-plus\"},on:{\"click\":function($event){_vm.addNewEventPromptOpen = true}}},[_vm._v(_vm._s(_vm.$t('Add')))]):_vm._e()],1),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center order-last\"},[_c('div',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":_vm.$vs.rtl ? 'ChevronRightIcon' : 'ChevronLeftIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(-1)}}}),_c('span',{staticClass:\"mx-3 text-xl font-medium whitespace-no-wrap\"},[_vm._v(_vm._s(_vm._f(\"month\")(_vm.showDate)))]),_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":_vm.$vs.rtl ? 'ChevronLeftIcon' : 'ChevronRightIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(1)}}})],1)]),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full flex justify-center\"},[_vm._l((_vm.calendarViewTypes),function(view,index){return [(_vm.calendarView === view.val)?_c('vs-button',{key:String(view.val) + 'filled',staticClass:\"p-3 md:px-8 md:py-3\",class:{'border-l-0 rounded-l-none': index, 'rounded-r-none': _vm.calendarViewTypes.length !== index+1},attrs:{\"type\":\"filled\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(view.label))]):_c('vs-button',{key:String(view.val) + 'border',staticClass:\"p-3 md:px-8 md:py-3\",class:{'border-l-0 rounded-l-none': index, 'rounded-r-none': _vm.calendarViewTypes.length !== index+1},attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(view.label))])]})],2)])])])],1),_c('vs-popup',{attrs:{\"title\":_vm.$t('Add'),\"active\":_vm.addNewEventPromptOpen},on:{\"update:active\":function($event){_vm.addNewEventPromptOpen=$event}}},[_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"StartTime\")))]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"config\":_vm.configDateTimePicker},model:{value:(_vm.addEventStartTime),callback:function ($$v) {_vm.addEventStartTime=$$v},expression:\"addEventStartTime\"}}),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"EndTime\")))]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"config\":_vm.configDateTimePicker},model:{value:(_vm.addEventEndTime),callback:function ($$v) {_vm.addEventEndTime=$$v},expression:\"addEventEndTime\"}}),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"User\")))]),_c('vs-select',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"\"},model:{value:(_vm.addEventUser),callback:function ($$v) {_vm.addEventUser=$$v},expression:\"addEventUser\"}},_vm._l((_vm.$store.getters.companyUsers),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.id,\"text\":item.name}})}),1),_c('vs-divider'),_c('vs-button',{staticClass:\"mt-6; mr-1\",attrs:{\"id\":\"newEventButton\",\"color\":\"success\"},on:{\"click\":_vm.addEvent}},[_vm._v(_vm._s(_vm.$t(\"Add\")))])],1),_c('vs-popup',{attrs:{\"title\":_vm.$t('Edit'),\"active\":_vm.editEventPromptOpen},on:{\"update:active\":function($event){_vm.editEventPromptOpen=$event}}},[_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"StartTime\")))]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"config\":_vm.configDateTimePicker},model:{value:(_vm.editEventStartTime),callback:function ($$v) {_vm.editEventStartTime=$$v},expression:\"editEventStartTime\"}}),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"EndTime\")))]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"config\":_vm.configDateTimePicker},model:{value:(_vm.editEventEndTime),callback:function ($$v) {_vm.editEventEndTime=$$v},expression:\"editEventEndTime\"}}),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"User\")))]),_c('vs-select',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"\"},model:{value:(_vm.editEventUser),callback:function ($$v) {_vm.editEventUser=$$v},expression:\"editEventUser\"}},_vm._l((_vm.$store.getters.companyUsers),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.id,\"text\":item.name}})}),1),_c('vs-divider'),_c('vs-button',{staticClass:\"mt-6; mr-1\",staticStyle:{\"float\":\"left\"},attrs:{\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit\",\"type\":\"border\"},on:{\"click\":_vm.editEvent}},[_vm._v(_vm._s(_vm.$t(\"Change\")))]),_c('vs-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"border\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash-2\"},on:{\"click\":_vm.removeEvent}},[_vm._v(_vm._s(_vm.$t(\"Delete\")))])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"simple-calendar-app\">\n        <div class=\"vx-card no-scroll-content\" style=\"min-height: 800px\">\n            <calendar-view\n                    ref=\"calendar\"\n                    :displayPeriodUom=\"calendarView\"\n                    :show-date=\"showDate\"\n                    :events=\"calendarEvents\"\n                    :displayPeriodCount=\"2\"\n                    :startingDayOfWeek=\"1\"\n                    :eventTop=\"windowWidth <= 400 ? '2rem' : '3rem'\"\n                    eventBorderHeight=\"0px\"\n                    @click-event=\"openEventEdit\"\n                    eventContentHeight=\"1.65rem\"\n                    class=\"theme-default\">\n\n                <div slot=\"header\" class=\"mb-4\">\n\n                    <div class=\"vx-row no-gutter\">\n\n                        <div class=\"vx-col w-1/3 items-center sm:flex hidden\">\n                            <!-- Add new event button -->\n                            <vs-button v-if=\"this.$checkPermission(1801)\" icon-pack=\"feather\" icon=\"icon-plus\" @click=\"addNewEventPromptOpen = true\">{{$t('Add')}}</vs-button>\n                        </div>\n\n                        <!-- Current Month -->\n                        <div class=\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center order-last\">\n                            <div class=\"flex items-center\">\n                                <feather-icon\n                                        :icon=\"$vs.rtl ? 'ChevronRightIcon' : 'ChevronLeftIcon'\"\n                                        @click=\"updateMonth(-1)\"\n                                        svgClasses=\"w-5 h-5 m-1\"\n                                        class=\"cursor-pointer bg-primary text-white rounded-full\" />\n\n                                <span class=\"mx-3 text-xl font-medium whitespace-no-wrap\">{{ showDate | month }}</span>\n\n                                <feather-icon\n                                        :icon=\"$vs.rtl ? 'ChevronLeftIcon' : 'ChevronRightIcon'\"\n                                        @click=\"updateMonth(1)\"\n                                        svgClasses=\"w-5 h-5 m-1\"\n                                        class=\"cursor-pointer bg-primary text-white rounded-full\" />\n                            </div>\n                        </div>\n\n                        <div class=\"vx-col sm:w-1/3 w-full flex justify-center\">\n                            <template v-for=\"(view, index) in calendarViewTypes\">\n                                <vs-button\n                                        v-if=\"calendarView === view.val\"\n                                        :key=\"String(view.val) + 'filled'\"\n                                        type=\"filled\"\n                                        class=\"p-3 md:px-8 md:py-3\"\n                                        :class=\"{'border-l-0 rounded-l-none': index, 'rounded-r-none': calendarViewTypes.length !== index+1}\"\n                                        @click=\"calendarView = view.val\"\n                                >{{ view.label }}</vs-button>\n                                <vs-button\n                                        v-else\n                                        :key=\"String(view.val) + 'border'\"\n                                        type=\"border\"\n                                        class=\"p-3 md:px-8 md:py-3\"\n                                        :class=\"{'border-l-0 rounded-l-none': index, 'rounded-r-none': calendarViewTypes.length !== index+1}\"\n                                        @click=\"calendarView = view.val\"\n                                >{{ view.label }}</vs-button>\n                            </template>\n\n                        </div>\n                    </div>\n                </div>\n            </calendar-view>\n        </div>\n\n        <vs-popup :title=\"$t('Add')\" :active.sync=\"addNewEventPromptOpen\">\n            <p class=\"mt-6\">{{$t(\"StartTime\")}}</p>\n            <flat-pickr class=\"w-full\" :config=\"configDateTimePicker\" v-model=\"addEventStartTime\"/>\n            <p class=\"mt-6\">{{$t(\"EndTime\")}}</p>\n            <flat-pickr class=\"w-full\" :config=\"configDateTimePicker\" v-model=\"addEventEndTime\"/>\n            <p class=\"mt-6\">{{$t(\"User\")}}</p>\n            <vs-select class=\"w-full\" autocomplete v-model=\"addEventUser\">\n                <vs-select-item :key=\"index\" :value=\"item.id\" :text=\"item.name\" v-for=\"(item,index) in $store.getters.companyUsers\" />\n            </vs-select>\n\n            <vs-divider/>\n\n            <vs-button id=\"newEventButton\" color=\"success\" class=\"mt-6; mr-1\" @click=\"addEvent\">{{$t(\"Add\")}}</vs-button>\n\n\n        </vs-popup>\n\n        <vs-popup :title=\"$t('Edit')\" :active.sync=\"editEventPromptOpen\">\n            <p class=\"mt-6\">{{$t(\"StartTime\")}}</p>\n            <flat-pickr class=\"w-full\" :config=\"configDateTimePicker\" v-model=\"editEventStartTime\"/>\n            <p class=\"mt-6\">{{$t(\"EndTime\")}}</p>\n            <flat-pickr class=\"w-full\" :config=\"configDateTimePicker\" v-model=\"editEventEndTime\"/>\n            <p class=\"mt-6\">{{$t(\"User\")}}</p>\n            <vs-select class=\"w-full\" autocomplete v-model=\"editEventUser\">\n                <vs-select-item :key=\"index\" :value=\"item.id\" :text=\"item.name\" v-for=\"(item,index) in $store.getters.companyUsers\" />\n            </vs-select>\n\n            <vs-divider/>\n\n            <vs-button style=\"float: left\" color=\"success\" icon-pack=\"feather\" icon=\"icon-edit\" type=\"border\" class=\"mt-6; mr-1\" @click=\"editEvent\">{{$t(\"Change\")}}</vs-button>\n            <vs-button style=\"float: right\" type=\"border\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-trash-2\" @click=\"removeEvent\">{{$t(\"Delete\")}}</vs-button>\n\n\n        </vs-popup>\n\n    </div>\n</template>\n<script>\n\n    import { CalendarView, CalendarViewHeader } from \"vue-simple-calendar\"\n    require(\"vue-simple-calendar/static/css/default.css\");\n    import flatPickr from 'vue-flatpickr-component';\n    import 'flatpickr/dist/flatpickr.css';\n    import { en, he } from \"vuejs-datepicker/src/locale\"\n\n    export default {\n        components: {\n            CalendarView,\n            CalendarViewHeader,\n            flatPickr,\n        },\n        data() {\n            return {\n                onCallRaw: undefined,\n                showDate: new Date(),\n                calendarView: 'week',\n\n                configDateTimePicker: {\n                    dateFormat: 'Y-m-d',\n                    locale: {\n                        firstDayOfWeek: 1\n                    }\n                },\n\n                addEventStartTime: null,\n                addEventEndTime: null,\n                addEventUser: 0,\n\n                editEventStartTime: null,\n                editEventEndTime: null,\n                editEventUser: 0,\n                editEventId: 0,\n\n                addNewEventPromptOpen: false,\n                editEventPromptOpen: false,\n\n                currentMonthChange: 0,\n                currentWeekChange: 0,\n\n                calendarViewTypes: [\n                    {\n                        label: this.$t(\"Month\"),\n                        val: \"month\"\n                    },\n                    {\n                        label: this.$t(\"Week\"),\n                        val: \"week\"\n                    },\n                ],\n            }\n        },\n        methods: {\n            addEvent(){\n                this.$vs.loading({\n                    background: \"primary\",\n                    color: \"fff\",\n                    container: \"#newEventButton\",\n                    scale: 0.45\n                });\n\n                const thisIns = this;\n                this.$http.post('/api/v1/calendar/on_call/', {\n                    end_time: thisIns.moment(thisIns.addEventEndTime).format(),\n                    start_time: thisIns.moment(thisIns.addEventStartTime).format(),\n                    user_id: Number(thisIns.addEventUser),\n                }).then(function () {\n                    thisIns.updateOnCallData();\n                    thisIns.$vs.loading.close(\"#newEventButton > .con-vs-loading\");\n                    thisIns.addNewEventPromptOpen = false;\n                }).catch(function (error) {\n                    thisIns.$vs.loading.close(\"#newEventButton > .con-vs-loading\");\n                    thisIns.addNewEventPromptOpen = false;\n                    thisIns.$vs.notify({\n                        title:'Error',\n                        text: error.response.data,\n                        color:'danger',\n                        iconPack: 'feather',\n                        icon:'icon-alert-circle'})\n                });\n            },\n            editEvent(){\n\n                const thisIns = this;\n                this.$http.put('/api/v1/calendar/on_call/' + this.editEventId, {\n                    end_time: thisIns.moment(thisIns.editEventEndTime).format(),\n                    start_time: thisIns.moment(thisIns.editEventStartTime).format(),\n                    user_id: Number(thisIns.editEventUser),\n                }).then(function () {\n                    thisIns.updateOnCallData();\n                    thisIns.editEventPromptOpen = false;\n                }).catch(function (error) {\n                    thisIns.editEventPromptOpen = false;\n                    thisIns.$vs.notify({\n                        title:'Error',\n                        text: error.response.data,\n                        color:'danger',\n                        iconPack: 'feather',\n                        icon:'icon-alert-circle'})\n                });\n            },\n            removeEvent(){\n                const thisIns = this;\n                this.$http.delete('/api/v1/calendar/on_call/' + this.editEventId)\n                .then(function () {\n                    thisIns.updateOnCallData();\n                    thisIns.editEventPromptOpen = false;\n                }).catch(function (error) {\n                    thisIns.editEventPromptOpen = false;\n                    thisIns.$vs.notify({\n                        title:'Error',\n                        text: error.response.data,\n                        color:'danger',\n                        iconPack: 'feather',\n                        icon:'icon-alert-circle'})\n                });\n            },\n            updateOnCallData() {\n                const thisIns = this;\n                let change = 0;\n                if(this.calendarView === 'week'){\n                    change = this.currentWeekChange;\n                }else{\n                    change = this.currentMonthChange;\n                }\n\n                this.$http.get('/api/v1/calendar/on_call/' + this.calendarView + '/' + change)\n                    .then(function (response) {\n                        thisIns.onCallRaw = response.data\n                    })\n                    .catch(function (error) {\n                        thisIns.$vs.notify({\n                            title:'Error',\n                            text: error,\n                            position:'top-right',\n                            color:'danger',\n                            iconPack: 'feather',\n                            icon:'icon-alert-circle'})\n                    });\n\n\n            },\n            updateMonth(val) {\n                if(this.calendarView === 'week'){\n                    this.currentWeekChange += val;\n                }else{\n                    this.currentMonthChange += val;\n                }\n                this.updateOnCallData();\n                this.showDate = this.$refs.calendar.getIncrementedPeriod(val);\n            },\n            openEventEdit(date){\n                if(!this.$checkPermission(1801)) return;\n                this.editEventStartTime = this.onCallRaw[date.id].start_time;\n                this.editEventEndTime = this.onCallRaw[date.id].end_time;\n                this.editEventUser = this.onCallRaw[date.id].user_id;\n                this.editEventId = this.onCallRaw[date.id].on_call_id;\n                this.editEventPromptOpen = true;\n            }\n        },\n        computed: {\n            windowWidth() {\n                return this.$store.state.windowWidth\n            },\n            calendarEvents() {\n\n                let events = [];\n\n                if(this.onCallRaw) {\n\n                    for(let x = 0; x < this.onCallRaw.length; x++) {\n                        events.push({\n                            id: x,\n                            startDate: this.moment(this.onCallRaw[x].start_time).format(\"YYYY-MM-DD\"),\n                            endDate: this.moment(this.onCallRaw[x].end_time).format(\"YYYY-MM-DD\"),\n                            title: this.onCallRaw[x].user,\n                            classes: 'event-success',\n                        });\n                    }\n\n                }\n\n                return events\n            },\n        },\n        watch: {\n            calendarView(){\n                this.currentMonthChange = 0;\n                this.currentWeekChange = 0;\n                this.showDate = new Date();\n                this.updateOnCallData();\n            }\n        },\n        created() {\n            this.updateOnCallData();\n        }\n\n    }\n\n</script>\n<style lang=\"scss\">\n    @import \"@/assets/scss/vuexy/apps/simple-calendar.scss\";\n</style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnCallCalendar.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!./OnCallCalendar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OnCallCalendar.vue?vue&type=template&id=966cf1e6\"\nimport script from \"./OnCallCalendar.vue?vue&type=script&lang=js\"\nexport * from \"./OnCallCalendar.vue?vue&type=script&lang=js\"\nimport style0 from \"./OnCallCalendar.vue?vue&type=style&index=0&id=966cf1e6&prod&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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnCallCalendar.vue?vue&type=style&index=0&id=966cf1e6&prod&lang=scss\""],"sourceRoot":""}