{"version":3,"sources":["webpack:///./src/components/employeecontext/employeedetail/EmployeeDetailPreferences.vue?e461","webpack:///src/components/employeecontext/employeedetail/EmployeeDetailPreferences.vue","webpack:///./src/components/employeecontext/employeedetail/EmployeeDetailPreferences.vue?91d0","webpack:///./src/components/employeecontext/employeedetail/EmployeeDetailPreferences.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,iCACA,YACA,gBACA,uBACA,sBAEA,OACA,cAEA,gBACA,OACA,gBAGA,gBACA,oFACA,0CACA,KAIA,OAHA,gBACA,uGAEA,GAEA,wCACA,SAOA,OANA,2CACA,+DACA,aAIA,GAEA,uCACA,SAOA,OANA,0CACA,8DACA,aAIA,GAEA,0CACA,SAOA,OANA,6CACA,iEACA,aAIA,GAEA,kDACA,KAMA,OALA,8CACA,+CACA,yCACA,yBAEA,GAGA,0BACA,WACA,KACA,6CACA,SACA,QACA,QACA,MACA,aACA,cACA,aAGA,0BAEA,uCACA,oCACA,mCA4CA,OA1CA,oCACA,6BACA,oCACA,+CACA,yFACA,gCACA,4BACA,mCACA,8CACA,oGACA,gCACA,4BACA,mCACA,4CACA,yGACA,8BACA,0BACA,iCACA,0CACA,qGACA,6CACA,iCACA,wCACA,mDACA,8IACA,6CACA,kCACA,yCACA,oDACA,8FACA,0CACA,gCACA,uCACA,kDACA,gFAEA,6HACA,wIACA,uHAEA,qCAEA,KAGA,OACA,OACA,aACA,sBACA,4BACA,yBACA,eACA,kBAKA,sBACA,kBAEA,YACA,8CAGA,8BAIA,8BACA,gCACA,cACA,CACA,8BACA,OACA,6BACA,qGACA,oEACA,wGAEA,yBACA,uFAEA,kCACA,IACA,kBAEA,4FAEA,yBACA,aACA,gBACA,iBACA,0BACA,YACA,eAGA,kDACA,OAEA,GACA,gBACA,YACA,sGACA,gGACA,SACA,2CACA,oBACA,cACA,WACA,QACA,OACA,cAGA,eACA,kBAGA,SACA,8GACA,4CACA,aAGA,uCACA,gCACA,mDAEA,gCACA,gDACA,uDAEA,gCACA,gDACA,uDAGA,2GACA,6FACA,4DAGA,GACA,mDACA,4EACA,gEACA,2HACA,gGACA,aACA,gHACA,6EACA,sEACA,kFACA,kFACA,iHACA,WACA,kBACA,SACA,QACA,kBACA,iBACA,eACA,+CACA,gBAEA,4GACA,WACA,kBACA,SACA,QACA,kBACA,iBACA,eACA,8CACA,gBAGA,kIACA,WACA,kBACA,SACA,QACA,kBACA,eACA,kBACA,uBACA,eAEA,yBACA,gEACA,2DAQA,OANA,YACA,aACA,aAEA,YAEA,IAIA,mIACA,WACA,kBACA,SACA,QACA,kBACA,eACA,kBACA,uBACA,eAEA,yBACA,gEACA,2DAQA,OANA,YACA,aACA,aAEA,YAEA,IAIA,mIACA,WACA,kBACA,SACA,QACA,kBACA,eACA,kBACA,uBACA,eAEA,yBACA,gEACA,2DACA,iEAQA,OANA,eACA,aACA,aAEA,YAEA,IAIA,iGACA,yBACA,gEACA,2DACA,iEAOA,OANA,kCAIA,aAHA,WACA,aAIA,IAGA,iGACA,yBACA,gEACA,2DACA,iEAOA,OANA,oDAIA,aAHA,WACA,aAIA,IAGA,0FACA,QACA,MACA,SACA,WACA,WACA,kBACA,OACA,yBACA,wCACA,wBACA,0CAEA,gBACA,qCACA,6CACA,8DAEA,yBACA,wEAkBA,OAhBA,iBACA,WACA,kBACA,sCAEA,iBACA,UACA,iBACA,qCAIA,WADA,EAKA,IAIA,6FACA,yBACA,gEACA,2DAUA,OATA,gDACA,WACA,cAEA,aACA,YAEA,aAEA,KAMA,QAEA,CACA,+IACA,+IACA,uIACA,oHAGA,6FACA,+FACA,oDACA,iHAEA,yGAbA,0EAgBA,kDACA,IACA,yBACA,MACA,uGACA,cACA,eACA,2CAEA,uDAIA,OAFA,eACA,oDACA,IAIA,8BACA,wBACA,OACA,UACA,YACA,YACA,mGAGA,KAFA,sHAKA,YACA,0DACA,uGAEA,MAGA,YACA,0DACA,uGAEA,MAGA,YACA,0DACA,uGAEA,MAGA,YACA,qDACA,4GAEA,MAGA,YACA,kDACA,0GAEA,OAIA,2BACA,+BACA,iCACA,+BAEA,2BACA,6BACA,2BAEA,oCAEA,mBAEA,UACA,sBACA,UACA,sBACA,YACA,8BAGA,mBACA,mBACA,YAEA,iCAMA,qCACA,WACA,gCACA,iGAEA,OACA,kCACA,aACA,aAEA,kBAEA,+CACA,2CACA,sCACA,2BAEA,kCACA,mBAEA,mCACA,qBAEA,gBACA,YACA,YACA,eACA,mBAEA,cACA,iCACA,oBACA,kBACA,oEAGA,eAEA,yBAEA,0BACA,sCACA,qCACA,0DACA,sBAGA,YACA,cACA,SACA,+CAEA,MACA,SACA,kBACA,kBAEA,+FACA,iGACA,mDAEA,wFACA,mBACA,yFAGA,+BACA,SASA,OARA,qEACA,cACA,mBACA,2CACA,cAIA,GAEA,kCACA,SASA,OARA,wEAEA,oBACA,2CACA,cAIA,GAEA,wCACA,WACA,wCACA,GACA,sBAEA,GACA,QACA,YAEA,yBACA,cAEA,YACA,aACA,SACA,SACA,+CAEA,MACA,SACA,kBACA,oFACA,oCACA,cACA,sDACA,mBACA,8EACA,mBAMA,uCACA,WACA,gCACA,GACA,qBACA,SAIA,YACA,gBACA,SACA,SACA,+CAEA,QACA,kBACA,+FACA,iEACA,mBACA,6FACA,qBAUA,GCpsBgY,I,YCO5XC,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0aed42.d89d4ab3.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: 'employeedetailpreferences',\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', 'employeePreferenceMap', 'uiDataMap', 'rosterFromTo']),\n        employeePreferences(){\n            let result =  [];\n            if(this.employee){\n                result = Object.values(this.employeePreferenceMap).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           \n            return map;\n        },\n        employeeAvailabilityTypeMap() {\n            let map = {};\n            if(this.uiDataMap.employeeAvailabilityTypes){\n                this.uiDataMap.employeeAvailabilityTypes.forEach(type => {\n                    map[type.id] = type;\n                });\n            }\n            \n            return map;\n        },\n        employeeAvailabilitySubtypeMap() {\n            let map = {};\n            if(this.uiDataMap.employeeAvailabilitySubtypes){\n                this.uiDataMap.employeeAvailabilitySubtypes.forEach(type => {\n                    map[type.id] = type;\n                });\n            }\n            \n            return map;\n        },\n        employeePreferenceMomentMap() {\n            let map = {};\n            this.employeePreferences.forEach(pref => {\n                let from = this.$helpers.getMomentFromStringTZ(pref.from);\n                let to = this.$helpers.getMomentFromStringTZ(pref.to);\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                type: '',\n                from: '',\n                to: '',\n                workValue: -1,\n                alwaysWork: false,\n                approved: false,\n               \n                \n            }, this.employeePreferences);\n\n            const momentMap = this.employeePreferenceMomentMap;\n            const stateMap = this.employeeAvailabilityStateMap;\n            const typeMap = this.employeeAvailabilityTypeMap;\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['type'].label = \"Typ\";\n            state.headerMap['type'].sort = true;\n            state.headerMap['type'].align = 'center';\n            state.headerMap['type'].alignHeaderLabel = 'center';\n            state.headerMap['type'].DisplayLabel = (i) => {return i.type != null ? (typeMap[i.type] ? typeMap[i.type].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('DD.MM.YYYY 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('DD.MM.YYYY HH:mm') : '-'};\n            state.headerMap['workValue'].label = \"Arbeitszeit\";\n            state.headerMap['workValue'].sort = false;\n            state.headerMap['workValue'].align = 'center';\n            state.headerMap['workValue'].alignHeaderLabel = 'center';\n            state.headerMap['workValue'].DisplayLabel = (i) => {return (view.hasWorkValue(i) ? (i.workValue > -1 ? (i.workValue/60).toFixed(2)+' h': 'Automatisch') : '-')};\n            state.headerMap['alwaysWork'].label = \"Arbeitstag\";\n            state.headerMap['alwaysWork'].sort = false;\n            state.headerMap['alwaysWork'].align = 'center';\n            state.headerMap['alwaysWork'].alignHeaderLabel = 'center';\n            state.headerMap['alwaysWork'].DisplayLabel = (i) => {return (i.alwaysWork ? 'Immer' : 'Automatisch')};\n            state.headerMap['approved'].label = \"Bestätigt\";\n            state.headerMap['approved'].sort = true;\n            state.headerMap['approved'].align = 'center';\n            state.headerMap['approved'].alignHeaderLabel = 'center';\n            state.headerMap['approved'].DisplayLabel = (i) => {return i.approved ? 'Ja' : 'Nein'};\n           \n            state.headerMap['actions'] = {align: 'center', button: {icon: 'fas fa-plus', action: ($event, header) => {view.AddEmployeePreference($event)}},buttons:[  \n                    {icon: 'fas fa-check', action: ($event, data) => !data.approved ? view.ApproveEmployeePreference($event, data) : null, Show: (data) => !data.approved},\n                    {icon: 'fas fa-trash', action: ($event, data) => view.DeleteEmployeePreference($event, data), Show: (data) => !data.locked},\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.GetEmployeePreferenceMap();})\n            .then((result) => {console.log(\"employeePreferenceMap refreshed\");})\n            .catch((error) => {console.log(error); this.$helpers.error(\"Laden der Mitarbeiter Skills fehlgeschlagen\", error)});\n        },\n        hasWorkValue(pref){\n            return (pref.state == 1 && (pref.type == 1 || pref.type == 2 || pref.type == 3 || pref.type == 6 || pref.type == 7 || pref.type == 8));\n        },\n        AddEmployeePreference($event){\n            var view = this;\n            var target = $event.currentTarget;\n\n            let state = this.GetPreferenceDatafillState({employeeId: this.employee.id, spotId: null, state: 1, type: 1});\n\n            this.$helpers.OpenPopup({\n                elRelative: target,\n                type: 'datafill',\n                componentState: state,\n                header: 'Neue Abwesenheit',\n                expanded: true,\n                centered: true,\n            });\n        },\n        GetPreferenceDatafillState(preference){\n            let view = this;\n\n            let preferenceTemplate = {\n                employeeId: null,\n                spotId: null,\n                from: preference.from ? preference.from : this.$helpers.convertDateStringTZ(this.$helpers.getMomentTZ().hours(0).minutes(0)),\n                to: preference.to? preference.to : this.$helpers.convertDateStringTZ(this.$helpers.getMomentTZ().hours(0).minutes(0)),\n                factor: 1,\n                workValue: preference.workValue != null ? preference.workValue : -1,\n                overrideContract: true,\n                alwaysWork: false,\n                comment: '',\n                state: 1,\n                type: 1,\n                subtype: null,\n            };\n\n            for(let x in preferenceTemplate){\n                if(!preference[x]) preference[x] = preferenceTemplate[x];\n            }\n\n            let stateItems = [];\n            Object.values(view.employeeAvailabilityStateMap).filter(s => s.selectable).forEach(function(state){\n                let option = {label: state.label_de, value: state.id, state: state};\n                stateItems.push(option);\n            });\n\n            let typeItems = this.GenerateTypeSelect(preference.state);\n            let subtypeItems_8 = this.GenerateSubtypeSelect(8);\n            let selectedSubtypeItem_8 = subtypeItems_8.find(i => i.value == preference.subtype);\n\n            let subtypeItems_2 = this.GenerateSubtypeSelect(2);\n            subtypeItems_2.sort((a, b) => b.value - a.value);\n            let selectedSubtypeItem_2 = subtypeItems_2.find(i => i.value == preference.subtype);\n\n                let subtypeItems_4 = this.GenerateSubtypeSelect(4);\n                subtypeItems_4.sort((a, b) => b.value - a.value);\n                let selectedSubtypeItem_4 = subtypeItems_4.find(i => i.value == preference.subtype);\n\n\n                let hideOptions = preference.state != 1 || !(preference.type == 1 || preference.type == 2 || preference.type == 3 || preference.type == 6 || preference.type == 7 || preference.type == 8 || (preference.type == 4 && preference.alwaysWork))\n                let hideOptions2 = preference.state != 1 || !(preference.type == 1 || preference.type == 2 || preference.type == 3 || preference.type == 6 || preference.type == 7 || preference.type == 8 || (preference.type == 4))\n                let hideOptions3 = preference.state != 1 || !(preference.type == 2 || preference.type == 7 || preference.type == 8 || (preference.type == 4))\n\n\n                var dataEntries = [\n                    {label: 'ID', key: 'id', hidden: true, type: '', value: preference.id},\n                    {label: 'Employee Id', key: 'employeeId', hidden: true, type: '', value: preference.employeeId},\n                    {label: 'Spot Id', key: 'spotId', hidden: true, type: '', value: preference.spotId},\n                    {label: 'von', key: 'from', hidden: false, type: 'timeframe', value: preference.from, flexGroup: true, timeBig: true, startTime: true, focusProceedKey: 'to'},\n                    {label: 'bis', key: 'to', hidden: false, type: 'timeframe', value: preference.to, flexGroup: true, timeBig: true, endTime: true,},\n                    {divider: true},\n                    {label: 'Von Tag', key: 'fromDate', hidden: false, type: 'date', value: preference.from, flexGroup: true, styles:{'margin-right' : '10px'}},\n                    {label: 'Bis Tag', key: 'toDate', hidden: false, type: 'date', value: preference.to, flexGroup: true},\n                    {label: 'Factor', key: 'factor', hidden: true, type: 'numeric', value: preference.factor},\n                    {label: 'Override Contract', key: 'overrideContract', hidden: true, type: 'bool', value: true},\n                    {label: 'Kommentar', key: 'comment', hidden: false, type: 'text', value: preference.comment, length: 20},\n                    {label: 'Status', key: 'state', hidden: false, type: 'dropdownsearch', value: preference.state, selectMultiple: false, dropdownSearchState:{\n                            toggled: false,\n                            displayedItems: [],\n                            input: '',\n                            items: stateItems,\n                            selectMultiple: false,\n                            selectedItems: [],\n                            selectFirst: true,\n                            selectIf: (item) => { return item.value === preference.state},\n                            styleLight: true,\n                        }},\n                    {label: 'Typ', key: 'type', hidden: false, type: 'dropdownsearch', value: preference.type, selectMultiple: false, dropdownSearchState:{\n                            toggled: false,\n                            displayedItems: [],\n                            input: '',\n                            items: typeItems,\n                            selectMultiple: false,\n                            selectedItems: [],\n                            selectFirst: true,\n                            selectIf: (item) => { return item.value === preference.type},\n                            styleLight: true,\n                        }\n                    },\n                    {label: 'Grund', key: 'subtype_8', hidden: preference.type != 8, type: 'dropdownsearch', value: selectedSubtypeItem_8 ? selectedSubtypeItem_8.value : null, selectMultiple: false, dropdownSearchState:{\n                            toggled: false,\n                            displayedItems: [],\n                            input: '',\n                            items: subtypeItems_8,\n                            selectMultiple: false,\n                            selectedItem: selectedSubtypeItem_8,\n                            selectedItems: [selectedSubtypeItem_8],\n                            selectFirst: preference.id == null,\n                            styleLight: true,\n                        },\n                        computed: (datafill, lastVal, entryBeforeUpdate) => {\n                            let state = datafill.entries.find(i => i.key == 'state').value;\n                            let type = datafill.entries.find(i => i.key == 'type').value;\n\n                            if(state != 1 || (type != 8)){\n                                entryBeforeUpdate.value = null;\n                                entryBeforeUpdate.hidden = true;\n                            } else {\n                               entryBeforeUpdate.hidden = false;\n                            }\n                            return entryBeforeUpdate;\n                        }\n\n                    },\n                    {label: 'Detail', key: 'subtype_2', hidden: preference.type != 2, type: 'dropdownsearch', value: selectedSubtypeItem_2 ? selectedSubtypeItem_2.value : null, selectMultiple: false, dropdownSearchState:{\n                            toggled: false,\n                            displayedItems: [],\n                            input: '',\n                            items: subtypeItems_2,\n                            selectMultiple: false,\n                            selectedItem: selectedSubtypeItem_2,\n                            selectedItems: [selectedSubtypeItem_2],\n                            selectFirst: preference.id == null,\n                            styleLight: true,\n                        },\n                        computed: (datafill, lastVal, entryBeforeUpdate) => {\n                            let state = datafill.entries.find(i => i.key == 'state').value;\n                            let type = datafill.entries.find(i => i.key == 'type').value;\n\n                            if(state != 1 || (type != 2)){\n                                entryBeforeUpdate.value = null;\n                                entryBeforeUpdate.hidden = true;\n                            } else {\n                               entryBeforeUpdate.hidden = false;\n                            }\n                            return entryBeforeUpdate;\n                        }\n\n                    },\n                    {label: 'Detail', key: 'subtype_4', hidden: preference.type != 4, type: 'dropdownsearch', value: selectedSubtypeItem_4 ? selectedSubtypeItem_4.value : null, selectMultiple: false, dropdownSearchState:{\n                            toggled: false,\n                            displayedItems: [],\n                            input: '',\n                            items: subtypeItems_4,\n                            selectMultiple: false,\n                            selectedItem: selectedSubtypeItem_4,\n                            selectedItems: [selectedSubtypeItem_4],\n                            selectFirst: preference.id == null,\n                            styleLight: true,\n                        },\n                        computed: (datafill, lastVal, entryBeforeUpdate) => {\n                            let state = datafill.entries.find(i => i.key == 'state').value;\n                            let type = datafill.entries.find(i => i.key == 'type').value;\n                            let alwaysWork = datafill.entries.find(i => i.key == 'alwaysWork').value;\n\n                            if(state != 1 || (type != 4) || alwaysWork){\n                                entryBeforeUpdate.value = null;\n                                entryBeforeUpdate.hidden = true;\n                            } else {\n                               entryBeforeUpdate.hidden = false;\n                            }\n                            return entryBeforeUpdate;\n                        }\n\n                    },\n                    {label: 'Feiertagsarbeitszeit', key: 'countsAsHoliday', hidden: hideOptions3, type: 'bool', value: preference.countsAsHoliday,\n                    computed: (datafill, lastVal, entryBeforeUpdate) => {\n                            let state = datafill.entries.find(i => i.key == 'state').value;\n                            let type = datafill.entries.find(i => i.key == 'type').value;\n                            let alwaysWork = datafill.entries.find(i => i.key == 'alwaysWork').value;\n                            if(state != 1 || !(type == 2 || type == 7 || type == 8 || (type == 4 && alwaysWork))){\n                                entryBeforeUpdate.value = false;\n                                entryBeforeUpdate.hidden = true;\n                            } else {\n                               entryBeforeUpdate.hidden = false;\n                            }\n                            return entryBeforeUpdate;\n                        }\n                    },\n                    {label: 'Automatische Arbeitszeit', key: 'autoWorkValue', hidden: hideOptions, type: 'bool', value: preference.workValue == -1,\n                    computed: (datafill, lastVal, entryBeforeUpdate) => {\n                            let state = datafill.entries.find(i => i.key == 'state').value;\n                            let type = datafill.entries.find(i => i.key == 'type').value;\n                            let alwaysWork = datafill.entries.find(i => i.key == 'alwaysWork').value;\n                            if(state != 1 || !(type == 1 || type == 2 || type == 3 || type == 6 || type == 7 || type == 8 || (type == 4 && alwaysWork))){\n                                entryBeforeUpdate.value = true;\n                                entryBeforeUpdate.hidden = true;\n                            } else {\n                               entryBeforeUpdate.hidden = false;\n                            }\n                            return entryBeforeUpdate;\n                        }\n                    },\n                    {label: 'Arbeitszeit', key: 'workValue', hidden: preference.state != 1 || preference.workValue == -1, value: preference.workValue,\n                        slider: {\n                            min: 0,\n                            max: 24*60,\n                            hideMin: true,\n                            hideMax: true,\n                            value: preference.workValue,\n                            step: 1,\n                            DisplayLabel: (val) => {\n                                let hours = this.$helpers.pad2(Math.floor(val / 60));\n                                let minutes = this.$helpers.pad2(val % 60);\n                                return hours + ':' + minutes +\"/\"+(val/60).toFixed(2)+\"h\";\n                            },\n                            inputControl: true,\n                            sliderInput: (x) => {return x * 60},\n                            labelToInt: (x) => {return x.slice(0, -1)},\n                            shorterDisplayLabel: (x) => {return (x / 60.0).toFixed(2)+'h'},\n                        },\n                        computed: (datafill, lastVal, entryBeforeUpdate) => {\n                                let autoWorkValue = datafill.entries.find(i => i.key == 'autoWorkValue').value;\n\n                                if(autoWorkValue && entryBeforeUpdate.value != -1){\n                                    entryBeforeUpdate.value = -1;\n                                    entryBeforeUpdate.slider.value = -1;\n                                    entryBeforeUpdate.slider = Object.assign({}, entryBeforeUpdate.slider);\n                                }\n                                if(!autoWorkValue && entryBeforeUpdate.value <= -1){\n                                    entryBeforeUpdate.value = 0;\n                                    entryBeforeUpdate.slider.value = 0;\n                                    entryBeforeUpdate.slider = Object.assign({}, entryBeforeUpdate.slider);\n                                }\n\n                                if(autoWorkValue){\n                                    entryBeforeUpdate.hidden = true;\n                                } else {\n                                    entryBeforeUpdate.hidden = false;\n                                }\n                                return entryBeforeUpdate;\n                        }\n\n                    },\n                    {label: 'Zählt immer als Arbeitstag', key: 'alwaysWork', hidden: hideOptions2, type: 'bool', value: preference.alwaysWork,\n                        computed: (datafill, lastVal, entryBeforeUpdate) => {\n                            let state = datafill.entries.find(i => i.key == 'state').value;\n                            let type = datafill.entries.find(i => i.key == 'type').value;\n                            if(state != 1 || !(type == 1 || type == 2 || type == 3 || type == 4 || type == 6 || type == 7 || type == 8)){\n                                entryBeforeUpdate.value = false;\n                                entryBeforeUpdate.hidden = true;\n                            } else {\n                                if(type == 8 || type == 3){\n                                    entryBeforeUpdate.value = true;\n                                }\n                                entryBeforeUpdate.hidden = false;\n                            }\n                            return entryBeforeUpdate;\n\n                        }\n                    },\n                ];\n\n                if(!preference.id){\n                    dataEntries.push({label: 'Bestätigt', key: 'approved', hidden: false, type: 'bool', value: true});\n                } else {\n                    let createdText = preference.createdByName ? preference.createdByName+\" am \"+(preference.createdAt ? this.$helpers.getMomentFromStringTZ(preference.createdAt).format(\"DD.MM.YYYY HH:mm\") : '-') : \"-\";\n                    let approvedText = preference.approvedByName ? preference.approvedByName+\" am \"+(preference.approvedAt ? this.$helpers.getMomentFromStringTZ(preference.approvedAt).format(\"DD.MM.YYYY HH:mm\") : '-') : \"-\"\n                    let editedText = preference.editedByName ? preference.editedByName+\" am \"+(preference.editedAt ? this.$helpers.getMomentFromStringTZ(preference.editedAt).format(\"DD.MM.YYYY HH:mm\") : '-') : \"-\"\n                    let approvedByEmployeeAtText = (preference.approvedByEmployeeAt ? this.$helpers.getMomentFromStringTZ(preference.approvedByEmployeeAt).format(\"DD.MM.YYYY HH:mm\") : '-');\n\n\n                    dataEntries.push({label: 'Erstellt von', key: 'createdByName', hidden: false, type: 'text', value: createdText, disabled: true});\n                    dataEntries.push({label: 'Bestätigt von', key: 'approvedByName', hidden: false, type: 'text', value: approvedText, disabled: true});\n                    if(this.storeSettings.empApprovablePrefTypes.length > 0){\n                        dataEntries.push({label: 'Bestätigt von Mitarbeiter', key: 'approvedByEmployeeAt', hidden: false, type: 'text', value: approvedByEmployeeAtText, disabled: true});\n                    }\n                    dataEntries.push({label: 'Zuletzt geändert von', key: 'editedByName', hidden: false, type: 'text', value: editedText, disabled: true});\n                }\n\n                let type = dataEntries.find(e => e.key === 'type');\n                if(type){\n                    type.computed = (datafill, lastVal) => {\n                        let entry =\n                            {label: 'Typ', key: 'type', hidden: false, type: 'dropdownsearch', value: lastVal, selectMultiple: false, dropdownSearchState:{\n                                    styleLight: true,\n                                    selectFirst: true,\n                                    selectIf: (i) => { return i.value === lastVal},\n                                }};\n                        let state = datafill.entries.find(e => e.key === 'state');\n\n                        if(state) state = state.value;\n                        entry.dropdownSearchState.items = view.GenerateTypeSelect(state);\n                        return entry;\n                    }\n                }\n\n                let startOfMonth = this.currentMonthFromTZ;\n                let startOfNextMonth = this.currentMonthToTZ;\n                return {\n                    entries: dataEntries,\n                    errorCheck: [\n                                    (entries) => {\n                                        if(entries['type'] == 4 && entries['state'] == 1 && entries['alwaysWork'] == true && (entries['comment'] == null || entries['comment'].length == 0)){\n                                            return {key: 'comment', type: 'error', label: \"Kommentar\", text: 'Bitte geben Sie ein Kommentar an für den Grund der Abwesenheit'}\n                                        } else {\n                                            return null\n                                        }\n                                    },\n                                    (entries) => {\n                                        if(entries['type'] == 8  && entries['state'] == 1 && entries['subtype_8'] === null){\n                                            return {key: 'subtype', type: 'error', label: \"Grund\", text: 'Bitte wählen Sie einen Grund für die Abwesenheit aus'}\n                                        } else {\n                                            return null\n                                        }\n                                    },\n                                    (entries) => {\n                                        if(entries['type'] == 4 && entries['state'] == 1 && entries['subtype_4'] === null){\n                                            return {key: 'subtype', type: 'error', label: \"Grund\", text: 'Bitte wählen Sie einen Grund für die Abwesenheit aus'}\n                                        } else {\n                                            return null\n                                        }\n                                    },\n                                    (entries) => {\n                                        if(entries['type'] == 2 && entries['state'] == 1 && entries['subtype_2'] === null){\n                                            return {key: 'subtype', type: 'error', label: \"Grund\", text: 'Bitte wählen Sie einen Grund für die Abwesenheit aus'}\n                                        } else {\n                                            return null\n                                        }\n                                    },\n                                    (entries) => {\n                                        if(entries.hasOwnProperty('fromDate') && entries['fromDate'] < startOfMonth){\n                                            return {key: 'fromDate', type: 'error', label: \"Von Tag\", text: 'Datum kann nicht außerhalb des aktuellen Monats liegen'}\n                                        } else {\n                                            return null\n                                        }\n                                    },\n                                    (entries) => {\n                                        if(entries.hasOwnProperty('toDate') && entries['toDate'] >= startOfNextMonth){\n                                            return {key: 'toDate', type: 'error', label: \"Bis Tag\", text: 'Datum kann nicht außerhalb des aktuellen Monats liegen'}\n                                        } else {\n                                            return null\n                                        }\n                                    },\n                                ],\n                    selectCallback: function (preference) {\n                        preference.from.year(preference.fromDate.year());\n                        preference.from.month(preference.fromDate.month());\n                        preference.from.date(preference.fromDate.date());\n\n                        preference.to.year(preference.toDate.year());\n                        preference.to.month(preference.toDate.month());\n                        preference.to.date(preference.toDate.date());\n\n                        if(preference.to.hours() == 0 && preference.to.minutes() == 0){\n                            //add 1 day because brainlets don't understand what an exclusive time range is\n                            preference.to.add(1,'days');\n                        }\n                        if(preference.type == 8){\n                            preference.subtype = preference.subtype_8;\n                        } else if (preference.type == 4){\n                            preference.subtype = preference.subtype_4;\n                        } else if (preference.type == 2){\n                            preference.subtype = preference.subtype_2;\n                        }\n\n                        delete preference.subtype_8;\n                        delete preference.subtype_4;\n                        delete preference.subtype_2;\n\n                        view.createEmployeePreference(preference);\n                        \n\n                    }\n                };\n        },\n        createEmployeePreference: function(preference){\n            let view = this;\n            let url = '/api/sec/employeepreference';\n            url = this.$helpers.appendParam(\"storeId\", this.$store.state.storeId, url, '/api/sec/employeepreference');\n\n            let payload = {\n                storeId: this.$store.state.storeId,\n                exclusive: true,\n                approved: true,\n            };\n            payload.factor = preference.factor;\n                \n            payload.from = this.$helpers.convertDateString(preference.from);\n            payload.to = this.$helpers.convertDateString(preference.to);\n            if(!this.$helpers.isBlank(preference.employeeId)){\n                payload.employeeId = preference.employeeId\n            }\n            if(!this.$helpers.isBlank(preference.spotId)){\n                payload.spotId = preference.spotId\n            }\n            if(!this.$helpers.isBlank(preference.comment)){\n                payload.comment = preference.comment\n            }\n            payload.state = preference.state;\n            if(payload.state != 1){\n                payload.type = null;\n                payload.subtype = null;\n                payload.workValue = null;\n            } else {\n                payload.type = preference.type;\n                if(payload.type == 8 || payload.type == 4 || payload.type == 2){\n                    payload.subtype = preference.subtype;\n                    if(payload.comment == null){\n                        payload.comment = this.employeeAvailabilitySubtypeMap[payload.subtype].label_de;\n                    }\n                } else {\n                    payload.subtype = null;\n                }\n                payload.workValue = preference.workValue;\n            }\n            payload.alwaysWork = preference.alwaysWork;\n            payload.overrideContract = preference.overrideContract;\n            payload.countsAsHoliday = preference.countsAsHoliday;\n            if(!(payload.type == 4 || payload.type == 2 || payload.type == 7 || payload.type == 8) || payload.state != 1){\n                payload.countsAsHoliday = false;\n            }\n\n            this.axios({\n                method: 'post',\n                headers: {\n                    'AUTHORIZATION': \"bearer \"+this.$store.state.jwt\n                },\n                url: url,\n                data: payload\n            }).then(response => {\n                let preference = response.data.data;\n                \n                if(view.$helpers.getMomentFromStringTZ(preference.from) <= view.$helpers.getMomentFromStringTZ(view.rosterFromTo.to)\n                    && view.$helpers.getMomentFromStringTZ(preference.from) >= view.$helpers.getMomentFromStringTZ(view.rosterFromTo.from)){\n                    view.$store.commit(\"setEmployeePreferenceMapEntry\", preference);\n                }\n                view.$helpers.success('Erstellen erfolgreich', 'Abwesenheit wurde erfolgreich erstellt');\n            }).catch(function (error) {\n                view.$helpers.error('Erstellen fehlgeschlagen', 'Fehler beim Erstellen der Abwesenheit');\n            })\n        },\n        GenerateTypeSelect(stateId){\n            let typeItems = [];\n            Object.values(this.employeeAvailabilityTypeMap).forEach(type =>{\n                if(type.id != 5){\n                    if(!stateId || type.id == 4 || stateId == 1) {\n                        let option = {label: type.label_de, value: type.id, type: type};\n                        typeItems.push(option);\n                    }\n                }\n            });\n            return typeItems;\n        },\n        GenerateSubtypeSelect(parentType){\n            let typeItems = [];\n            Object.values(this.employeeAvailabilitySubtypeMap).forEach(type =>{\n\n                if(type.parentType == parentType) {\n                    let option = {label: type.label_de, value: type.id, type: type};\n                    typeItems.push(option);\n                }\n\n            });\n            return typeItems;\n        },\n        ApproveEmployeePreference($event, employeePreference){\n            let view = this;\n            let url = '/api/sec/employeepreference/approve';\n            let params = {\n                storeId: this.storeId\n            }\n            let data = {\n                id: employeePreference.id,\n                certain: false,\n            }\n            if(employeePreference.state == 1 || employeePreference.state == 2){\n                data.certain = true;\n            }\n            this.axios({\n                method: 'put',\n                params: params,\n                headers: {\n                    'AUTHORIZATION': \"bearer \"+this.$store.state.jwt\n                },\n                url: url,\n                data: data\n            }).then(response => {\n                view.$helpers.success('Erfolg', 'Mitarbeiter Abwesenheit wurde erfolgreich angenommen')\n                let ep = view.employeePreferenceMap[employeePreference.id];\n                ep.approved = true;\n                view.$store.commit(\"setEmployeePreferenceMapEntry\", ep);\n            }).catch(function (error) {\n                view.$helpers.error('Fehler', 'Fehler beim Annehmen der Mitarbeiter Abwesenheit')\n                console.log(error)\n            })\n            \n        },\n        \n        \n        DeleteEmployeePreference: function($event, employeePreference){\n            let view = this;\n            let url = '/api/sec/employeepreference';\n            let params = {\n                storeId: this.storeId,\n                id: employeePreference.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 Abwesenheit wurde erfolgreich gelöscht')\n                view.$store.commit(\"deleteEmployeePreferenceMapEntry\", {id: employeePreference.id});\n            }).catch(function (error) {\n                view.$helpers.error('Löschen fehlgeschlagen', 'Fehler beim Löschen der Mitarbeiter Abwesenheit')\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!./EmployeeDetailPreferences.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!./EmployeeDetailPreferences.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EmployeeDetailPreferences.vue?vue&type=template&id=5b7269ac\"\nimport script from \"./EmployeeDetailPreferences.vue?vue&type=script&lang=js\"\nexport * from \"./EmployeeDetailPreferences.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":""}