{"version":3,"sources":["webpack:///./src/components/report/SubmitPanel.vue?c4b1","webpack:///./src/components/report/SubmitPanel.vue?fb31","webpack:///./src/components/report/SubmitPanel.vue?5e2f","webpack:///src/components/report/SubmitPanel.vue","webpack:///./src/components/report/SubmitPanel.vue?f0c0","webpack:///./src/components/report/SubmitPanel.vue","webpack:///./src/views/reports/MonthlyStatistics.vue?c584","webpack:///src/views/reports/MonthlyStatistics.vue","webpack:///./src/views/reports/MonthlyStatistics.vue?ba50","webpack:///./src/views/reports/MonthlyStatistics.vue","webpack:///./src/components/report/YearMonthPanel.vue?204a","webpack:///src/components/report/YearMonthPanel.vue","webpack:///./src/components/report/YearMonthPanel.vue?54f6","webpack:///./src/components/report/YearMonthPanel.vue","webpack:///./src/components/report/EmployeesPanel.vue?3891","webpack:///./src/components/report/YearMonthPanel.vue?2c2b","webpack:///./src/components/report/EmployeesPanel.vue?07ed","webpack:///src/components/report/EmployeesPanel.vue","webpack:///./src/components/report/EmployeesPanel.vue?21e1","webpack:///./src/components/report/EmployeesPanel.vue","webpack:///./src/views/reports/MonthlyStatistics.vue?e7d4","webpack:///./src/components/report/YearMonthPanel.vue?da72","webpack:///./src/components/report/EmployeesPanel.vue?0c67"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","$emit","_v","_s","text","staticRenderFns","name","props","disabled","type","Boolean","default","String","component","value","year","month","attrs","employeeNumber","employeeId","_e","performLookup","monthReport","length","hasEditRights","approveAll","isAdmin","_l","row","key","day","staticStyle","dayName","class","colorMap","translateAllocation","allocationTypePlanned","circleName","replacement","_f","days","vacationDays","style","isOverlined","sickDays","hoursAsTimeSpan","timeRegDays","timeInMinutesABKAsTimeSpan","timeRegistrationType","note","officeNote","adminNote","allocationState","approve","date","isFullPage","saving","components","Number","required","undefined","data","methods","allocationTypesReport","obj","title","label","arg","result","allocationTypes","indexOf","colorCode","colors","computed","loading","monthReportApiState","APISTATE","showABK","isReplacement","options","o","selectionChanged","offsetMonth","selected","Object","firstRun","mounted","buildOptions","push","isSelected","backgroundColor","watch","index","this$1","ref","employeesFiltered","typing","option","id","number","model","callback","$$v","employee","expression","employeeName","filterText","toLowerCase","employees","filter"],"mappings":"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","file":"js/chunk-67da5850.1da6ddbc.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"userSelectColors-black\":\"#141414\",\"userSelectColors-charcoal\":\"#3c3c3c\",\"userSelectColors-blue\":\"#0099d9\",\"userSelectColors-red\":\"#ff5d5d\",\"userSelectColors-timeoff\":\"#5c5c5c\",\"userSelectColors-orange\":\"#ffc684\",\"userSelectColors-gray\":\"#c9c8c8\",\"userSelectColors-coolgray\":\"#4e4f50\",\"userSelectColors-ivory\":\"#e2ded0\",\"userSelectColors-bluegray\":\"#647c90\",\"userSelectColors-green\":\"#42b983\",\"userSelectColors-yellow\":\"#f6ff00\"};","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./SubmitPanel.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reports__panel--submit\"},[_c('button',{staticClass:\"button is-primary\",on:{\"click\":function($event){return _vm.$emit('submit')}}},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"reports__panel--submit\">\r\n    <button class=\"button is-primary\" @click=\"$emit('submit')\">\r\n      {{ text }}\r\n    </button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'reports-panel-submit',\r\n  props: {\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: 'Vis'\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.reports__panel--submit {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding-bottom: 4px;\r\n\r\n  button {\r\n    height: 28px !important;\r\n  }\r\n}\r\n</style>","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!./SubmitPanel.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!./SubmitPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubmitPanel.vue?vue&type=template&id=591993af&\"\nimport script from \"./SubmitPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./SubmitPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubmitPanel.vue?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"replacementmonthlystatistics__report__view\"},[_c('div',{staticClass:\"reports__subheader\"},[_c('year-month-panel',{on:{\"year\":function (value) { return (_vm.year = value); },\"month\":function (value) { return (_vm.month = value); }}}),(_vm.isAdmin)?_c('employees-panel',{attrs:{\"employeeNumber\":_vm.employeeNumber},on:{\"employeeId\":function (value) { return (_vm.employeeId = value); }}}):_vm._e(),_c('submit-panel',{on:{\"submit\":_vm.performLookup}}),(_vm.monthReport && _vm.monthReport.length > 0 && _vm.hasEditRights)?_c('submit-panel',{attrs:{\"text\":\"Godkend måned\"},on:{\"submit\":_vm.approveAll}}):_vm._e()],1),[_c('div',{staticClass:\"list-container\"},[_c('div',{staticClass:\"list-th\"},[_vm._v(\"Dag\")]),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Planlagt\")]),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Opgave\")]),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Kørt for/Afløst af\")]),_c('div',{staticClass:\"list-th-number\"},[_vm._v(\"Afholdt/optjente dage\")]),_c('div',{staticClass:\"list-th-number\"},[_vm._v(\"Afholdt/optjente ferie dage\")]),_c('div',{staticClass:\"list-th-number\"},[_vm._v(\"Sygedage\")]),_c('div',{staticClass:\"list-th-number\"},[_vm._v(\"Afholdt/optjente timer\")]),_c('div',{staticClass:\"list-th-number\"},[_vm._v(\"Time reg. heldage\")]),(_vm.showABK)?_c('div',{staticClass:\"list-th-number\"},[_vm._v(\"ABK før 7:15\")]):_vm._e(),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Time reg.\")]),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Kommentar\")]),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Kontor Kommentar\")]),(_vm.isAdmin && _vm.hasEditRights)?_c('div',{staticClass:\"list-th\"},[_vm._v(\" Admin Kommentar \")]):_vm._e(),(_vm.isAdmin && _vm.hasEditRights)?_c('div',{staticClass:\"list-th\"},[_vm._v(\"Status\")]):_vm._e(),_c('div',{staticClass:\"list-th\"},[_vm._v(\"Handling\")])]),_vm._l((_vm.monthReport),function(row){return _c('div',{key:row.value,staticClass:\"list-container\",attrs:{\"value\":row.value}},[_c('div',{staticClass:\"list-td\"},[(row.day !== 0)?_c('span',{staticStyle:{\"float\":\"left\"}},[_vm._v(_vm._s(row.day)+\":\")]):_vm._e(),_c('span',{staticStyle:{\"float\":\"left\"}},[_vm._v(_vm._s(row.dayName))])]),_c('div',{staticClass:\"list-td\",class:[_vm.colorMap(row)]},[_vm._v(\" \"+_vm._s(_vm.translateAllocation(row.allocationTypePlanned))+\" \")]),_c('div',{staticClass:\"list-td-wrap\"},[_vm._v(_vm._s(row.circleName))]),_c('div',{staticClass:\"list-td\"},[_vm._v(_vm._s(row.replacement))]),_c('div',{staticClass:\"list-td-number\"},[_vm._v(_vm._s(_vm._f(\"onedecimal\")(row.days)))]),_c('div',{staticClass:\"list-td-number\"},[_vm._v(_vm._s(_vm._f(\"onedecimal\")(row.vacationDays)))]),_c('div',{staticClass:\"list-td-number\",style:(row.isOverlined ? {'text-decoration-line': 'line-through', 'text-decoration-color' : 'red'} : {})},[_vm._v(_vm._s(_vm._f(\"onedecimal\")(row.sickDays)))]),_c('div',{staticClass:\"list-td-number cell-time\"},[_vm._v(_vm._s(row.hoursAsTimeSpan))]),_c('div',{staticClass:\"list-td-number cell-time\"},[_vm._v(\" \"+_vm._s(_vm._f(\"twodecimal\")(row.timeRegDays))+\" \")]),(_vm.showABK)?_c('div',{staticClass:\"list-td-number cell-time\"},[_vm._v(\" \"+_vm._s(row.timeInMinutesABKAsTimeSpan)+\" \")]):_vm._e(),_c('div',{staticClass:\"list-td cell-time\"},[_vm._v(_vm._s(row.timeRegistrationType))]),_c('div',{staticClass:\"list-td cell-note\"},[_vm._v(_vm._s(row.note))]),_c('div',{staticClass:\"list-td cell-note\"},[_vm._v(_vm._s(row.officeNote))]),(_vm.isAdmin && _vm.hasEditRights)?_c('div',{staticClass:\"list-td cell-note\"},[_vm._v(\" \"+_vm._s(row.adminNote)+\" \")]):_vm._e(),(_vm.isAdmin && _vm.hasEditRights)?_c('div',{staticClass:\"list-td\"},[_vm._v(\" \"+_vm._s(row.allocationState === 10 || row.allocationState === 30 ? \"Ok\" : \"Mangler\")+\" \")]):_vm._e(),_c('div',{staticClass:\"list-td\"},[(\n            (row.allocationState === 10 && !_vm.isAdmin) ||\n              (row.allocationState === 20 && _vm.isAdmin)\n          )?_c('span',[_vm._v(\"Godkendt\")]):_vm._e(),(row.allocationState === 30)?_c('span',[_vm._v(\"Lukket\")]):_vm._e(),(\n            ((row.allocationState === 0 || row.allocationState === 10) &&\n              _vm.isAdmin) ||\n              ((row.allocationState === 0 || row.allocationState === 20) &&\n                !_vm.isAdmin)\n          )?_c('button',{on:{\"click\":function($event){return _vm.approve(row.date)}}},[_vm._v(\" Godkend dag \")]):_vm._e()])])})],_c('b-loading',{attrs:{\"is-full-page\":_vm.isFullPage,\"active\":_vm.saving,\"can-cancel\":true},on:{\"update:active\":function($event){_vm.saving=$event}}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"replacementmonthlystatistics__report__view\">\r\n    <div class=\"reports__subheader\">\r\n      <year-month-panel\r\n        @year=\"(value) => (year = value)\"\r\n        @month=\"(value) => (month = value)\"\r\n      >\r\n      </year-month-panel>\r\n\r\n      <employees-panel\r\n        @employeeId=\"(value) => (employeeId = value)\"\r\n        :employeeNumber=\"employeeNumber\"\r\n        v-if=\"isAdmin\"\r\n      >\r\n      </employees-panel>\r\n\r\n      <submit-panel @submit=\"performLookup\"> </submit-panel>\r\n\r\n      <submit-panel\r\n        @submit=\"approveAll\"\r\n        text=\"Godkend måned\"\r\n        v-if=\"monthReport && monthReport.length > 0 && hasEditRights\"\r\n      >\r\n      </submit-panel>\r\n    </div>\r\n\r\n    <template>\r\n      <div class=\"list-container\">\r\n        <div class=\"list-th\">Dag</div>\r\n        <div class=\"list-th\">Planlagt</div>\r\n        <div class=\"list-th\">Opgave</div>\r\n        <div class=\"list-th\">Kørt for/Afløst af</div>\r\n        <div class=\"list-th-number\">Afholdt/optjente dage</div>\r\n        <div class=\"list-th-number\">Afholdt/optjente ferie dage</div>\r\n        <div class=\"list-th-number\">Sygedage</div>\r\n        <div class=\"list-th-number\">Afholdt/optjente timer</div>\r\n        <div class=\"list-th-number\">Time reg. heldage</div>\r\n        <div class=\"list-th-number\" v-if=\"showABK\">ABK før 7:15</div>\r\n        <div class=\"list-th\">Time reg.</div>\r\n        <div class=\"list-th\">Kommentar</div>\r\n        <div class=\"list-th\">Kontor Kommentar</div>\r\n        <div class=\"list-th\" v-if=\"isAdmin && hasEditRights\">\r\n          Admin Kommentar\r\n        </div>\r\n        <div class=\"list-th\" v-if=\"isAdmin && hasEditRights\">Status</div>\r\n        <div class=\"list-th\">Handling</div>\r\n      </div>\r\n      <div\r\n        v-for=\"row in monthReport\"\r\n        :value=\"row.value\"\r\n        :key=\"row.value\"\r\n        class=\"list-container\"\r\n      >\r\n        <div class=\"list-td\">\r\n          <span style=\"float: left;\" v-if=\"row.day !== 0\">{{ row.day }}:</span>\r\n          <span style=\"float: left;\">{{ row.dayName }}</span>\r\n        </div>\r\n        <div class=\"list-td\" :class=\"[colorMap(row)]\">\r\n          {{ translateAllocation(row.allocationTypePlanned) }}\r\n        </div>\r\n        <div class=\"list-td-wrap\">{{ row.circleName }}</div>\r\n        <div class=\"list-td\">{{ row.replacement }}</div>\r\n        <div class=\"list-td-number\">{{ row.days | onedecimal }}</div>\r\n        <div class=\"list-td-number\">{{ row.vacationDays | onedecimal }}</div>\r\n        <div class=\"list-td-number\" :style=\"row.isOverlined ? {'text-decoration-line': 'line-through', 'text-decoration-color' : 'red'} : {}\">{{ row.sickDays | onedecimal }}</div>\r\n        <div class=\"list-td-number cell-time\">{{ row.hoursAsTimeSpan }}</div>\r\n        <div class=\"list-td-number cell-time\">\r\n          {{ row.timeRegDays | twodecimal }}\r\n        </div>\r\n        <div class=\"list-td-number cell-time\" v-if=\"showABK\">\r\n          {{ row.timeInMinutesABKAsTimeSpan }}\r\n        </div>\r\n        <div class=\"list-td cell-time\">{{ row.timeRegistrationType }}</div>\r\n        <div class=\"list-td cell-note\">{{ row.note }}</div>\r\n        <div class=\"list-td cell-note\">{{ row.officeNote }}</div>\r\n        <div class=\"list-td cell-note\" v-if=\"isAdmin && hasEditRights\">\r\n          {{ row.adminNote }}\r\n        </div>\r\n        <div class=\"list-td\" v-if=\"isAdmin && hasEditRights\">\r\n          {{\r\n            row.allocationState === 10 || row.allocationState === 30\r\n              ? \"Ok\"\r\n              : \"Mangler\"\r\n          }}\r\n        </div>\r\n        <div class=\"list-td\">\r\n          <span\r\n            v-if=\"\r\n              (row.allocationState === 10 && !isAdmin) ||\r\n                (row.allocationState === 20 && isAdmin)\r\n            \"\r\n            >Godkendt</span\r\n          >\r\n          <span v-if=\"row.allocationState === 30\">Lukket</span>\r\n          <button\r\n            v-if=\"\r\n              ((row.allocationState === 0 || row.allocationState === 10) &&\r\n                isAdmin) ||\r\n                ((row.allocationState === 0 || row.allocationState === 20) &&\r\n                  !isAdmin)\r\n            \"\r\n            @click=\"approve(row.date)\"\r\n          >\r\n            Godkend dag\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </template>\r\n\r\n    <b-loading\r\n      :is-full-page=\"isFullPage\"\r\n      :active.sync=\"saving\"\r\n      :can-cancel=\"true\"\r\n    ></b-loading>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport APISTATE from \"@/enums/APISTATE\";\r\nimport SubmitPanel from \"@/components/report/SubmitPanel.vue\";\r\nimport YearMonthPanel from \"@/components/report/YearMonthPanel.vue\";\r\nimport EmployeesPanel from \"@/components/report/EmployeesPanel.vue\";\r\n\r\nexport default {\r\n  name: \"monthlystatistics-report-view\",\r\n  components: { SubmitPanel, YearMonthPanel, EmployeesPanel },\r\n  props: {\r\n    employeeNumber: {\r\n      type: Number,\r\n      required: undefined,\r\n    },\r\n  },\r\n  data: () => ({\r\n    year: undefined,\r\n    month: undefined,\r\n    employeeId: undefined,\r\n    saving: false,\r\n    isFullPage: true,\r\n  }),\r\n  async mounted() {\r\n    await this.$store.dispatch(\"metadata/initialize\");\r\n\r\n    if (this.isAdmin === false) {\r\n      this.employeeId = this.currentUser.id;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(\"reportStore\", [\r\n      \"getMonthReport\",\r\n      \"approveMonthReport\",\r\n      \"approveAllMonthReport\",\r\n    ]),\r\n    async performLookup() {\r\n      const dto = {\r\n        year: this.year,\r\n        month: this.month + 1,\r\n        forUser: this.employeeId,\r\n      };\r\n      await this.getMonthReport(dto);\r\n    },\r\n    async approve(date) {\r\n      if (this.hasEditRights === false) {\r\n        return;\r\n      }\r\n      this.saving = true;\r\n      await this.approveMonthReport({ date: date, forUser: this.employeeId });\r\n      await this.performLookup();\r\n      this.saving = false;\r\n    },\r\n    async approveAll() {\r\n      if (this.hasEditRights === false) {\r\n        return;\r\n      }\r\n      this.$buefy.dialog.alert({\r\n        title: \"Godkend måned\",\r\n        message: `Vil du godkende hele ${this.month + 1}?`,\r\n        type: \"is-success\",\r\n        canCancel: true,\r\n        onConfirm: async () => await this.submitApproveAll(),\r\n      });\r\n    },\r\n    async submitApproveAll() {\r\n      this.saving = true;\r\n      const dto = {\r\n        year: this.year,\r\n        month: this.month + 1,\r\n        forUser: this.employeeId,\r\n      };\r\n      await this.approveAllMonthReport(dto);\r\n      this.saving = false;\r\n    },\r\n    translateAllocation(arg) {\r\n      if (this.allocationTypesReport) {\r\n        let obj = this.allocationTypesReport.find((o) => o.key === arg);\r\n        if (obj) {\r\n          if (obj.title) {\r\n            return obj.title;\r\n          }\r\n          return obj.label;\r\n        }\r\n        if (arg) {\r\n          const args = arg.split(\", \");\r\n          let objs = this.allocationTypesReport.filter((o) =>\r\n            args.includes(o.key)\r\n          );\r\n          let result = \"\";\r\n          for (const element of objs) {\r\n            if (objs.indexOf(element) === objs.length - 1) {\r\n              result += element.label;\r\n              continue;\r\n            }\r\n            result += element.label + \", \";\r\n          }\r\n          return result;\r\n        }\r\n      }\r\n\r\n      if (this.allocationTypes) {\r\n        return this.allocationTypes[arg];\r\n      }\r\n\r\n      return arg;\r\n    },\r\n    colorMap(arg) {\r\n      const colors = [\r\n        \"orange\",\r\n        \"green\",\r\n        \"aqua\",\r\n        \"blue\",\r\n        \"purple\",\r\n        \"magenta\",\r\n        \"red\",\r\n        \"gray\",\r\n        \"black\",\r\n        \"yellow\",\r\n      ];\r\n\r\n      if (arg && arg.allocationTypePlanned) {\r\n        if (arg.allocationTypePlanned === \"OFFDAY\") {\r\n          return \"yellow\";\r\n        }\r\n        if (arg.allocationTypePlanned === \"VACATION\") {\r\n          return \"black\";\r\n        }\r\n        if (arg.allocationTypePlanned.indexOf(\"SICKDAY\") > -1) {\r\n          return \"purple\";\r\n        }\r\n      }\r\n      if (arg && arg.colorCode && colors.indexOf(arg.colorCode) > -1) {\r\n        return arg.colorCode;\r\n      }\r\n\r\n      return \"white\";\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters(\"reportStore\", [\"monthReportApiState\", \"monthReport\"]),\r\n    ...mapGetters(\"metadata\", [\"allocationTypes\", \"allocationTypesReport\"]),\r\n    ...mapGetters([\"currentUser\", \"isAdmin\", \"isReplacement\", \"hasEditRights\"]),\r\n    loading() {\r\n      return this.monthReportApiState === APISTATE.LOADING;\r\n    },\r\n    showABK() {\r\n      return this.isReplacement || this.isAdmin;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.list-container {\r\n  display: grid;\r\n  grid-template-columns: 55px repeat(14, 1fr) 1fr;\r\n  grid-gap: 0px;\r\n  border-bottom: 1px solid darkgray;\r\n  min-height: 35px;\r\n}\r\n\r\n.list-th {\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  padding: 3px 5px !important;\r\n  margin: 0px !important;\r\n  text-align: left;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n.list-th-number {\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  padding: 3px 5px !important;\r\n  margin: 0px !important;\r\n  text-align: right;\r\n}\r\n.list-td {\r\n  font-size: 12px;\r\n  padding: 3px 5px !important;\r\n  margin: 0px !important;\r\n  text-align: left;\r\n}\r\n.list-td-wrap {\r\n  font-size: 12px;\r\n  padding: 3px 5px !important;\r\n  margin: 0px !important;\r\n  text-align: left;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n.list-td-number {\r\n  font-size: 12px;\r\n  padding: 3px 5px !important;\r\n  margin: 0px !important;\r\n  text-align: right;\r\n}\r\n\r\n.list-td > button {\r\n  height: auto !important;\r\n  padding: 3px 5px;\r\n}\r\n\r\ndiv.blue {\r\n  background: rgba(0, 70, 150, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.orange {\r\n  background-color: rgba(250, 100, 0, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.purple {\r\n  background: rgba(120, 50, 140, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.magenta {\r\n  background-color: rgba(210, 40, 100, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.red {\r\n  background-color: rgba(210, 10, 10, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.gray {\r\n  background-color: rgba(136, 136, 136, 0.8);\r\n  color: black;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.black {\r\n  background-color: rgba(34, 34, 34, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\ndiv.aqua {\r\n  background-color: rgba(60, 160, 200, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\n\r\ndiv.green {\r\n  background-color: rgba(30, 140, 10, 0.8);\r\n  color: white;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\n\r\ndiv.yellow {\r\n  background-color: rgba(246, 255, 0, 0.8);\r\n  color: black;\r\n  padding: 0.5em 0.75em;\r\n  margin: -0.5em -0.75em;\r\n}\r\n\r\n.b-table {\r\n  font-size: 12px;\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1199.98px) {\r\n  .list-th {\r\n    font-weight: 600;\r\n    font-size: 11px;\r\n  }\r\n  .list-th-number {\r\n    font-weight: 600;\r\n    font-size: 11px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n  .list-td {\r\n    font-size: 11px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n  .list-td-wrap {\r\n    font-size: 11px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n  .list-td-number {\r\n    font-size: 11px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n\r\n@media (min-width: 230px) and (max-width: 767.98px) {\r\n  .list-th {\r\n    font-size: 10px;\r\n  }\r\n  .list-th-number {\r\n    font-size: 10px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n  .list-td {\r\n    font-size: 10px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n  .list-td-wrap {\r\n    font-size: 10px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n  .list-td-number {\r\n    font-size: 10px;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n</style>\r\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!./MonthlyStatistics.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!./MonthlyStatistics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MonthlyStatistics.vue?vue&type=template&id=b18fc980&scoped=true&\"\nimport script from \"./MonthlyStatistics.vue?vue&type=script&lang=js&\"\nexport * from \"./MonthlyStatistics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MonthlyStatistics.vue?vue&type=style&index=0&id=b18fc980&lang=scss&scoped=true&\"\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  \"b18fc980\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reports__panel--yearmonth\"},[_c('b-field',{attrs:{\"label\":_vm.label}},[_c('dropdown',{attrs:{\"sourceList\":_vm.options,\"keyPropertyName\":function (o) { return o.value; },\"displayPropertyName\":function (o) { return o.label; }},on:{\"selectionChanged\":_vm.selectionChanged}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"reports__panel--yearmonth\">\r\n    <b-field :label=\"label\">\r\n      <dropdown :sourceList=\"options\"\r\n                :keyPropertyName=\"(o) => o.value\"\r\n                :displayPropertyName=\"(o) => o.label\"\r\n                @selectionChanged=\"selectionChanged\">\r\n      </dropdown>\r\n    </b-field>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Dropdown from '@/components/common/Dropdown.vue';\r\nimport moment from 'moment';\r\n\r\nexport default {\r\n  name: 'reports-panel-yearmonth',\r\n  components: { Dropdown },\r\n  props: {\r\n    offsetMonth: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    selected: {\r\n      type: Object\r\n    },\r\n    firstRun: {},\r\n    label: {\r\n      type: String,\r\n      default: 'Måned, År'\r\n    },\r\n  },\r\n  data: () => ({\r\n    options: [],\r\n    selectedObject: Object\r\n  }),\r\n  mounted() {\r\n    this.options = this.buildOptions();\r\n  },\r\n  methods: {\r\n    buildOptions() {\r\n      const options = [];\r\n      let date = moment();\r\n      options.push({\r\n        value: {\r\n          month: moment(date).month(),\r\n          year: moment(date).year()\r\n        },\r\n        label: moment(date).format(\"MMMM, YYYY\"),\r\n        isSelected: true\r\n      });\r\n      if(this.offsetMonth > 0) {\r\n        for (let i = 1; i < this.offsetMonth; i++) {\r\n          date = moment(date).add(1, 'months');\r\n          options.push({\r\n            value: {\r\n              month: moment(date).month(),\r\n              year: moment(date).year()\r\n            },\r\n            label: moment(date).format(\"MMMM, YYYY\"),\r\n            isSelected: false\r\n          });\r\n        }\r\n      }\r\n\r\n      date = moment();\r\n      const totalMonth = 12 + moment(date).month() + 1;\r\n      for (let i = 1; i < totalMonth; i++) {\r\n        date = moment(date).subtract(1, 'months');\r\n        options.push({\r\n          value: {\r\n            month: moment(date).month(),\r\n            year: moment(date).year()\r\n          },\r\n          label: moment(date).format(\"MMMM, YYYY\"),\r\n          isSelected: false,\r\n          backgroundColor: this.offsetMonth > 0 ? 'yellow' : 'inherit'\r\n        });\r\n      }\r\n      return options;\r\n    },\r\n    selectionChanged(value) {\r\n      this.$emit('year', value.year);\r\n      this.$emit('month', value.month);\r\n    }\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  watch: {\r\n    'selected'(newValue) {\r\n      if(this.options !== undefined){\r\n        const index = this.options.indexOf(this.options.find(o => o.value.month === newValue.month));\r\n        this.options[index].isSelected = true;\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.reports__panel--yearmonth {\r\n  .ctrl-button {\r\n    padding-left: 10px !important;\r\n  }\r\n}\r\n</style>","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!./YearMonthPanel.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!./YearMonthPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YearMonthPanel.vue?vue&type=template&id=b050c330&\"\nimport script from \"./YearMonthPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./YearMonthPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./YearMonthPanel.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./EmployeesPanel.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"userSelectColors-black\":\"#141414\",\"userSelectColors-charcoal\":\"#3c3c3c\",\"userSelectColors-blue\":\"#0099d9\",\"userSelectColors-red\":\"#ff5d5d\",\"userSelectColors-timeoff\":\"#5c5c5c\",\"userSelectColors-orange\":\"#ffc684\",\"userSelectColors-gray\":\"#c9c8c8\",\"userSelectColors-coolgray\":\"#4e4f50\",\"userSelectColors-ivory\":\"#e2ded0\",\"userSelectColors-bluegray\":\"#647c90\",\"userSelectColors-green\":\"#42b983\",\"userSelectColors-yellow\":\"#f6ff00\"};","var render = function () {\nvar this$1 = this;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reports__panel--employees\"},[_c('b-field',{attrs:{\"label\":\"Navn\"}},[_c('b-autocomplete',{ref:\"autocomplete\",attrs:{\"data\":_vm.employeesFiltered,\"custom-formatter\":function (value) { return ((value.number) + \" - \" + (value.name)); }},on:{\"typing\":_vm.typing,\"select\":function (option) {\n          this$1.selected = option;\n          this$1.$emit('employeeId', option ? option.id : undefined);\n          this$1.$emit(\n            'employeeNumberChanged',\n            option ? option.number : undefined\n          );\n          this$1.$emit('employeeName', option ? option.name : undefined);\n        }},model:{value:(_vm.employee),callback:function ($$v) {_vm.employee=$$v},expression:\"employee\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"reports__panel--employees\">\r\n    <b-field label=\"Navn\">\r\n      <b-autocomplete\r\n        v-model=\"employee\"\r\n        ref=\"autocomplete\"\r\n        :data=\"employeesFiltered\"\r\n        :custom-formatter=\"(value) => `${value.number} - ${value.name}`\"\r\n        @typing=\"typing\"\r\n        @select=\"\r\n          (option) => {\r\n            this.selected = option;\r\n            this.$emit('employeeId', option ? option.id : undefined);\r\n            this.$emit(\r\n              'employeeNumberChanged',\r\n              option ? option.number : undefined\r\n            );\r\n            this.$emit('employeeName', option ? option.name : undefined);\r\n          }\r\n        \"\r\n      ></b-autocomplete>\r\n    </b-field>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport _ from \"lodash\";\r\n\r\nexport default {\r\n  name: \"reports-panel-employees\",\r\n  props: {\r\n    employeeNumber: {\r\n      type: Number,\r\n      default: undefined,\r\n    },\r\n    employeeName: {\r\n      type: String,\r\n    },\r\n  },\r\n  data: () => ({\r\n    employee: undefined,\r\n    filterText: \"\",\r\n    selected: undefined,\r\n  }),\r\n  async mounted() {\r\n    await this.getEmployees();\r\n    if (this.employeeNumber) {\r\n      const initial = this.employees.find(\r\n        (q) => q.number == this.employeeNumber\r\n      );\r\n      this.$refs.autocomplete.setSelected(initial);\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(\"employees\", [\"getEmployees\"]),\r\n    typing: _.debounce(function(filterText) {\r\n      this.filterText = filterText.toLowerCase();\r\n    }),\r\n  },\r\n  computed: {\r\n    ...mapGetters(\"employees\", [\"employeeApiState\", \"employees\"]),\r\n    employeesFiltered() {\r\n      return this.employees.filter(\r\n        (q) =>\r\n          `${q.number} ${q.name}`.toLowerCase().indexOf(this.filterText) >= 0\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.reports__panel--employees {\r\n  .autocomplete {\r\n    width: 250px;\r\n\r\n    .input {\r\n      padding: 5px 9px;\r\n      height: 30px;\r\n      background-color: #adadad;\r\n      color: white;\r\n      border-color: #bdbdbd;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dropdown-item {\r\n      text-align: left;\r\n\r\n      &.is-hovered {\r\n        background-color: #f3f3f3;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./EmployeesPanel.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!./EmployeesPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmployeesPanel.vue?vue&type=template&id=26360db1&\"\nimport script from \"./EmployeesPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./EmployeesPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmployeesPanel.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./MonthlyStatistics.vue?vue&type=style&index=0&id=b18fc980&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./YearMonthPanel.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"userSelectColors-black\":\"#141414\",\"userSelectColors-charcoal\":\"#3c3c3c\",\"userSelectColors-blue\":\"#0099d9\",\"userSelectColors-red\":\"#ff5d5d\",\"userSelectColors-timeoff\":\"#5c5c5c\",\"userSelectColors-orange\":\"#ffc684\",\"userSelectColors-gray\":\"#c9c8c8\",\"userSelectColors-coolgray\":\"#4e4f50\",\"userSelectColors-ivory\":\"#e2ded0\",\"userSelectColors-bluegray\":\"#647c90\",\"userSelectColors-green\":\"#42b983\",\"userSelectColors-yellow\":\"#f6ff00\"};"],"sourceRoot":""}