{"version":3,"sources":["webpack:///./src/components/planningindicatorcontext/PlanningEmployeeOverview.vue?d860","webpack:///./src/components/planningindicatorcontext/PlanningEmployeeOverview.vue?7e85","webpack:///src/components/planningindicatorcontext/PlanningEmployeeOverview.vue","webpack:///./src/components/planningindicatorcontext/PlanningEmployeeOverview.vue?2d83","webpack:///./src/components/planningindicatorcontext/PlanningEmployeeOverview.vue?4974"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","headerButtons","dataTableState","staticRenderFns","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,oBAAoB,CAACG,MAAM,CAAC,MAAQP,EAAIQ,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQP,EAAIS,mBAAmB,MACnVC,EAAkB,G,+sBCkBtB,OACA,gCACA,YACA,wBAEA,OACA,cAEA,gBACA,OACA,yBACA,mBACA,WACA,UACA,uBAEA,aAGA,qBAGA,gBACA,0DACA,yBAEA,WAEA,GACA,YAMA,OAJA,uJACA,qKACA,sKAEA,GAEA,0BACA,WACA,KAoDA,OAlDA,iKACA,4BACA,mCACA,6BACA,wGACA,gCACA,uCACA,gDACA,mFACA,iDACA,gBACA,6BAEA,oCACA,2CACA,+CACA,6FACA,qDACA,uBACA,6BAEA,yCACA,gDACA,0DACA,qHAEA,4BACA,mCACA,wCACA,4EACA,6CACA,aACA,6BAEA,6BACA,oCACA,oCACA,8CACA,UACA,6BAIA,kHACA,SAEA,wFAGA,qCACA,KAIA,OACA,OACA,aACA,sBAEA,wBACA,+CACA,wBACA,iDAGA,UACA,oBAEA,SACA,qBAMA,SACA,gCACA,WAEA,sBACA,2BACA,gBACA,gBACA,SAEA,oFACA,iFACA,mEACA,8DACA,4FACA,2EAIA,2BACA,yBACA,oCACA,kBAEA,8BAGA,gCACA,eAGA,4BACA,mDACA,+DACA,oCACA,yDACA,0EAGA,OACA,wBACA,sBACA,aAEA,sEACA,SAKA,OAJA,4BACA,aAGA,2BACA,WAEA,mBACA,kCACA,YAIA,wCACA,mDACA,+DACA,oCACA,yDACA,0EAGA,OACA,gBACA,cACA,eACA,WAEA,8EACA,SAKA,OAJA,4BACA,aAGA,2BACA,WAEA,mBACA,kCACA,YAIA,kKACA,OACA,KACA,0CAEA,OADA,IACA,oCAGA,kBAEA,SACA,sCACA,sBACA,uCACA,sBAEA,qBACA,mBAEA,CACA,sBACA,oFACA,wBAJA,qBAUA,SACA,sCAEA,iDAGA,kDACA,sBACA,kBAEA,2BACA,iBACA,gDACA,mBACA,cACA,2BACA,cACA,gDACA,cACA,gDACA,gBACA,kDAGA,OACA,WACA,iCACA,4BACA,OACA,SAGA,2CACA,KAGA,cAFA,UAKA,sEACA,yCAGA,qCACA,WAGA,4EACA,SACA,0DAEA,wEACA,cAGA,wBACA,iCACA,SACA,UACA,mEAGA,uGAGA,mCACA,WAGA,oEACA,SACA,8BACA,gEACA,4EAGA,mCACA,WAGA,kEACA,SAEA,UACA,gEACA,kEAGA,0CACA,WACA,+JACA,YACA,gCAGA,mCACA,WACA,8BACA,GACA,qBACA,SAIA,YACA,gBACA,SACA,SACA,+CAEA,QACA,kBACA,sCACA,iEACA,4FACA,mBACA,uFACA,qBChXgX,I,wBCQ5WC,EAAY,eACd,EACAZ,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2b7c4982.818e2538.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlanningEmployeeOverview.vue?vue&type=style&index=0&id=cf87b260&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"header main\"},[_c('div',{staticClass:\"align-left\"},[_c('headerbuttonstack',{attrs:{\"state\":_vm.headerButtons}})],1)]),_c('div',{staticClass:\"table-container\"},[_c('datatable',{attrs:{\"state\":_vm.dataTableState}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"header main\">\n            <div class=\"align-left\">\n                <headerbuttonstack :state=\"headerButtons\"/>\n            </div>\n       \n        </div>\n        <div class=\"table-container\">\n            <datatable :state=\"dataTableState\"/>\n        </div>\n         \n    </div>\n       \n</template>\n\n<script>\n    import datatable from '../uicomponents/datatable.vue';\n    import { mapState, mapGetters } from 'vuex';\n    export default {\n        name: 'planningemployeeoverview',\n        components: {\n           datatable\n        },\n        props:{\n            state: Object,\n        },\n        data () {\n            return {\n                crewlaborPlanningId: null,\n                employeeRules: null,\n                month: null, \n                year: null,\n                planningEmployeeMap: {},\n                \n                loading: true,\n            }\n        },\n        created: function () {\n            \n        },\n        computed: {\n            ...mapGetters(['storeId', 'rosterFromTo', 'spotMap']),\n            headerButtons(){\n\n                let view = this;\n\n                let state= {\n                    buttons: []\n                };\n                state.buttons.push({type: \"rectangle\",icon: \"fa-user\",click: () => {view.ImportCurrentEmployees(2, false)},tooltip: 'Aktuelle Mitarbeiter Verträge importieren'});\n                state.buttons.push({type: \"rectangle\",icon: \"fa-user-hard-hat\",click: () => {view.ImportCurrentEmployees(1, true)},tooltip: 'Aktuelle Crew Mitarbeiter Verträge importieren'});\n                state.buttons.push({type: \"rectangle\",icon: \"fa-user-tie\",click: () => {view.ImportCurrentEmployees(2, true)},tooltip: 'Aktuelle Management Mitarbeiter Verträge importieren'});\n                \n                return state;\n            },\n            dataTableState(){\n                let view = this;\n                let state = {};\n                \n                state = this.$helpers.GetDataTableStateFromObject({name: '', workTime: '', vacationTime: '', vacationTimeHours: '', wage: '', count: ''}, Object.values(this.planningEmployeeMap)); \n                state.headerMap['name'].sort = true;\n                state.headerMap['name'].align = 'center';\n                state.headerMap['name'].label = \"\";\n                state.headerMap['name'].DisplayLabel = (i) => {return 'Mitarbeiter ('+(i.workTime /(4.325 *60)).toFixed(1)+' h)'};\n                state.headerMap['workTime'].sort = true;\n                state.headerMap['workTime'].align = 'center';\n                state.headerMap['workTime'].label = \"Arbeitszeit (h)\";\n                state.headerMap['workTime'].DisplayLabel = (i) => {return (i.workTime / 60).toFixed(2)};\n                state.headerMap['workTime'].OnChange = (newVal, rowData, headerKey) => {\n                    rowData.workTime = newVal * 60;\n                    view.updatePlanningEmployee(rowData);\n                };\n                state.headerMap['vacationTime'].sort = true;\n                state.headerMap['vacationTime'].align = 'center';\n                state.headerMap['vacationTime'].label = \"Urlaub (t)\";\n                state.headerMap['vacationTime'].DisplayLabel = (i) => {return (i.vacationTime / (24*60)).toFixed(2)};\n                state.headerMap['vacationTime'].OnChange = (newVal, rowData, headerKey) => {\n                    rowData.vacationTime = newVal * 24 * 60;\n                    view.updatePlanningEmployee(rowData);\n                };\n                state.headerMap['vacationTimeHours'].sort = true;\n                state.headerMap['vacationTimeHours'].align = 'center';\n                state.headerMap['vacationTimeHours'].label = \"Urlaub Monat (h)\";\n                state.headerMap['vacationTimeHours'].DisplayLabel = (i) => {return ((i.vacationTime / (12*24*60)) * i.workTime/(60 * 4.325 *5)).toFixed(2)};\n                \n                state.headerMap['wage'].sort = true;\n                state.headerMap['wage'].align = 'center';\n                state.headerMap['wage'].label = \"Stundenlohn\";\n                state.headerMap['wage'].DisplayLabel = (i) => {return (i.wage / 100).toFixed(2)};\n                state.headerMap['wage'].OnChange = (newVal, rowData, headerKey) => {\n                    rowData.wage = newVal * 100;\n                    view.updatePlanningEmployee(rowData);\n                };\n                state.headerMap['count'].sort = true;\n                state.headerMap['count'].align = 'center';\n                state.headerMap['count'].label = \"Anzahl\";\n                state.headerMap['count'].OnChange = (newVal, rowData, headerKey) => {\n                    rowData.count = newVal;\n                    view.updatePlanningEmployee(rowData);\n                };\n               \n                \n                state.headerMap['actions'] = {align: 'center', button: {icon: 'fas fa-plus', action: ($event, header) => {view.AddPlanningEmployee($event)}},\n                    buttons:[ \n                            //{icon: 'fas fa-eye', action: ($event, data) => view.selectGroup(data)},\n                            {icon: 'fas fa-trash', action: ($event, data) => view.DeletePlanningEmployeeModal($event, data)},\n                    ]\n                };\n                state.headerMap['actions'].width = '100px';\n                return state;\n            },\n\n        },\n        watch: {\n            state: {\n                immediate: true,\n                handler(newVal, oldVal){\n                    \n                    if(newVal.crewlaborPlanningId){\n                        this.crewlaborPlanningId = newVal.crewlaborPlanningId;\n                        if(newVal.planningEmployeeMap){\n                            this.planningEmployeeMap = newVal.planningEmployeeMap;\n                        }\n                    }\n                    if(newVal.month){\n                        this.month = newVal.month\n                    }\n                    if(newVal.year){\n                        this.year = newVal.year\n                    }\n                }\n            }\n        },\n        // methods that implement data logic.\n        methods: {\n            AddPlanningEmployee($event){\n                let view = this;\n\n                view.$helpers.OpenPopup({\n                    elRelative: $event.currentTarget,\n                    type: 'datafill',\n                    componentState: {\n                        entries: [\n                            \n                            {label: \"Arbeitszeit / Monat (h)\", key: 'workTime', hidden: false, type: 'numeric', value: 173},\n                            {label: \"Urlaub / Jahr (t)\", key: 'vacationTime', hidden: false, type: 'numeric', value: 25},\n                            {label: \"Stundenlohn\", key: 'wage', hidden: false, type: 'numeric', value: 10},\n                            {label: \"Anzahl\", key: 'count', hidden: false, type: 'numeric', value: 1},\n                            {label: \"CrewLaborId\", key: 'planningId', hidden: true, type: 'text', value: this.crewlaborPlanningId},\n                            {label: \"Store\", key: 'storeId', hidden: true, type: 'numeric', value: this.storeId},\n                            \n                        \n                        ],\n                        selectCallback: function (planningEmployee) {\n                            planningEmployee.workTime = planningEmployee.workTime * 60;\n                            planningEmployee.vacationTime = planningEmployee.vacationTime * 24 * 60;\n                            planningEmployee.wage = planningEmployee.wage * 100;\n                            \n                            view.createPlanningEmployee(planningEmployee);\n                        }\n                    },\n                    header: 'Neuer Plan Mitarbeiter',\n                    expanded: true,\n                });\n            },\n            loadAllEmployees(){\n                let from = this.$helpers.getMomentTZ().startOf('month');\n                let to = this.$helpers.getMomentTZ().startOf('month').add(1,'months');\n                if(this.year != null && this.month != null){\n                    from = from.year(this.year).month(this.month-1).startOf('month');\n                    to = to.year(this.year).month(this.month-1).startOf('month').add(1,'months');\n                }\n\n                let params = {\n                    activeAtFrom: from.format(),\n                    activeAtTo: to.format(),\n                    contract: true,\n                };\n                return this.$helpers.GetCall('/api/sec/employee', params).then((response) => {\n                    let map = {};\n                    response.data.forEach(employee => {\n                        map[employee.id] = employee;\n                    });\n                    \n                    return new Promise((resolve, reject) => {\n                        resolve(map);\n                    });\n                }).catch((e) => {\n                    return new Promise((resolve, reject) => {\n                        reject(e);\n                    });\n                });\n            },\n            loadMonthlyEmployeeContracts(){\n                let from = this.$helpers.getMomentTZ().startOf('month');\n                let to = this.$helpers.getMomentTZ().startOf('month').add(1,'months');\n                if(this.year != null && this.month != null){\n                    from = from.year(this.year).month(this.month-1).startOf('month');\n                    to = to.year(this.year).month(this.month-1).startOf('month').add(1,'months');\n                }\n\n                let params = {\n                    from: from.format(),\n                    to: to.format(),\n                    overlapping: true,\n                    active: true,\n                };\n                return this.$helpers.GetCall('/api/sec/employeecontract', params).then((response) => {\n                    let map = {};\n                    response.data.forEach(employeeContract => {\n                        map[employeeContract.id] = employeeContract;\n                    });\n                    \n                    return new Promise((resolve, reject) => {\n                        resolve(map);\n                    });\n                }).catch((e) => {\n                    return new Promise((resolve, reject) => {\n                        reject(e);\n                    });\n                });\n            },\n            ImportCurrentEmployees(employeeLevel = 1, only = false) {\n                let view = this;\n                let employeeMap = {}\n                this.loadAllEmployees().then(map => {\n                    employeeMap = map;\n                    return view.loadMonthlyEmployeeContracts()\n                })\n                \n                .then(map => {\n                    \n                    let employeeKeyMap = {}\n                    Object.values(map).forEach(item => {\n                        let employee = employeeMap[item.employeeId] \n                        let spot = employee && employee.spotId ? view.spotMap[employee.spotId] : null;\n                        let temployeeLevel = spot ? spot.employeeLevel : 1;\n                        \n                        if((only && employeeLevel == temployeeLevel) || (!only && temployeeLevel <= employeeLevel)){\n                            if(!employeeKeyMap[item.employeeId]){\n                                employeeKeyMap[item.employeeId] = item;\n                            } else {\n                                let prevItem = employeeKeyMap[item.employeeId];\n                                if(view.$helpers.getMomentFromStringTZ(item.from) > view.$helpers.getMomentFromStringTZ(prevItem.from)){\n                                employeeKeyMap[item.employeeId] = item; \n                                }\n                            }\n                        }\n                        \n                    });\n                    let requestMap = {};\n                    Object.values(employeeKeyMap).forEach(item => {\n                        \n                        let weekWorkTime = item.weekTimeRegular > 0 ? item.weekTimeRegular : 40*60;\n                        \n                        \n                        let daysRegular = item.weekWorkDaysRegular > 0 ? item.weekWorkDaysRegular : 5;\n                        let monthWorkTime = Math.round(weekWorkTime * 4.325);\n                        let dayWorkTime = Math.round(weekWorkTime/daysRegular);\n\n                        let wage = (item.payment + item.extraPayment);\n                        if(item.paymentType == 1){//gehalt\n                            wage = Math.round((item.payment + item.extraPayment)/(monthWorkTime/60));\n                        } else if(item.paymentType == 2){ //h wage\n                            if(item.wageType == 1){ //hourly wage\n                                wage = (item.payment + item.extraPayment); \n                            } else if(item.wageType == 2){ //daily wage\n                                wage = Math.round((item.payment + item.extraPayment) /(dayWorkTime/60));\n                            } else if(item.wageType == 3){ //weekly wage\n                                wage = Math.round((item.payment + item.extraPayment) /(weekWorkTime/60));\n                            } else if(item.wageType == 4){ //daily wage\n                                wage = Math.round((item.payment + item.extraPayment) /(monthWorkTime/60));\n                            } \n                        }\n                        let entry =  {\n                            workTime: monthWorkTime,\n                            planningId: view.crewlaborPlanningId,\n                            vacationTime: item.vacationTime,\n                            wage: wage,\n                            count: 1\n                        }\n                        \n                        let key = entry.workTime+\"-\"+entry.vacationTime+\"-\"+entry.wage;\n                        if(!requestMap[key]){\n                            requestMap[key] = entry;\n                        } else {\n                            requestMap[key].count += 1;\n                        }\n                    })\n                    let replacePayload = {planningIds: [this.crewlaborPlanningId], requests: Object.values(requestMap)};\n                    return view.replacePlanningEmployees(replacePayload);\n                })\n            },\n            replacePlanningEmployees(replacePayload){\n                let view = this;\n                \n                \n                this.$helpers.CreateCall('/api/sec/planningemployee/replace', replacePayload, (response) => { \n                    let map = {};\n                    Object.values(view.planningEmployeeMap).forEach(item => {\n                        \n                        if(replacePayload.planningIds.filter(entry => entry == item.planningId).length == 0){\n                            map[item.id] = item;\n                        }\n                    })\n                    view.planningEmployeeMap = map;\n                    response.data.data.forEach(item => {\n                        let entry = {};\n                        entry[item.id] = item;\n                        view.planningEmployeeMap = Object.assign({}, view.planningEmployeeMap, entry);\n                    })\n                   \n                    view.$emit('modified-planningemployees', {type: \"replaced\", data: response.data.data, planningIds: replacePayload.planningIds});\n                });\n            },\n            createPlanningEmployee(planningEmployee){\n                let view = this;\n                \n                \n                this.$helpers.CreateCall('/api/sec/planningemployee', planningEmployee, (response) => { \n                    let entry = {};\n                    entry[response.data.data.id] = response.data.data;\n                    view.planningEmployeeMap = Object.assign({}, view.planningEmployeeMap, entry);\n                    view.$emit('modified-planningemployees', {type: \"created\", data: response.data.data});\n                });\n            },\n            updatePlanningEmployee(planningEmployee){\n                let view = this;\n                \n                \n                this.$helpers.EditCall('/api/sec/planningemployee', planningEmployee, (response) => { \n                    let entry = {};\n                    \n                    entry[planningEmployee.id] = planningEmployee;\n                    view.planningEmployeeMap = Object.assign({}, view.planningEmployeeMap, entry);\n                    view.$emit('modified-planningemployees', {type: \"created\", data: planningEmployee});\n                });\n            },\n            DeletePlanningEmployeeModal($event, data){\n                let view = this;\n                view.$helpers.OpenAlert({header: 'Plan Mitarbeiter löschen', description: 'Sind Sie sicher dass Sie den Plan Mitarbeiter löschen wollen?', callbackAccept: (alert) => {\n                    alert.hidden = true;\n                    view.deletePlanningEmployee(data);\n                }});\n            },\n            deletePlanningEmployee: function(planningEmployee){\n                let view = this;\n                let url = '/api/sec/planningemployee';\n                let params = {\n                    storeId: this.storeId,\n                    id: planningEmployee.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.$delete(view.planningEmployeeMap, planningEmployee.id);\n                    view.$emit('modified-planningemployees', {type: \"deleted\", data: planningEmployee.id});\n                    view.$helpers.success('Löschen erfolgreich', 'Plan Mitarbeiter wurde erfolgreich gelöscht!');\n                }).catch(function (error) {\n                    view.$helpers.error('Löschen fehlgeschlagen', 'Fehler beim Löschen des Plan Mitarbeiters');\n                    console.log(error)\n                })\n\n            },\n            \n  \n        },\n\n    }\n</script>\n\n<!-- Add \"scoped\" attriemployeete to limit CSS to this component only -->\n<style scoped>\n   .has-header > .has-header > .scrollbar-container{\n        height: calc(100% - var(--header-height) - var(--tab-menu-height)) !important;\n        top: var(--header-height);\n    }\n    .header.top{\n        margin: 10px 0;\n    }\n    .data-table{\n        top: 10px;\n        position: relative;\n    }\n\n    .loading{\n\n        -webkit-filter: none !important;\n        filter: none !important;\n        position: absolute;\n        -webkit-box-sizing: content-box;\n        box-sizing: content-box;\n        bottom: 0;\n        left: 0;\n        top: initial;\n        width: 100%;\n        height: calc(100vh - 109px);\n        background: rgba(0,0,0,.5);\n        z-index: 10;\n        position: fixed;\n    }\n\n    .header > .header.date{\n        width: fit-content;\n    }\n\n    .paging{\n        top: 0;\n        bottom: 0;\n        right: 250px;\n    }\n\n    .header > .text-filter{\n        top: 0;\n        bottom: 0;\n        width: 230px;\n        right: 45px;\n    }\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!./PlanningEmployeeOverview.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!./PlanningEmployeeOverview.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlanningEmployeeOverview.vue?vue&type=template&id=cf87b260&scoped=true\"\nimport script from \"./PlanningEmployeeOverview.vue?vue&type=script&lang=js\"\nexport * from \"./PlanningEmployeeOverview.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlanningEmployeeOverview.vue?vue&type=style&index=0&id=cf87b260&prod&scoped=true&lang=css\"\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  \"cf87b260\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}