{"version":3,"sources":["webpack:///./src/components/employeecontext/employeedetail/EmployeeDetailAvailabilities.vue?f9a6","webpack:///src/components/employeecontext/employeedetail/EmployeeDetailAvailabilities.vue","webpack:///./src/components/employeecontext/employeedetail/EmployeeDetailAvailabilities.vue?f2d0","webpack:///./src/components/employeecontext/employeedetail/EmployeeDetailAvailabilities.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","dataTableState","staticRenderFns","component"],"mappings":"yHAAA,I,EAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,gBAAgB,CAACE,MAAM,CAAC,MAAQN,EAAIO,mBAAmB,IAChKC,EAAkB,G,uuBCctB,UACA,oCACA,YACA,gBACA,uBACA,sBAEA,OACA,cAEA,gBACA,OACA,gBAGA,gBACA,sFACA,6CACA,KAIA,OAHA,gBACA,yGAEA,GAEA,wCACA,SAMA,OALA,2CACA,+DACA,aAGA,GAGA,oDACA,KAMA,OALA,iDACA,wDACA,kDACA,yBAEA,GAGA,0BACA,WACA,KACA,6CACA,SACA,QACA,MACA,aACA,6BAEA,yCACA,oCA6BA,OA3BA,oCACA,6BACA,oCACA,+CACA,yFACA,gCACA,4BACA,mCACA,4CACA,8FACA,8BACA,0BACA,iCACA,0CACA,0FACA,2CACA,gCACA,uCACA,gDACA,8FAEA,+HACA,mFACA,uFAEA,qCAEA,KAGA,OACA,OACA,aACA,sBACA,4BACA,yBACA,eACA,kBAKA,sBACA,kBAEA,YACA,8CAGA,8BAIA,8BACA,gCACA,cACA,CACA,8BACA,OACA,6BACA,uGACA,sEACA,wGAGA,oCACA,WACA,kDACA,mDAEA,KACA,0GACA,mBACA,mBACA,aACA,aAGA,OAEA,iGACA,6FACA,aACA,4GACA,WACA,kBACA,SACA,QACA,kBACA,eACA,iBACA,gBACA,+BAEA,cACA,6BACA,iDACA,iBAEA,wEACA,iCACA,iCACA,iCACA,iCACA,iCACA,iCACA,kCACA,wBAEA,6CACA,6EACA,kDAGA,yBACA,2BACA,gBACA,mBACA,gBACA,UACA,YACA,YACA,wBACA,gFAEA,OAKA,2BACA,kCAGA,4BACA,qBACA,YACA,eAGA,wCAEA,WAEA,sDACA,oDAEA,KACA,KACA,0GACA,mBACA,mBACA,aACA,UACA,gBACA,QAMA,OAEA,iGACA,6FACA,aACA,mEACA,2CACA,4GACA,WACA,kBACA,SACA,QACA,kBACA,iBACA,eACA,+BAEA,cACA,6BACA,iDACA,iBAEA,wEACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,sDACA,wBAEA,6CACA,oFACA,kDAGA,yBACA,2BACA,gBACA,mBACA,gBACA,UACA,YACA,YACA,wBACA,gFAEA,OAKA,2BACA,kCAGA,8BACA,qBACA,YACA,eAGA,uCACA,WACA,kCACA,mGACA,2DACA,8BACA,0BACA,gBACA,sBACA,oBAGA,UADA,IAEA,GACA,QACA,cACA,YACA,QACA,gBACA,kBACA,aACA,oBACA,8EAIA,oCAEA,YACA,aACA,SACA,+CAEA,MACA,SACA,kBAEA,qDACA,uDACA,mBACA,6BACA,mBAGA,uCACA,WACA,kCACA,GACA,sBAGA,yBACA,uBAEA,GACA,qBACA,4BACA,cACA,OACA,KACA,SACA,kBACA,aACA,oBACA,aAGA,YACA,cACA,SACA,SACA,+CAEA,MACA,SACA,kBACA,uFACA,kEACA,mBACA,uFACA,mBAGA,mCAGA,IAFA,8CACA,KACA,mBACA,eACA,WAEA,UAEA,yCACA,WACA,kCACA,GACA,qBACA,SAIA,YACA,gBACA,SACA,SACA,+CAEA,QACA,kBACA,iGACA,mEACA,mBACA,+FACA,qBAUA,GCnamY,I,YCO/XC,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0cefe0.efa04bcf.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('datatableslim',{attrs:{\"state\":_vm.dataTableState}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div>\n    <datatableslim :state=\"dataTableState\"/>\n    \n    \n</div>\n</template>\n\n<script>\n\n\nimport datafill from '../../uicomponents/datafill.vue';\nimport datatable from '../../uicomponents/datatable.vue';\nimport datatableslim from '../../uicomponents/datatableslim.vue';\nimport { mapState, mapGetters } from 'vuex';\nexport default {\n    name: 'employeedetailavailabilities',\n    components: {\n           datafill,\n           datatable,\n           datatableslim\n    },\n    props:{\n            state: Object,\n    },\n    data() {\n        return {\n            employee: null,\n        }\n    },\n    computed: {\n        ...mapGetters(['storeId', 'employeeAvailabilityMap', 'uiDataMap', 'rosterFromTo']),\n        employeeAvailabilities(){\n            let result =  [];\n            if(this.employee){\n                result = Object.values(this.employeeAvailabilityMap).filter(i => i.employeeId == this.employee.id);\n            }\n            return result;\n        },\n        employeeAvailabilityStateMap() {\n            let map = {};\n            if(this.uiDataMap.employeeAvailabilityStates){\n                this.uiDataMap.employeeAvailabilityStates.forEach(state => {\n                    map[state.id] = state;\n                });\n            }\n            return map;\n        },\n        \n        employeeAvailabilityMomentMap() {\n            let map = {};\n            this.employeeAvailabilities.forEach(pref => {\n                let from = this.$helpers.getMomentFromStringUTC(pref.from, \"HH:mm\");\n                let to = this.$helpers.getMomentFromStringUTC(pref.to, \"HH:mm\");\n                map[pref.id] = {from: from, to: to};\n            })\n            return map;\n        },\n        \n        dataTableState(){\n            let view = this;\n            let state = {};\n            state = this.$helpers.GetDataTableStateFromObject({\n                state: '',\n                from: '',\n                to: '',\n                weekdays: '',\n            }, this.employeeAvailabilities);\n            \n            const momentMap = this.employeeAvailabilityMomentMap;\n            const stateMap = this.employeeAvailabilityStateMap;\n\n            state.headerMap['state'].label = \"Status\";\n            state.headerMap['state'].sort = true;\n            state.headerMap['state'].align = 'center';\n            state.headerMap['state'].alignHeaderLabel = 'center';\n            state.headerMap['state'].DisplayLabel = (i) => {return stateMap[i.state] ? stateMap[i.state].label_de : '-'};\n            state.headerMap['from'].label = 'Von';\n            state.headerMap['from'].sort = true;\n            state.headerMap['from'].align = 'center';\n            state.headerMap['from'].alignHeaderLabel = 'left';\n            state.headerMap['from'].DisplayLabel = (i) => {return momentMap[i.id] ? momentMap[i.id].from.format('HH:mm') : '-'};\n            state.headerMap['to'].label = 'Bis';\n            state.headerMap['to'].sort = true;\n            state.headerMap['to'].align = 'center';\n            state.headerMap['to'].alignHeaderLabel = 'left';\n            state.headerMap['to'].DisplayLabel = (i) => {return momentMap[i.id] ? momentMap[i.id].to.format('HH:mm') : '-'};\n            state.headerMap['weekdays'].label = 'Wochentage';\n            state.headerMap['weekdays'].sort = true;\n            state.headerMap['weekdays'].align = 'center';\n            state.headerMap['weekdays'].alignHeaderLabel = 'left';\n            state.headerMap['weekdays'].DisplayLabel = (i) => {return view.dayNumsToDisplayString(i.weekDays);};\n           \n            state.headerMap['actions'] = {align: 'center', button: {icon: 'fas fa-plus', action: ($event, header) => {view.AddEmployeeAvailability($event)}},buttons:[\n                    {icon: 'fas fa-edit', action: ($event, data) => view.openEditAvailabilityPopup($event, data)}, \n                    {icon: 'fas fa-trash', action: ($event, data) => view.DeleteEmployeeAvailability($event, data)},\n                ]};\n            state.headerMap['actions'].width = '100px';\n                \n            return state;\n        },\n    },\n    watch: {\n        state: {\n                immediate: true,\n                handler(newVal, oldVal){\n                    if(newVal != null && newVal.employee != null){\n                        this.employee = newVal.employee;\n                        if(this.employee){\n                            this.Refresh();\n                        } \n                    }\n                }\n        },\n        storeId(newVal, oldVal) {\n            this.Refresh();\n        },\n    },\n    props: { state: Object },\n    created() {\n        \n    },\n    mounted(){\n       \n        \n    },\n    updated() {},\n    destroyed() {},\n    methods: {\n        Refresh() {\n            let view = this;\n            this.$helpers.GetUiDataMap()\n            .then((result) => {console.log(\"uiDataMap refreshed\"); return view.$helpers.GetEmployeeAvailabilityMap();})\n            .then((result) => {console.log(\"employeeAvailabilityMap refreshed\");})\n            .catch((error) => {console.log(error); this.$helpers.error(\"Laden der Mitarbeiter Skills fehlgeschlagen\", error)});\n        },\n        \n        AddEmployeeAvailability($event){\n            let view = this;\n            let from = this.$helpers.getMomentTZ().hours(8).minutes(0);\n            let to = this.$helpers.getMomentTZ().hours(16).minutes(0);\n\n            let avStates = [];\n            this.uiDataMap.employeeAvailabilityStates.filter(s => s.selectable).forEach(s => {\n                s.label_en = s.label;\n                s.label = s.label_de;\n                s.value = s.id;\n                avStates.push(s);\n            });\n\n            let dataEntries = [\n                /* {label: 'Group Id', key: 'groupId', hidden: true, type: '', value: shiftTemplateGroup.id}, */\n                {label: 'von', key: 'from', hidden: false, type: 'timeframe', value: from, flexGroup: true, timeBig: true, startTime: true},\n                {label: 'bis', key: 'to', hidden: false, type: 'timeframe', value: to, flexGroup: true, timeBig: true, endTime: true},\n                {divider: true},\n                {key: 'state', hidden: false, type: 'dropdownsearch', value: null, selectMultiple: false, flexGroup: true, dropdownSearchState:{\n                    toggled: false,\n                    displayedItems: [],\n                    input: '',\n                    items: avStates,\n                    selectMultiple: false,\n                    selectFirst: true,\n                    selectedItems: [],\n                    selectedItem: {},\n                    onceSelected: function ($event, item, searchbar){\n                    },\n                    styleLight: true,\n                    placeholder: 'Typ auswählen',\n                }, styles: {width: '342px', margin: '8px 0px 0px 0px'}},\n                {flexDivider: true},\n                \n                {key: 'weekDays', hidden: false, flexGroup: true, type: 'togglelist', toggleEntries: [\n                        {label:'Mo', value: 1, selected: false},\n                        {label:'Di', value: 2, selected: false},\n                        {label:'Mi', value: 3, selected: false},\n                        {label:'Do', value: 4, selected: false},\n                        {label:'Fr', value: 5, selected: false},\n                        {label:'Sa', value: 6, selected: false},\n                        {label:'So', value: 7, selected: false},\n                    ], styles: {width: '342px'}\n                },\n                {divider: true, styles: {'margin-bottom': '23px'}},\n                {label: 'Kommentar: ', key: 'comment', hidden: false, type: 'text', value: '', length: 20},\n                {flexDivider: true, styles: {'margin-bottom': '23px'}},\n            ];\n\n            this.$helpers.OpenPopup({\n                elRelative: $event.currentTarget,\n                type: 'datafill',\n                pointerDirection: 0,\n                componentState: {\n                    entries: dataEntries,\n                    errorCheck: [\n                        (entries) => {\n                            if(entries['state'] == null){\n                                return {key: 'state', type: 'error', label: \"Fehler\", text: 'Bitte wählen Sie einen Typ aus'}\n                            } else {\n                                return null\n                            } \n                        },\n                                    \n                    ],\n                    selectCallback: function (av) {\n                        view.createEmployeeAvailability(av);\n                    }\n                },\n                header: 'Neue Verfügbarkeit',\n                remainAfterSelect: false,\n                expanded: true,\n                centered: true,\n            });\n        },\n        openEditAvailabilityPopup($event, a){\n            \n            let view = this;\n            \n            let from = this.$helpers.getMomentFromStringTZ(a.from, 'HH:mm');\n            let to = this.$helpers.getMomentFromStringTZ(a.to, 'HH:mm');\n\n            let avStates = [];\n            let selectedAvState = {};\n            this.uiDataMap.employeeAvailabilityStates.filter(s => s.selectable).forEach(s => {\n                s.label_en = s.label;\n                s.label = s.label_de;\n                s.value = s.id;\n                avStates.push(s);\n                if(s.id == a.state){\n                    selectedAvState = s;\n                }\n            });\n\n\n\n            let dataEntries = [\n                \n                {label: 'von', key: 'from', hidden: false, type: 'timeframe', value: from, flexGroup: true, timeBig: true, startTime: true},\n                {label: 'bis', key: 'to', hidden: false, type: 'timeframe', value: to, flexGroup: true, timeBig: true, endTime: true},\n                {divider: true},\n                {label: 'employeeId', key: 'employeeId', hidden: true, value: a.employeeId},\n                {label: 'id', key: 'id', hidden: true, value: a.id},\n                {key: 'state', hidden: false, type: 'dropdownsearch', value: null, selectMultiple: false, flexGroup: true, dropdownSearchState:{\n                    toggled: false,\n                    displayedItems: [],\n                    input: '',\n                    items: avStates,\n                    selectMultiple: false,\n                    selectedItems: [],\n                    selectedItem: selectedAvState,\n                    onceSelected: function ($event, item, searchbar){\n                    },\n                    styleLight: true,\n                    placeholder: 'Typ auswählen',\n                }, styles: {width: '342px', margin: '8px 0px 0px 0px'}},\n                {flexDivider: true},\n                \n                {key: 'weekDays', hidden: false, flexGroup: true, type: 'togglelist', toggleEntries: [\n                        {label:'Mo', value: 1, selected: a.weekDays.includes(1)},\n                        {label:'Di', value: 2, selected: a.weekDays.includes(2)},\n                        {label:'Mi', value: 3, selected: a.weekDays.includes(3)},\n                        {label:'Do', value: 4, selected: a.weekDays.includes(4)},\n                        {label:'Fr', value: 5, selected: a.weekDays.includes(5)},\n                        {label:'Sa', value: 6, selected: a.weekDays.includes(6)},\n                        {label:'So', value: 7, selected: a.weekDays.includes(7)},\n                    ], styles: {width: '342px'}\n                },\n                {divider: true, styles: {'margin-bottom': '23px'}},\n                {label: 'Kommentar: ', key: 'comment', hidden: false, type: 'text', value: a.comment, length: 20},\n                {flexDivider: true, styles: {'margin-bottom': '23px'}},\n            ];\n\n            this.$helpers.OpenPopup({\n                elRelative: $event.currentTarget,\n                type: 'datafill',\n                pointerDirection: 0,\n                componentState: {\n                    entries: dataEntries,\n                    errorCheck: [\n                        (entries) => {\n                            if(entries['state'] == null){\n                                return {key: 'state', type: 'error', label: \"Fehler\", text: 'Bitte wählen Sie einen Typ aus'}\n                            } else {\n                                return null\n                            } \n                        },\n                                    \n                    ],\n                    selectCallback: function (av) {\n                        view.updateEmployeeAvailability(av);\n                    }\n                },\n                header: 'Verfügbarkeit ändern',\n                remainAfterSelect: false,\n                expanded: true,\n                centered: true,\n            });\n        },\n        updateEmployeeAvailability(av){\n            let view = this;\n            let url = '/api/sec/employeeavailability';\n            url = this.$helpers.appendParam(\"storeId\", this.$store.state.storeId, url, '/api/sec/employeeavailability');\n            let availability = Object.assign({},this.employeeAvailabilityMap[av.id]);\n            availability.from = av.from.format('HH:mm');\n            availability.to = av.to.format('HH:mm');\n            availability.state = av.state;\n            availability.weekDays = av.weekDays;\n            availability.comment = av.comment;\n            \n            var factor = 1;\n            let comment = av.comment;\n            var payload = {\n                id: availability.id,\n                'state': availability.state,\n                'from': availability.from,\n                'to': availability.to,\n                'factor': availability.factor,\n                'comment': availability.comment,\n                'exclusive': true,\n                'weekDays': availability.weekDays,\n                updateFields: ['state', 'from', 'to', 'factor', 'comment', 'exclusive', 'weekDays']\n            };\n            \n            \n            payload.storeId = this.$store.state.storeId;\n            \n            this.axios({\n                method: 'put',\n                headers: {\n                    'AUTHORIZATION': \"bearer \"+this.$store.state.jwt\n                },\n                url: url,\n                data: payload\n            }).then(response => {\n                \n                view.$store.commit('setEmployeeAvailabilityMapEntry', availability);\n                view.$helpers.success('Verfügbarkeit aktualisiert','');\n            }).catch(function (error) {\n                view.$helpers.error('Fehler',error);\n                console.log(error)\n            })\n        },\n        createEmployeeAvailability(av){\n            let view = this;\n            let url = '/api/sec/employeeavailability';\n            let params = {\n                storeId: this.storeId\n            }\n            \n            let from = av.from.format('HH:mm');\n            let to = av.to.format('HH:mm');\n            \n            let payload = {\n                storeId: this.storeId,\n                employeeId: this.employee.id,\n                state: av.state,\n                from: from,\n                to: to,\n                factor: 1,\n                comment: av.comment,\n                exclusive: true,\n                weekDays: av.weekDays,\n                spotId: null\n            };\n\n            this.axios({\n                method: 'post',\n                params: params,\n                headers: {\n                    'AUTHORIZATION': \"bearer \"+this.$store.state.jwt\n                },\n                url: url,\n                data: payload\n            }).then(response => {\n                view.$helpers.success('Erstellen erfolgreich', 'Verfügbarkeit wurde erfolgreich erstellt');\n                view.$store.commit(\"setEmployeeAvailabilityMapEntry\", response.data.data);\n            }).catch(function (error) {\n                view.$helpers.error('Erstellen fehlgeschlagen', 'Fehler beim Erstellen der Verfügbarkeit');\n                console.log(error)\n            })\n        },\n        dayNumsToDisplayString(nums){\n            var days = ['','MO','DI','MI','DO','FR','SA','SO'];\n            var str = \"\";\n            for(var i = 0; i < nums.length; i++){\n                if(i > 0) str += \", \";\n                str += days[nums[i]];\n            }\n            return str;\n        },\n        DeleteEmployeeAvailability: function($event, employeeAvailability){\n            let view = this;\n            let url = '/api/sec/employeeavailability';\n            let params = {\n                storeId: this.storeId,\n                id: employeeAvailability.id\n            }\n\n\n            this.axios({\n                method: 'delete',\n                params: params,\n                headers: {\n                    'AUTHORIZATION': \"bearer \"+this.$store.state.jwt\n                },\n                url: url\n            }).then(response => {\n                view.$helpers.success('Löschen erfolgreich', 'Mitarbeiter Verfügbarkeit wurde erfolgreich gelöscht')\n                view.$store.commit(\"deleteEmployeeAvailabilityMapEntry\", {id: employeeAvailability.id});\n            }).catch(function (error) {\n                view.$helpers.error('Löschen fehlgeschlagen', 'Fehler beim Löschen der Mitarbeiter Verfügbarkeit')\n                console.log(error)\n            })\n\n        },\n        \n  \n    \n        \n    \n        \n    }\n}\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!./EmployeeDetailAvailabilities.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!./EmployeeDetailAvailabilities.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EmployeeDetailAvailabilities.vue?vue&type=template&id=610f9b13\"\nimport script from \"./EmployeeDetailAvailabilities.vue?vue&type=script&lang=js\"\nexport * from \"./EmployeeDetailAvailabilities.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":""}