{"version":3,"sources":["webpack:///./src/views/backoffice/administrator/online/users/players/totalOnlineBalance.vue?d550","webpack:///src/views/backoffice/administrator/online/users/players/totalOnlineBalance.vue","webpack:///./src/views/backoffice/administrator/online/users/players/totalOnlineBalance.vue?2c77","webpack:///./src/views/backoffice/administrator/online/users/players/totalOnlineBalance.vue","webpack:///./src/components/Charts/PieChart.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_e","directives","name","rawName","value","expression","staticStyle","_v","_s","$t","data","loading","showChart","brl","online_balance","online_bonus_balance","staticRenderFns","components","PieChart","mounted","getData","methods","$request","Number","toLocaleString","style","currency","minimumFractionDigits","maximumFractionDigits","component","VCard","VCardText","VChip","VCol","VProgressCircular","VRow","extends","Pie","props","chartData","labels","datasets","fill","backgroundColor","borderColor","options","legend","display","responsive","maintainAspectRatio","watch","val","buildChart","type","prize_value","bet_value","toFixed","loss_qtd","prize_qtd","active","inactive","renderChart"],"mappings":"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","file":"js/chunk-78198f37.da7f964e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{attrs:{\"cols\":\"12\"}},[_c('v-row',[_c('v-col',[_c('div',{staticClass:\"pa-6\"},[(_vm.loading)?_c('div',{attrs:{\"align\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}})],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showChart),expression:\"showChart\"}]},[_c('v-card-text',{staticStyle:{\"height\":\"auto\"}},[_c('h2',{attrs:{\"align\":\"center\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"totalOnlineBalanceDescription\"))+\" \")])]),_c('PieChart',{attrs:{\"data\":_vm.data,\"type\":'totalOnlineBalance'}}),(!_vm.loading && _vm.showChart)?_c('div',[_c('div',{staticClass:\"text-right mb-1\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"onlineBalance\"))+\": \"),_c('v-chip',{attrs:{\"small\":\"\",\"color\":\"orange darken-2\"}},[_vm._v(_vm._s(_vm.brl(_vm.data.online_balance))+\" \")])],1)]),_c('div',{staticClass:\"text-right\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"bonusBalance\"))+\": \"),_c('v-chip',{attrs:{\"small\":\"\",\"color\":\"purple darken-2\"}},[_vm._v(\" \"+_vm._s(_vm.brl(_vm.data.online_bonus_balance))+\" \")])],1)])]):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showChart && !_vm.loading),expression:\"!showChart && !loading\"}]},[_c('div',{staticClass:\"text-center\"},[_c('h3',[_vm._v(\" \"+_vm._s(_vm.$t(\"noDataForthisQuery\"))+\" \")])])])])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card cols=\"12\">\n      <v-row>\n        <v-col>\n          <div class=\"pa-6\">\n            <div v-if=\"loading\" align=\"center\">\n              <v-progress-circular\n                indeterminate\n              ></v-progress-circular>\n            </div>\n            <div v-show=\"showChart\">\n              <v-card-text style=\"height: auto\">\n                <h2 align=\"center\">\n                    {{ $t(\"totalOnlineBalanceDescription\") }}\n                </h2>\n              </v-card-text>\n              <PieChart :data=\"data\" :type=\"'totalOnlineBalance'\" />\n              <div v-if=\"!loading && showChart\">\n                <div class=\"text-right mb-1\">\n                  <span>\n                    {{ $t(\"onlineBalance\") }}:\n                    <v-chip small color=\"orange darken-2\"\n                      >{{ brl(data.online_balance) }}\n                    </v-chip></span\n                  >\n                </div>\n                <div class=\"text-right\">\n                  <span>\n                    {{ $t(\"bonusBalance\") }}:\n                    <v-chip small color=\"purple darken-2\">\n                      {{ brl(data.online_bonus_balance) }}\n                    </v-chip>\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div v-show=\"!showChart && !loading\">\n                <div class=\"text-center\">\n                  <h3>\n                    {{ $t(\"noDataForthisQuery\") }}\n                  </h3>\n                </div>\n          </div>\n          </div>\n        </v-col>\n      </v-row>\n    </v-card>\n  </div>\n</template>\n<script>\nimport PieChart from \"@/components/Charts/PieChart\";\n\nexport default {\n  components: {\n    PieChart,\n  },\n  data: () => ({\n    data: {\n      online_bonus_balance: '',\n      online_balance: '',\n    },\n    loading: true,\n    showChart: false\n  }),\n  mounted() {\n    this.getData();\n  },\n  methods: {\n    getData() {\n      this.$request\n        .get(\"/administrator/players/totalOnlineBalance\")\n        .then((res) => {\n          this.data = res.dados[0];\n          this.showChart = true;\n        })\n        .finally(() => {\n          this.loading = false;\n        });\n    },\n    brl(value) {\n      if (!value) {\n        return \"\";\n      }\n      \n      return Number(value).toLocaleString(\"pt-BR\", {\n        style: \"currency\",\n        currency: \"BRL\",\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    },\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!./totalOnlineBalance.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!./totalOnlineBalance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./totalOnlineBalance.vue?vue&type=template&id=c6e74eb4&\"\nimport script from \"./totalOnlineBalance.vue?vue&type=script&lang=js&\"\nexport * from \"./totalOnlineBalance.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VChip,VCol,VProgressCircular,VRow})\n","import {\n  Pie\n} from 'vue-chartjs'\n\nexport default {\n  name: \"Home\",\n  extends: Pie,\n  props: [\"data\", \"type\"],\n  data: () => ({\n    // subtitle: [\"Acumuladas\", \"Preço Acumuladas\", \"Valor de apostas\"],\n    // value: [0, 0, 0, 0, 0, 0],\n\n    chartData: {\n      labels: [],\n      datasets: [{\n        data: [0, 0, 0],\n        fill: false,\n        backgroundColor: [\n          // 'rgba(0, 70, 0, 0.3)', // Green \n          // 'rgba(255, 0, 0, 0.2)', // Red\n          // 'rgba(75, 192, 192, 1)', // Green\n          // 'rgba(54, 162, 235, 0.2)', // Blue\n          // 'rgba(153, 102, 255, 0.2)', // Purple\n        ],\n        borderColor: [\n          // 'rgba(0, 70, 0, 0.4)', // Green \n          // 'rgba(255, 99, 132, 0.3)', // Red\n          // 'rgba(255, 206, 86, 1)', // Yellow\n          // 'rgba(153, 102, 255, 1)',\n        ],\n\n      }]\n    },\n    options: {\n      legend: {\n        display: true\n      },\n      responsive: true,\n      maintainAspectRatio: false\n    }\n  }),\n\n  watch: {\n    data(val) {\n      // console.log(\"data\", val)\n      val && this.buildChart()\n    },\n  },\n\n  methods: {\n    async buildChart() {\n      if (this.type == \"betsResume\") {\n        // Labels\n        this.chartData.labels = [\n          this.$t('awarded'),\n          \"GGR\",\n        ];\n        // Colors\n        this.chartData.datasets[0].backgroundColor = [\n          'rgba(249, 168, 37, 1)', // Yellow - awarded\n          'rgba(255, 69, 0, 0.4)', // Orange Red \n        ];\n        // BorderColors\n        this.chartData.datasets[0].borderColor = [\n          'rgba(193, 121, 0, 1)', // Yellow - awarded\n          'rgba(255, 69, 0, 0.5)', // Orange Red\n        ]\n        // Apostas e Prêmiadas \n        this.chartData.datasets[0].data = [this.data.prize_value]\n        // Calcula o valor do GGR\n        this.chartData.datasets[0].data[1] = (Number(this.data.bet_value).toFixed(2) - Number(this.data.prize_value).toFixed(2)).toFixed(2)\n        // Altera as cores de acordo com o valor do GGR - Vermelho para negatívo\n        if (this.chartData.datasets[0].data[1] < 0) {\n          this.chartData.datasets[0].backgroundColor[1] = 'rgba(175, 0, 0, 1)' // Red Strong\n          this.chartData.datasets[0].borderColor[1] = 'rgba(175, 0, 0, 1)' // Red Strong\n        }\n        // Cores verdes para o GGR positívo\n        else {\n          this.chartData.datasets[0].backgroundColor[1] = 'rgba(46, 124, 49, 1)' // Green  Strong\n          this.chartData.datasets[0].borderColor[1] = 'rgba(0, 79, 4, 1)' // Green  Strong\n        }\n      }\n      //  Chart for Quantity bets \n      if (this.type == \"quantityBet\") {\n        this.chartData.labels = [\n          this.$t('AmountLostBets'),\n          this.$t('amountAwarded'),\n        ]\n\n        this.chartData.datasets[0].backgroundColor = [\n          'rgba(255, 99, 71, 0.5)', // Blue\n          'rgba(173, 255, 47, 0.4)' // Yellow \n        ];\n        this.chartData.datasets[0].borderColor = [\n          'rgba(255, 99, 71, 0.6)', // Blue\n          'rgba(173, 255, 47, 0.5)' // Yellow\n        ]\n        this.chartData.datasets[0].data = [this.data.loss_qtd + 2, this.data.prize_qtd,]\n\n      }\n      //  Chart for Quantity bets \n      if (this.type == \"playersInactive\") {\n        this.chartData.labels = [\n          this.$t('actives'),\n          this.$t('inactives'),\n        ]\n\n        this.chartData.datasets[0].backgroundColor = [\n          'rgba(0, 70, 0, 0.3)', // Green \n          'rgba(255, 0, 0, 0.2)', // Red \n        ];\n        this.chartData.datasets[0].borderColor = [\n          'rgba(0, 70, 0, 0.4)', // Green \n          'rgba(255, 99, 132, 0.3)', // Red\n        ]\n        this.chartData.datasets[0].data = [this.data.active, this.data.inactive]\n\n      }\n\n      if (this.type == \"totalOnlineBalance\") {\n        this.chartData.labels = [\n          this.$t('onlineBalance'),\n          this.$t('bonusBalance'),\n        ]\n\n        this.chartData.datasets[0].backgroundColor = [\n          'rgba(245, 124, 0)', // Orange\n          'rgba(123, 31, 162)', // Purple \n        ];\n\n        this.chartData.datasets[0].borderColor = [\n          'rgba(0, 0, 0, 0.3)', // Transparent\n          'rgba(0, 0, 0, 0.3)', // Transparent\n        ]\n\n        this.chartData.datasets[0].data = [this.data.online_balance, this.data.online_bonus_balance]\n      }\n\n      this.renderChart(this.chartData, this.options)\n    },\n  },\n};"],"sourceRoot":""}