{"version":3,"sources":["webpack:///./src/components/dashboards/generic/kpi.vue?40d5","webpack:///src/components/dashboards/generic/kpi.vue","webpack:///./src/components/dashboards/generic/kpi.vue?7c7b","webpack:///./src/components/dashboards/generic/kpi.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","VSheet","staticClass","attrs","staticStyle","VCard","VMenu","scopedSlots","_u","key","fn","ref","on","VBtn","_g","_b","_v","VSelect","years","model","value","callback","$$v","selected_year","expression","style","_s","$n","parseFloat","total_revenue","toFixed","$t","total_collected","VChip","total_billed","total_billed_paid","total_debt","total_billed_status","status","total","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d20faa8.a3f05e2f.js","sourcesContent":["import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VSheet,{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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c('div',{staticStyle:{\"text-align\":\"right\",\"margin\":\"0rem 0rem -1.8rem 0rem\",\"pading\":\"0\"}},[_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',{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(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,[_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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_collected).toFixed(2)))+\"\\n          \"),_c(VChip,{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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_billed).toFixed(2)))+\"\\n          \"),_c(VChip,{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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_billed_paid).toFixed(2)))+\"\\n          \"),_c(VChip,{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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_debt).toFixed(2)))+\"\\n          \"),_c(VChip,{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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_c('div',{staticClass:\"focus_number\",style:(_vm.focusNumberStyle)},[_vm._v(\"\\n          \"+_vm._s(_vm.$n(parseFloat(_vm.total_billed_status).toFixed(2)))+\"\\n          \"),_c(VChip,{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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_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(VCard,{staticStyle:{\"border-radius\":\"10px\",\"overflow\":\"hidden\"},attrs:{\"flat\":\"\"}},[_c(VCardText,[_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)])}\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":""}