{"version":3,"sources":["webpack:///./src/components/dashboards/employees/work_time_type.vue","webpack:///src/components/dashboards/employees/work_time_type.vue","webpack:///./src/components/dashboards/employees/work_time_type.vue?1a87","webpack:///./src/components/dashboards/employees/work_time_type.vue?15f3","webpack:///./src/components/dashboards/employees/work_time_type.vue?2204"],"names":["_c","attrs","staticClass","_vm","scopedSlots","key","staticStyle","model","callback","selected_year","expression","staticRenderFns","component"],"mappings":"6NAAqI,aAAC,IAAGA,EAAG,KAAaC,EAAK,EAAC,S,OAAC,EAAM,OAAG,C,YAAS,CAAE,wBAA0BC,OAA4BC,KAAO,K,CAAmD,SAAW,C,MAAG,CAAU,QAAa,WAAqD,WAACC,YAAYD,e,CAASE,EAAG,GAAC,gBAAW,oB,MAAI,C,WAAa,G,KAAEJ,GAAM,QAAE,G,kBAAY,E,0BAAmC,G,YAAmB,EAAQ,GAAE,E,6BAAkB,G,kBAAiE,GAAC,kB,YAAQ,YAAO,OAAI,MAAI,WAAG,SAAO,KAAM,KAA6BK,QAAY,2BAAC,MAAU,CAAO,KAAQ,YAA6B,SAA+D,CAACH,EAAG,MAAI,CAA8CD,YAAY,gBAAO,YAAK,CAAYD,QAAM,OAAC,MAAQ,QAAG,eAAc,S,CAAkB,QAAQE,C,YAAoB,qC,CAAI,yCAAe,SAAE,YAAC,QAACI,GAAK,OAAC,C,MAAM,CAAqBC,MAAQ,G,UAAqBC,GAAiB,MAAC,SAACC,QAAW,MAAe,YAAI,eAAc,IAAmC,MAAK,CAAWR,QAAY,cAAQD,SAAM,YAAC,gBAAe,GAAmB,WAASE,oBAAe,QAAM,aAC7uC,oBACGQ,aAAgB,CAEpB,YAAiBA,Q,gLC0DjB,gBACA,OACA,OACA,OACA,OACA,SAGA,OACA,YACA,cACA,6DAEA,OACA,OACA,sCACA,cACA,uCACA,QACA,yBACA,2BACA,2BACA,2BACA,2BACA,2BAEA,QACA,yBACA,MACA,MACA,UAEA,OACA,QACA,qBACA,eAEA,OACA,eACA,aAEA,SACA,YACA,aACA,sBACA,IAGA,YACA,gBACA,cACA,MACA,MACA,YACA,YAEA,OACA,YACA,cAIA,WACA,UACA,UACA,oBAEA,QACA,kBACA,QACA,aACA,YACA,QACA,WACA,WACA,aAEA,WACA,gBAGA,SACA,eACA,8BAEA,QACA,CACA,mBACA,WACA,gBACA,qBACA,WACA,mBACA,eAEA,QACA,WACA,SAEA,UACA,OACA,QACA,cACA,2BAQA,OACA,eACA,UACA,iBAEA,cAEA,uBACA,UACA,2DACA,OACA,OACA,4DACA,OACA,OACA,4DACA,OACA,QAEA,eAGA,SACA,WACA,8BACA,YACA,cACA,2DACA,MACA,wBACA,kDAEA,SACA,iCACA,eACA,wBACA,iBAEA,iCACA,gBACA,yBACA,kBAEA,iCACA,eACA,0BACA,iBAEA,iCACA,iBACA,qBACA,mBAEA,wCACA,0CACA,wCACA,yCAEA,kCACA,kCACA,mDAKA,UACA,kBC/OqX,I,wBCQjXC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W","file":"js/chunk-16159fb1.b282e9bc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticStyle:{\"border-radius\":\"1rem\"},attrs:{\"flat\":\"\"}},[_c('v-toolbar',{attrs:{\"flat\":\"\",\"dense\":\"\"}},[_c('v-toolbar-title',{staticClass:\"chart_title\"},[_vm._v(\"Radni sati\")]),_c('v-spacer'),_c('v-menu',{attrs:{\"offset-y\":\"\",\"left\":\"\",\"rounded\":\"\",\"close-on-click\":true,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"ma-0 pa-0\",attrs:{\"plain\":\"\",\"icon\":\"\",\"small\":\"\",\"dark\":\"\"}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"icon\":\"3dots\"}})],1)]}}])},[_c('div',{staticClass:\"pa-0 tertiary\",staticStyle:{\"display\":\"grid\",\"width\":\"10rem\",\"grid-row-gap\":\"0rem\"}},[_c('div',{staticClass:\"body-1 pa-2 secondary white--text\"},[_vm._v(\"\\n          Postavke\\n        \")]),_c('div',{staticClass:\"pa-2\"},[_c('v-select',{attrs:{\"dense\":\"\",\"mandatory\":\"\",\"label\":\"Godina\",\"items\":_vm.years,\"outlined\":\"\",\"hide-details\":\"\"},model:{value:(_vm.selected_year),callback:function ($$v) {_vm.selected_year=$$v},expression:\"selected_year\"}})],1)])])],1),_c('v-card-text',{staticClass:\"pt-0\"},[_c('v-chart',{staticClass:\"chart\",attrs:{\"autoresize\":\"\",\"id\":_vm.chart_id,\"option\":_vm.option}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card flat style=\"border-radius: 1rem;\">\n    <v-toolbar flat dense>\n      <v-toolbar-title class=\"chart_title\">Radni sati</v-toolbar-title>\n      <v-spacer></v-spacer>\n      <v-menu\n        offset-y\n        left\n        rounded\n        :close-on-click=\"true\"\n        :close-on-content-click=\"false\"\n      >\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            class=\"ma-0 pa-0\"\n            plain\n            icon\n            small\n            dark\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon icon=\"3dots\" />\n          </v-btn>\n        </template>\n        <div\n          class=\"pa-0 tertiary\"\n          style=\"display:grid;width: 10rem;grid-row-gap:0rem;\"\n        >\n          <div class=\"body-1 pa-2 secondary white--text\">\n            Postavke\n          </div>\n          <div class=\"pa-2\">\n            <v-select\n              dense\n              mandatory\n              label=\"Godina\"\n              :items=\"years\"\n              outlined\n              hide-details\n              v-model=\"selected_year\"\n            >\n            </v-select>\n          </div>\n        </div>\n      </v-menu>\n    </v-toolbar>\n    <v-card-text class=\"pt-0\">\n      <v-chart class=\"chart\" autoresize :id=\"chart_id\" :option=\"option\" />\n    </v-card-text>\n  </v-card>\n</template>\n<script>\n  import { use } from \"echarts/core\";\n  import { CanvasRenderer } from \"echarts/renderers\";\n  import { PieChart } from \"echarts/charts\";\n  import \"echarts/lib/component/grid\";\n  import {\n    TitleComponent,\n    TooltipComponent,\n    LegendComponent,\n  } from \"echarts/components\";\n  use([\n    CanvasRenderer,\n    TitleComponent,\n    TooltipComponent,\n    LegendComponent,\n    PieChart,\n  ]);\n  import VChart from \"vue-echarts\";\n  export default {\n    components: {\n      VChart,\n      sabira_icon: () => import(\"@/components/sabira_icon\"),\n    },\n    data() {\n      return {\n        chart_id: \"tran_\" + new Date().getTime(),\n        is_loading: true,\n        selected_year: new Date().getFullYear(),\n        years: [\n          new Date().getFullYear(),\n          new Date().getFullYear() - 1,\n          new Date().getFullYear() - 2,\n          new Date().getFullYear() - 3,\n          new Date().getFullYear() - 4,\n          new Date().getFullYear() - 5,\n        ],\n        option: {\n          color: this.$chart_colors,\n          grid: {\n            top: 0,\n            bottom: 0,\n          },\n          title: {\n            show: false,\n            text: \"Radno vrijeme\",\n            left: \"center\",\n          },\n          label: {\n            alignTo: \"edge\",\n            formatter: (x) => {\n              return (\n                \"{name|\" +\n                x.data.name +\n                \"}\\n{value|\" +\n                this.$n(x.data.value) +\n                \"}\"\n              );\n            },\n            minMargin: 5,\n            edgeDistance: 16,\n            lineHeight: 18,\n            rich: {\n              name: {\n                fontSize: 14,\n                color: null,\n              },\n              value: {\n                fontSize: 14,\n                color: null,\n              },\n            },\n          },\n          labelLine: {\n            length: 15,\n            length2: 0,\n            maxSurfaceAngle: 80,\n          },\n          legend: {\n            orient: \"vertical\",\n            show: true,\n            top: \"bottom\",\n            left: \"left\",\n            data: [],\n            textStyle: {\n              color: null,\n              fontSize: 14,\n            },\n            itemStyle: {\n              borderWidth: 0,\n            },\n          },\n          tooltip: {\n            trigger: \"item\",\n            formatter: \"{b} : {c} ({d}%)\",\n          },\n          series: [\n            {\n              name: \"Vrijednosti\",\n              type: \"pie\",\n              radius: [40, 100],\n              center: [\"60%\", \"50%\"],\n              itemStyle: {\n                borderColor: \"#fff\",\n                borderWidth: 2,\n              },\n              data: [],\n              labelLine: {\n                show: true,\n              },\n              emphasis: {\n                label: {\n                  show: true,\n                  fontSize: \"13\",\n                  fontWeight: \"normal\",\n                },\n              },\n            },\n          ],\n        },\n      };\n    },\n    watch: {\n      selected_year: {\n        handler() {\n          this.get_data();\n        },\n        immediate: false,\n      },\n      \"$vuetify.theme.dark\": {\n        handler() {\n          this.option.label.rich.name.color = this.$vuetify.theme.dark\n            ? \"#fff\"\n            : \"#333\";\n          this.option.label.rich.value.color = this.$vuetify.theme.dark\n            ? \"#fff\"\n            : \"#333\";\n          this.option.legend.textStyle.color = this.$vuetify.theme.dark\n            ? \"#fff\"\n            : \"#333\";\n        },\n        immediate: true,\n      },\n    },\n    methods: {\n      get_data() {\n        this.option.series[0].data = [];\n        this.$http({\n          method: \"POST\",\n          url: \"/reports/widgets/employees/total_work_time_work_type\",\n          data: {\n            year: this.selected_year,\n            account_id: this.$store.getters.user.account_id,\n          },\n        }).then((resp) => {\n          this.option.series[0].data.push({\n            data: \"Redovan\",\n            value: resp.data[0].regular,\n            name: \"Redovan\",\n          });\n          this.option.series[0].data.push({\n            data: \"Godišnji\",\n            value: resp.data[0].vacation,\n            name: \"Godišnji\",\n          });\n          this.option.series[0].data.push({\n            data: \"Vjerski\",\n            value: resp.data[0].religious,\n            name: \"Vjerski\",\n          });\n          this.option.series[0].data.push({\n            data: \"Bolovanje\",\n            value: resp.data[0].sick,\n            name: \"Bolovanje\",\n          });\n          this.option.legend.data.push(\"Redovan\");\n          this.option.legend.data.push(\"Bolovanje\");\n          this.option.legend.data.push(\"Vjerski\");\n          this.option.legend.data.push(\"Godišnji\");\n\n          this.option.tooltip.formatter = (params) => {\n            const { name, value, percent } = params;\n            return `${name} : ${this.$n(value)} (${this.$n(percent)}%)`;\n          };\n        });\n      },\n    },\n    mounted() {\n      this.get_data();\n    },\n  };\n</script>\n<style scoped>\n  .chart {\n    height: 18rem;\n  }\n  .select {\n    width: 86px;\n    font-size: 13px;\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!./work_time_type.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!./work_time_type.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./work_time_type.vue?vue&type=template&id=88cc4556&scoped=true\"\nimport script from \"./work_time_type.vue?vue&type=script&lang=js\"\nexport * from \"./work_time_type.vue?vue&type=script&lang=js\"\nimport style0 from \"./work_time_type.vue?vue&type=style&index=0&id=88cc4556&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  \"88cc4556\",\n  null\n  \n)\n\nexport default component.exports","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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./work_time_type.vue?vue&type=style&index=0&id=88cc4556&prod&scoped=true&lang=css\""],"sourceRoot":""}