{"version":3,"sources":["webpack:///./src/components/dashboards/payments/ko_by_month.vue?ebcc","webpack:///src/components/dashboards/payments/ko_by_month.vue","webpack:///./src/components/dashboards/payments/ko_by_month.vue?3b1b","webpack:///./src/components/dashboards/payments/ko_by_month.vue?b574","webpack:///./src/components/dashboards/payments/ko_by_month.vue?e751"],"names":["render","_vm","this","_h","$createElement","_c","_self","VCard","staticStyle","attrs","VToolbar","staticClass","_v","VSpacer","VMenu","scopedSlots","_u","key","fn","ref","on","VBtn","_g","_b","VSelect","years","model","value","callback","$$v","selected_year","expression","chart_id","option","staticRenderFns","component"],"mappings":"2NASIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAGE,EAAA,KAAM,CAACC,YAAY,CAAC,gBAAgB,QAAQC,MAAM,CAAC,KAAO,KAAK,CAACJ,EAAGK,EAAA,KAAS,CAACD,MAAM,CAAC,KAAO,GAAG,MAAQ,KAAK,CAACJ,EAAG,OAAc,CAACM,YAAY,eAAe,CAACV,EAAIW,GAAG,qCAAqCP,EAAGQ,EAAA,MAASR,EAAGS,EAAA,KAAM,CAACL,MAAM,CAAC,WAAW,GAAG,KAAO,GAAG,QAAU,GAAG,kBAAiB,EAAK,0BAAyB,GAAOM,YAAYd,EAAIe,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GACld,IAAIC,EAAKD,EAAIC,GACTX,EAAQU,EAAIV,MAChB,MAAO,CAACJ,EAAGgB,EAAA,KAAKpB,EAAIqB,GAAGrB,EAAIsB,GAAG,CAACZ,YAAY,YAAYF,MAAM,CAAC,MAAQ,GAAG,KAAO,GAAG,MAAQ,GAAG,KAAO,KAAK,QAAQA,GAAM,GAAOW,GAAI,CAACf,EAAG,cAAc,CAACI,MAAM,CAAC,KAAO,YAAY,SAAS,CAACJ,EAAG,MAAM,CAACM,YAAY,gBAAgBH,YAAY,CAAC,QAAU,OAAO,MAAQ,QAAQ,eAAe,SAAS,CAACH,EAAG,MAAM,CAACM,YAAY,qCAAqC,CAACV,EAAIW,GAAG,oCAAoCP,EAAG,MAAM,CAACM,YAAY,QAAQ,CAACN,EAAGmB,EAAA,KAAQ,CAACf,MAAM,CAAC,MAAQ,GAAG,UAAY,GAAG,MAAQ,SAAS,MAAQR,EAAIwB,MAAM,SAAW,GAAG,eAAe,IAAIC,MAAM,CAACC,MAAO1B,EAAiB,cAAE2B,SAAS,SAAUC,GAAM5B,EAAI6B,cAAcD,GAAKE,WAAW,oBAAoB,QAAQ,GAAG1B,EAAG,OAAU,CAACM,YAAY,QAAQ,CAACN,EAAG,UAAU,CAACM,YAAY,QAAQF,MAAM,CAAC,WAAa,GAAG,GAAKR,EAAI+B,SAAS,OAAS/B,EAAIgC,WAAW,IAAI,IAC/xBC,EAAkB,G,wHCoDtB,gBACA,OACA,OACA,OACA,OACA,OACA,SAGA,OACA,YACA,cACA,6DAEA,OACA,OACA,cACA,SACA,sCACA,uCACA,QACA,yBACA,2BACA,2BACA,2BACA,2BACA,2BAEA,QACA,wBACA,yBACA,sBACA,uBACA,qBACA,sBACA,sBACA,wBACA,2BACA,0BACA,2BACA,4BAEA,QACA,yBACA,MACA,MACA,UACA,SAEA,OACA,sCACA,cACA,SAEA,SACA,eACA,uBAEA,OACA,gBACA,QACA,WACA,sBACA,yBAEA,aAGA,OACA,CACA,aACA,WACA,cAIA,aAIA,OACA,eACA,UACA,iBAEA,cAEA,uBACA,WACA,kDACA,sDAEA,eAGA,SACA,gBACA,0CAEA,qBACA,aAEA,0CACA,gDAGA,kDACA,yBAGA,8BACA,kCACA,6BAIA,WACA,oBACA,CACA,uBACA,WACA,QACA,kBACA,iBACA,mCAGA,CACA,aACA,YACA,UACA,QACA,eAGA,YACA,cACA,mCACA,MACA,wBACA,kDAEA,SACA,kBACA,kDACA,wBACA,QAWA,GATA,4DAEA,aACA,4CACA,YAEA,iCACA,UAEA,WACA,uCACA,CACA,6CACA,uBACA,gCACA,kCAGA,wCAKA,4BAGA,UACA,kBChPmX,I,wBCQ/WC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W","file":"js/chunk-8014fa1e.bff4acc5.js","sourcesContent":["import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VCard,{staticStyle:{\"border-radius\":\"1rem\"},attrs:{\"flat\":\"\"}},[_c(VToolbar,{attrs:{\"flat\":\"\",\"dense\":\"\"}},[_c(VToolbarTitle,{staticClass:\"chart_title\"},[_vm._v(\"Knjižne obavijesti po mjesecima\")]),_c(VSpacer),_c(VMenu,{attrs:{\"offset-y\":\"\",\"left\":\"\",\"rounded\":\"\",\"close-on-click\":true,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c(VBtn,_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(VSelect,{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(VCardText,{staticClass:\"pt-0\"},[_c('v-chart',{staticClass:\"chart\",attrs:{\"autoresize\":\"\",\"id\":_vm.chart_id,\"option\":_vm.option}})],1)],1)}\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\"\n        >Knjižne obavijesti po mjesecima</v-toolbar-title\n      >\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 { BarChart } from \"echarts/charts\";\n  import { LineChart } 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    BarChart,\n    LineChart,\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        is_loading: false,\n        items: [],\n        chart_id: \"paid_\" + new Date().getTime(),\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        months: [\n          { name: \"Januar\", month: 1 },\n          { name: \"Februar\", month: 2 },\n          { name: \"Mart\", month: 3 },\n          { name: \"April\", month: 4 },\n          { name: \"Maj\", month: 5 },\n          { name: \"Juni\", month: 6 },\n          { name: \"Juli\", month: 7 },\n          { name: \"August\", month: 8 },\n          { name: \"Septembar\", month: 9 },\n          { name: \"Oktobar\", month: 10 },\n          { name: \"Novembar\", month: 11 },\n          { name: \"Decembar\", month: 12 },\n        ],\n        option: {\n          color: this.$chart_colors,\n          grid: {\n            top: 5,\n            bottom: 20,\n            right: 5,\n          },\n          title: {\n            text: \"Knjižne obavjesti po mjesecima\",\n            left: \"center\",\n            show: false,\n          },\n          tooltip: {\n            trigger: \"item\",\n            formatter: \"{b} : {c}\",\n          },\n          xAxis: {\n            type: \"category\",\n            data: [],\n            axisLabel: {\n              formatter: function(value) {\n                return value.substring(0, 1);\n              },\n              color: null,\n            },\n          },\n          yAxis: [\n            {\n              type: \"value\",\n              axisLabel: {\n                color: null,\n              },\n            },\n          ],\n          series: [],\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(value) {\n          this.option.xAxis.axisLabel.color = value ? \"#fff\" : \"#000\";\n          this.option.yAxis[0].axisLabel.color = value ? \"#fff\" : \"#000\";\n        },\n        immediate: true,\n      },\n    },\n    methods: {\n      formatNumber(value) {\n        return this.$n(parseFloat(value).toFixed(2));\n      },\n      updateOptionValues() {\n        const self = this;\n\n        this.option.tooltip.formatter = function(params) {\n          return `${params.name} : ${self.formatNumber(params.value)}`;\n        };\n\n        this.option.xAxis.axisLabel.formatter = function(value) {\n          return value.substring(0, 1);\n        };\n\n        this.option.yAxis.forEach((yAxis) => {\n          yAxis.axisLabel.formatter = function(value) {\n            return self.formatNumber(value);\n          };\n        });\n      },\n      get_data() {\n        this.option.series = [\n          {\n            name: \"KO po mjesecima\",\n            type: \"bar\",\n            data: [],\n            showBackground: true,\n            backgroundStyle: {\n              color: \"rgba(180, 180, 180, 0.2)\",\n            },\n          },\n          {\n            name: \"CMAGR\",\n            type: \"line\",\n            smooth: true,\n            data: [],\n            yAxisIndex: 0,\n          },\n        ];\n        this.$http({\n          method: \"POST\",\n          url: \"/reports/widgets/ko_by_month\",\n          data: {\n            year: this.selected_year,\n            account_id: this.$store.getters.user.account_id,\n          },\n        }).then((resp) => {\n          this.items = resp.data;\n          this.option.xAxis.data = this.months.map((x) => x.name);\n          this.months.forEach((m) => {\n            var m_total = 0;\n            if (\n              typeof this.items.find((i) => i.month == m.month) !== \"undefined\"\n            ) {\n              m_total = parseFloat(\n                this.items.find((i) => i.month == m.month).total\n              ).toFixed(2);\n            }\n            this.option.series[0].data.push({\n              value: m_total,\n            });\n            if (m.month == 1) {\n              this.option.series[1].data.push(0);\n            } else {\n              var p_month = this.items.find((i) => i.month == m.month - 1);\n              if (typeof p_month !== \"undefined\") {\n                this.option.series[1].data.push(\n                  parseFloat(m_total - p_month.total).toFixed(2)\n                );\n              } else {\n                this.option.series[1].data.push(0);\n              }\n            }\n          });\n        });\n        this.updateOptionValues();\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!./ko_by_month.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!./ko_by_month.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ko_by_month.vue?vue&type=template&id=3e750466&scoped=true&\"\nimport script from \"./ko_by_month.vue?vue&type=script&lang=js&\"\nexport * from \"./ko_by_month.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ko_by_month.vue?vue&type=style&index=0&id=3e750466&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  \"3e750466\",\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!./ko_by_month.vue?vue&type=style&index=0&id=3e750466&scoped=true&lang=css&\""],"sourceRoot":""}