{"version":3,"sources":["webpack:///./src/components/dashboards/generic/kpi.vue","webpack:///src/components/dashboards/generic/kpi.vue","webpack:///./src/components/dashboards/generic/kpi.vue?ec9b","webpack:///./src/components/dashboards/generic/kpi.vue?24f4"],"names":["_c","staticStyle","attrs","scopedSlots","fn","_g","on","staticClass","_vm","model","value","callback","selected_year","expression","style","focusNumberStyle","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d20faa8.7874ded8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-sheet',{staticClass:\"pa-4\",attrs:{\"color\":\"transparent\",\"tile\":\"\"}},[_c('div',{staticStyle:{\"margin-bottom\":\"-0.3rem\",\"align-items\":\"center\",\"display\":\"grid\",\"grid-template-columns\":\"repeat(4,1fr)\",\"grid-column-gap\":\"1rem\",\"grid-row-gap\":\"1rem\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('div',{staticStyle:{\"text-align\":\"right\",\"margin\":\"0rem 0rem -1.8rem 0rem\",\"pading\":\"0\"}},[_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',{staticClass:\"mr-4\",attrs:{\"icon\":\"3dots\",\"strokewidth\":3,\"height\":15,\"width\":15}})],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',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_revenue).toFixed(2)))+\"\\n        \")]),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"revenue_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_collected).toFixed(2)))+\"\\n          \"),_c('v-chip',{staticClass:\"mb-1 pl-2 pr-2\",style:(_vm.focusPercentStyle),attrs:{\"label\":\"\",\"small\":\"\",\"dark\":\"\",\"color\":\"primary\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$n(\n                parseFloat(\n                  (_vm.total_collected /\n                    (_vm.total_revenue > 0 ? _vm.total_revenue : 1)) *\n                    100\n                ).toFixed(2)\n              ) + \"%\")+\"\\n          \")])],1),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"paid_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_billed).toFixed(2)))+\"\\n          \"),_c('v-chip',{staticClass:\"mb-1 pl-2 pr-2\",style:(_vm.focusPercentStyle),attrs:{\"label\":\"\",\"small\":\"\",\"dark\":\"\",\"color\":\"primary\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$n(\n                parseFloat(\n                  (_vm.total_billed / (_vm.total_revenue > 0 ? _vm.total_revenue : 1)) *\n                    100\n                ).toFixed(2)\n              ) + \"%\")+\"\\n          \")])],1),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"total_billed_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_billed_paid).toFixed(2)))+\"\\n          \"),_c('v-chip',{staticClass:\"mb-1 pl-2 pr-2\",style:(_vm.focusPercentStyle),attrs:{\"label\":\"\",\"small\":\"\",\"dark\":\"\",\"color\":\"primary\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$n(\n                parseFloat(\n                  (_vm.total_billed_paid /\n                    (_vm.total_billed > 0 ? _vm.total_billed : 1)) *\n                    100\n                ).toFixed(2)\n              ) + \"%\")+\"\\n          \")])],1),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"total_billed_paid_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_debt).toFixed(2)))+\"\\n          \"),_c('v-chip',{staticClass:\"mb-1 pl-2 pr-2\",style:(_vm.focusPercentStyle),attrs:{\"label\":\"\",\"small\":\"\",\"dark\":\"\",\"color\":\"primary\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$n(\n                parseFloat(\n                  100 -\n                    (_vm.total_collected /\n                      (_vm.total_revenue > 0 ? _vm.total_revenue : 1)) *\n                      100\n                ).toFixed(2)\n              ) + \"%\")+\"\\n          \")])],1),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"owed_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_billed_status).toFixed(2)))+\"\\n          \"),_c('v-chip',{staticClass:\"mb-1 pl-2 pr-2\",style:(_vm.focusPercentStyle),attrs:{\"label\":\"\",\"small\":\"\",\"dark\":\"\",\"color\":\"primary\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$n(\n                parseFloat(\n                  100 -\n                    (_vm.total_billed_paid /\n                      (_vm.total_billed > 0 ? _vm.total_billed : 1)) *\n                      100\n                ).toFixed(2)\n              ) + \"%\")+\"\\n          \")])],1),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"total_billed_status_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.status).toFixed(2)))+\"\\n        \")]),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"status_description\"))+\"\\n        \")])])],1),_c('v-card',{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total).toFixed(2)))+\"\\n        \")]),_c('div',{staticClass:\"focus_description\",style:(_vm.focusDescriptionStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"total_description\"))+\"\\n        \")])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-sheet color=\"transparent\" tile class=\"pa-4\">\n    <div\n      style=\"margin-bottom:-0.3rem;align-items:center;display:grid;grid-template-columns: repeat(4,1fr); grid-column-gap: 1rem;grid-row-gap: 1rem;\"\n    >\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <div style=\"text-align:right;margin: 0rem 0rem -1.8rem 0rem;pading:0;\">\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\n                  icon=\"3dots\"\n                  :strokewidth=\"3\"\n                  class=\"mr-4\"\n                  :height=\"15\"\n                  :width=\"15\"\n                />\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        </div>\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total_revenue).toFixed(2)) }}\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"revenue_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total_collected).toFixed(2)) }}\n            <v-chip\n              class=\"mb-1 pl-2 pr-2\"\n              label\n              small\n              dark\n              color=\"primary\"\n              :style=\"focusPercentStyle\"\n            >\n              {{\n                $n(\n                  parseFloat(\n                    (total_collected /\n                      (total_revenue > 0 ? total_revenue : 1)) *\n                      100\n                  ).toFixed(2)\n                ) + \"%\"\n              }}\n            </v-chip>\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"paid_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total_billed).toFixed(2)) }}\n            <v-chip\n              class=\"mb-1 pl-2 pr-2\"\n              label\n              small\n              dark\n              color=\"primary\"\n              :style=\"focusPercentStyle\"\n            >\n              {{\n                $n(\n                  parseFloat(\n                    (total_billed / (total_revenue > 0 ? total_revenue : 1)) *\n                      100\n                  ).toFixed(2)\n                ) + \"%\"\n              }}\n            </v-chip>\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"total_billed_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total_billed_paid).toFixed(2)) }}\n            <v-chip\n              class=\"mb-1 pl-2 pr-2\"\n              label\n              small\n              dark\n              color=\"primary\"\n              :style=\"focusPercentStyle\"\n            >\n              {{\n                $n(\n                  parseFloat(\n                    (total_billed_paid /\n                      (total_billed > 0 ? total_billed : 1)) *\n                      100\n                  ).toFixed(2)\n                ) + \"%\"\n              }}\n            </v-chip>\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"total_billed_paid_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total_debt).toFixed(2)) }}\n            <v-chip\n              class=\"mb-1 pl-2 pr-2\"\n              label\n              small\n              dark\n              color=\"primary\"\n              :style=\"focusPercentStyle\"\n            >\n              {{\n                $n(\n                  parseFloat(\n                    100 -\n                      (total_collected /\n                        (total_revenue > 0 ? total_revenue : 1)) *\n                        100\n                  ).toFixed(2)\n                ) + \"%\"\n              }}\n            </v-chip>\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"owed_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total_billed_status).toFixed(2)) }}\n            <v-chip\n              class=\"mb-1 pl-2 pr-2\"\n              label\n              small\n              dark\n              color=\"primary\"\n              :style=\"focusPercentStyle\"\n            >\n              {{\n                $n(\n                  parseFloat(\n                    100 -\n                      (total_billed_paid /\n                        (total_billed > 0 ? total_billed : 1)) *\n                        100\n                  ).toFixed(2)\n                ) + \"%\"\n              }}\n            </v-chip>\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"total_billed_status_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(status).toFixed(2)) }}\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"status_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n\n      <v-card flat style=\"border-radius: 10px; overflow:hidden;\">\n        <v-card-text>\n          <div class=\"focus_number\" :style=\"focusNumberStyle\">\n            {{ $n(parseFloat(total).toFixed(2)) }}\n          </div>\n          <div class=\"focus_description\" :style=\"focusDescriptionStyle\">\n            {{ $t(\"total_description\") }}\n          </div>\n        </v-card-text>\n      </v-card>\n    </div>\n  </v-sheet>\n</template>\n<script>\n  export default {\n    components: {\n      sabira_icon: () => import(\"@/components/sabira_icon\"),\n    },\n    computed: {\n      focusNumberStyle() {\n        return {\n          fontFamily: \"Open Sans\",\n          fontWeight: 500,\n          fontSize: \"1.20rem\",\n          lineHeight: \"2rem\",\n          color: this.$vuetify.theme.dark ? \"#fff\" : \"\",\n        };\n      },\n      focusDescriptionStyle() {\n        return {\n          fontSize: \"0.9rem\",\n          color: this.$vuetify.theme.dark ? \"#fff\" : \"\",\n        };\n      },\n      focusPercentStyle() {\n        return {\n          fontSize: \"0.85rem\",\n          color: this.$vuetify.theme.dark ? \"black\" : \"\",\n        };\n      },\n    },\n    data() {\n      return {\n        is_loading: true,\n        total_revenue: 0,\n        total_debt: 0,\n        total_collected: 0,\n        total: 0,\n        total_billed: 0,\n        total_billed_paid: 0,\n        total_billed_status: 0,\n        status: 0,\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      };\n    },\n    watch: {\n      selected_year: {\n        handler() {\n          this.get_data();\n        },\n        immediate: false,\n      },\n    },\n    methods: {\n      get_data() {\n        this.$http({\n          method: \"POST\",\n          url: \"/reports/widgets/revenue/total_revenue_vs_debt\",\n          data: {\n            year: this.selected_year,\n            account_id: this.$store.getters.user.account_id,\n          },\n        }).then((resp) => {\n          this.total_revenue =\n            resp.data[0].invoiced == null ? 0 : resp.data[0].invoiced;\n          this.total_collected =\n            resp.data[0].paid == null ? 0 : resp.data[0].paid;\n          this.total_debt = this.total_collected - this.total_revenue;\n          this.total_billed =\n            resp.data[0].billed == null ? 0 : resp.data[0].billed;\n          this.total = this.total_collected - this.total_billed;\n          this.total_billed_paid =\n            resp.data[0].billed_paid !== null ? resp.data[0].billed_paid : 0;\n          this.total_billed_status = this.total_billed_paid - this.total_billed;\n\n          this.status = this.total_collected - this.total_billed_paid;\n        });\n      },\n    },\n    mounted() {\n      this.get_data();\n    },\n  };\n</script>\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!./kpi.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!./kpi.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./kpi.vue?vue&type=template&id=c4a4ead4\"\nimport script from \"./kpi.vue?vue&type=script&lang=js\"\nexport * from \"./kpi.vue?vue&type=script&lang=js\"\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"],"sourceRoot":""}