{"version":3,"sources":["webpack:///./src/views/Calendar/AbsenceCalendar.vue?9085","webpack:///./src/views/Calendar/AbsenceCalendar.vue","webpack:///src/views/Calendar/AbsenceCalendar.vue","webpack:///./src/views/Calendar/AbsenceCalendar.vue?6403","webpack:///./src/views/Calendar/AbsenceCalendar.vue?e97b"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","ref","calendarView","showDate","calendarEvents","windowWidth","on","openUser","slot","$event","updateMonth","_v","_s","_f","_l","calendarViewTypes","view","index","val","key","String","class","length","label","labels","style","background","color","text","staticRenderFns","require","components","CalendarView","CalendarViewHeader","data","absencesRaw","undefined","Date","$t","methods","updateAbsences","thisIns","$http","get","then","response","catch","error","$vs","notify","title","position","iconPack","icon","$refs","calendar","getIncrementedPeriod","typeToClass","date","$router","push","name","params","id","user_id","computed","$store","state","events","x","startDate","moment","start","format","endDate","end","user","classes","type","created","component"],"mappings":"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","file":"js/chunk-0ddef8a1.d7221277.js","sourcesContent":["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!./AbsenceCalendar.vue?vue&type=style&index=0&id=b8b439f2&prod&lang=scss\"","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.openUser}},[_c('div',{staticClass:\"mb-4\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"vx-row no-gutter\"},[_c('div',{staticClass:\"vx-col w-1/2 sm:my-0 my-3 flex sm:justify-end justify-end order-last\"},[_c('div',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":'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\":'ChevronRightIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(1)}}})],1)]),_c('div',{staticClass:\"vx-col w-1/2 flex justify-start\"},[_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)]),_c('div',{staticClass:\"vx-row sm:flex mt-6\"},[_c('div',{staticClass:\"vx-col w-full flex\"},[_c('div',{staticClass:\"flex flex-wrap sm:justify-start justify-start\"},_vm._l((_vm.labels),function(label,index){return _c('div',{key:index,staticClass:\"flex items-center mr-4 mb-2\"},[_c('div',{staticClass:\"h-3 w-3 inline-block rounded-full mr-2\",style:({background: label.color})}),_c('span',[_vm._v(_vm._s(label.text))])])}),0)])])])])],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=\"openUser\"\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                        <!-- Current Month -->\n                        <div class=\"vx-col w-1/2 sm:my-0 my-3 flex sm:justify-end justify-end order-last\">\n                            <div class=\"flex items-center\">\n                                <feather-icon\n                                        :icon=\"'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=\"'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 w-1/2 flex justify-start\">\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\n                    <div class=\"vx-row sm:flex mt-6\">\n                        <div class=\"vx-col w-full flex\">\n                            <div class=\"flex flex-wrap sm:justify-start justify-start\">\n                                <div v-for=\"(label, index) in labels\" :key=\"index\" class=\"flex items-center mr-4 mb-2\">\n                                    <div class=\"h-3 w-3 inline-block rounded-full mr-2\" v-bind:style=\"{background: label.color}\" ></div>\n                                    <span>{{ label.text }}</span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </calendar-view>\n        </div>\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 { en, he } from \"vuejs-datepicker/src/locale\"\n\n\n    export default {\n        components: {\n            CalendarView,\n            CalendarViewHeader,\n        },\n        data() {\n            return {\n                absencesRaw: undefined,\n                showDate: new Date(),\n                calendarView: 'week',\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                labels: [\n                    { text: this.$t('VacationDays'), color: '#4834d4' },\n                    { text: this.$t('SickLeaves'), color: '#34495e'},\n                    { text: this.$t('ParentalLeaves'), color: '#3498db'},\n                    { text: this.$t('BusinessTrips'), color: '#e74c3c'},\n                    { text: this.$t('PlannedAbsence'), color: '#27ae60'},\n                ],\n            }\n        },\n        methods: {\n            updateAbsences() {\n                const thisIns = this;\n                this.$http.get('/api/v1/calendar/absences')\n                   .then(function (response) {\n                       thisIns.absencesRaw = response.data\n\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                this.showDate = this.$refs.calendar.getIncrementedPeriod(val);\n            },\n            typeToClass(val){\n                switch (val) {\n                    case 0: return \"event-absence\";\n                    case 1: return \"event-vacation\";\n                    case 2: return \"event-sick-leave\";\n                    case 3: return \"event-business-trip\";\n                    case 4: return \"event-parental-leave\";\n\n                }\n            },\n            openUser(date){\n                this.$router.push({ name: 'user', params: { id: \"\" + this.absencesRaw[date.id].user_id } })\n            }\n        },\n        computed: {\n            windowWidth() {\n                return this.$store.state.windowWidth\n            },\n            calendarEvents() {\n\n                let events = [];\n\n                if(this.absencesRaw) {\n\n                    for(let x = 0; x < this.absencesRaw.length; x++) {\n                        events.push({\n                            id: x,\n                            startDate: this.moment(this.absencesRaw[x].start).format(\"YYYY-MM-DD\"),\n                            endDate: this.moment(this.absencesRaw[x].end).format(\"YYYY-MM-DD\"),\n                            title: this.absencesRaw[x].user,\n                            classes: this.typeToClass(this.absencesRaw[x].type),\n                        });\n                    }\n\n                }\n\n                return events\n            },\n        },\n        created() {\n            this.updateAbsences();\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!./AbsenceCalendar.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!./AbsenceCalendar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AbsenceCalendar.vue?vue&type=template&id=b8b439f2\"\nimport script from \"./AbsenceCalendar.vue?vue&type=script&lang=js\"\nexport * from \"./AbsenceCalendar.vue?vue&type=script&lang=js\"\nimport style0 from \"./AbsenceCalendar.vue?vue&type=style&index=0&id=b8b439f2&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"],"sourceRoot":""}