{"version":3,"sources":["webpack:///./src/components/dashboards/marketing/roi.vue","webpack:///src/components/dashboards/marketing/roi.vue","webpack:///./src/components/dashboards/marketing/roi.vue?9f70","webpack:///./src/components/dashboards/marketing/roi.vue?076b","webpack:///./src/components/dashboards/marketing/roi.vue?5c09"],"names":["attrs","_c","staticClass","_vm","chart_id","option","staticRenderFns","component"],"mappings":"+KAA6F,W,IAAuB,OAACA,EAAK,EAAC,S,OAAC,EAAM,OAAC,CAAE,aAAIC,gBAAe,Q,MAAQ,CAAU,KAAO,KAAM,CAACA,EAAG,QAAmBC,OAA4BC,KAAO,GAA4CD,MAAW,KAAwBA,UAAmB,CAACF,YAAM,e,CAAC,4BAAe,a,YAAUI,Q,CAAS,YAAaC,CAAM,oBAAG,MAAK,CACvZ,cACGC,cAEJ,OAAe,EAAEA,W,yHCgBjB,gBACA,OACA,OACA,OACA,OACA,SAGA,OACA,YACA,eAEA,OACA,OACA,sCACA,cACA,gBACA,aACA,QACA,yBACA,MACA,MACA,UAEA,OACA,QACA,eACA,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,eAEA,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,qDACA,MACA,kDAEA,SACA,iCACA,+BACA,gBAEA,iCACA,qBACA,gBAEA,uCACA,uCAEA,kCACA,kCACA,mDAKA,UACA,kBC9K0W,I,wBCQtWC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,sECnBf","file":"js/chunk-e105284e.02ae1146.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(\"Trošak vs Prihod\")])],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\">Trošak vs Prihod</v-toolbar-title>\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>\nimport { use } from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\nimport { PieChart } from \"echarts/charts\";\nimport \"echarts/lib/component/grid\";\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n} from \"echarts/components\";\nuse([\n  CanvasRenderer,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  PieChart,\n]);\nimport VChart from \"vue-echarts\";\nexport default {\n  components: {\n    VChart,\n  },\n  data() {\n    return {\n      chart_id: \"tran_\" + new Date().getTime(),\n      is_loading: true,\n      total_revenue: 0,\n      total_debt: 0,\n      option: {\n        color: this.$chart_colors,\n        grid: {\n          top: 0,\n          bottom: 0,\n        },\n        title: {\n          show: false,\n          text: \"Fakture\",\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/revenue/total_revenue_vs_debt\",\n        data: {\n          account_id: this.$store.getters.user.account_id,\n        },\n      }).then((resp) => {\n        this.option.series[0].data.push({\n          value: resp.data[0].mc.grand_total,\n          name: \"Prihod\",\n        });\n        this.option.series[0].data.push({\n          value: resp.data[0].paid,\n          name: \"Trošak\",\n        });\n        this.option.legend.data.push(\"Prihod\");\n        this.option.legend.data.push(\"Trošak\");\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!./roi.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!./roi.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./roi.vue?vue&type=template&id=2523230c&scoped=true\"\nimport script from \"./roi.vue?vue&type=script&lang=js\"\nexport * from \"./roi.vue?vue&type=script&lang=js\"\nimport style0 from \"./roi.vue?vue&type=style&index=0&id=2523230c&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  \"2523230c\",\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!./roi.vue?vue&type=style&index=0&id=2523230c&prod&scoped=true&lang=css\""],"sourceRoot":""}