{"version":3,"sources":["webpack:///./src/components/global/reportingTable/DimensionSelect.vue?f3dc","webpack:///./src/components/dashboards/device/Device.vue?3396","webpack:///src/components/dashboards/device/Device.vue","webpack:///./src/components/dashboards/device/Device.vue?f5db","webpack:///./src/components/dashboards/device/Device.vue","webpack:///./src/components/global/DimensionPerformanceCard.vue?f71d","webpack:///./src/components/global/ChartCard.vue?3368","webpack:///./src/components/global/reportingTable/ReportingTable.vue?9171","webpack:///./src/components/global/reportingTable/DimensionSelect.vue?2a7f","webpack:///src/components/global/reportingTable/DimensionSelect.vue","webpack:///./src/components/global/reportingTable/DimensionSelect.vue?70cd","webpack:///./src/components/global/reportingTable/DimensionSelect.vue","webpack:///./src/components/global/reportingTable/DataTable.vue?c2b4","webpack:///src/components/global/reportingTable/DataTable.vue","webpack:///./src/components/global/reportingTable/DataTable.vue?d765","webpack:///./src/components/global/reportingTable/DataTable.vue","webpack:///src/components/global/reportingTable/ReportingTable.vue","webpack:///./src/components/global/reportingTable/ReportingTable.vue?7082","webpack:///./src/components/global/reportingTable/ReportingTable.vue","webpack:///./src/components/global/DimensionPerformanceCard.vue?af21","webpack:///src/components/global/DimensionPerformanceCard.vue","webpack:///./src/components/global/DimensionPerformanceCard.vue?efd8","webpack:///./src/components/global/DimensionPerformanceCard.vue","webpack:///./src/components/global/ChartCard.vue?af55","webpack:///src/components/global/ChartCard.vue","webpack:///./src/components/global/ChartCard.vue?2ad8","webpack:///./src/components/global/ChartCard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","model","value","callback","$$v","dateRange","expression","_v","deviceChartTitle","deviceDailyData","deviceDailyOptions","devicePieChartTitle","deviceData","isLoggedIn","isNotActivated","fromDate","toDate","_e","staticRenderFns","component","VContainer","VFlex","VLayout","computedMetricList","computedSelectedMetrics","computedPrimaryDimension","computedPrimaryDimensionList","computedSecondaryDimension","computedSecondaryDimensionList","parent","computedDimensionsFromData","computedItems","primaryDimensionList","primaryDimensionDisabled","secondaryDimensionList","metricList","scopedSlots","_u","key","fn","ref","item","index","_s","text","length","on","$event","applyDimensions","VBtn","VChip","VSelect","search","computedHeaders","items","showProgress","itemsPerPageOptions","rowOptions","props","_l","header","d1","d2","computedItemConversion","slot","VCard","VCardTitle","VDataTable","VProgressLinear","VSpacer","VTextField","dimension","dataRow","advertiser","_f","winCPM","revenue","VCardText","VList","VListItem","VListItemContent","computedTitle","type","chartDatasetOptions","chartLibraryOptions","computedDataset","computedLineChartDataset","computedGoogleDataset","googleGeoChartOptions","googleGeoChartSettings","googleChartOptions"],"mappings":"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","file":"js/chunk-7a2923a0.c96abd5c.js","sourcesContent":["export * from \"-!../../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DimensionSelect.vue?vue&type=style&index=0&id=3b596552&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"grid-list-md\":\"\",\"fluid\":\"\"}},[(_vm.hasSiteGroup)?_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"column\":\"\"}},[_c('v-layout',{staticClass:\"mt-4 mb-3\",attrs:{\"xs12\":\"\",\"row\":\"\"}},[_c('v-flex',{staticClass:\"date-flex text-left\",attrs:{\"xs6\":\"\",\"column\":\"\"}},[_c('date-range',{attrs:{\"parent\":\"device\"},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1),_c('v-flex',{staticClass:\"utc-message-flex text-right\",attrs:{\"column\":\"\"}},[_c('p',{staticClass:\"caption\"},[_vm._v(\"All data is in UTC timezone\")])])],1),_c('v-layout',{staticClass:\"second-card-row card-row\",attrs:{\"xs12\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"card-row-flex second-card-row-flex\",attrs:{\"xs12\":\"\",\"md7\":\"\"}},[_c('chart-card',{attrs:{\"type\":\"line\",\"dimension\":\"device\",\"title\":_vm.deviceChartTitle,\"dataset\":_vm.deviceDailyData,\"options\":_vm.deviceDailyOptions,\"xAxis\":\"date\",\"yAxis\":\"revenue\"}})],1),_c('v-flex',{staticClass:\"card-row-flex second-card-row-flex\",attrs:{\"xs12\":\"\",\"md5\":\"\"}},[_c('chart-card',{attrs:{\"type\":\"pie\",\"dimension\":\"deviceType\",\"parent\":\"dashboard\",\"title\":_vm.devicePieChartTitle,\"dataset\":_vm.deviceData}})],1)],1),_c('reporting-table',{attrs:{\"parent\":\"device\",\"isLoggedIn\":_vm.isLoggedIn,\"isNotActivated\":_vm.isNotActivated,\"fromDate\":this.dateRange.fromDate,\"toDate\":this.dateRange.toDate}})],1)],1):_vm._e(),(!_vm.isLoggedIn)?_c('v-layout',{staticClass:\"mt-5\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"justify-center\":\"\"}},[_c('h3',[_vm._v(\"Login to access dashboard\")])])],1):_vm._e(),(_vm.isNotActivated)?_c('v-layout',{staticClass:\"mt-5\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"justify-center\":\"\"}},[_c('h3',[_vm._v(\"Please Contact Us to Activate Account\")])])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container grid-list-md fluid>\r\n        <v-layout v-if=\"hasSiteGroup\" row wrap>\r\n            <v-flex xs12 column>\r\n              <!-- Date -->\r\n              <v-layout xs12 row class='mt-4 mb-3'>\r\n                  <v-flex xs6 column class='date-flex text-left'>\r\n                      <date-range v-model=\"dateRange\" parent=\"device\" />\r\n                  </v-flex>\r\n                  <v-flex column class='utc-message-flex text-right'>\r\n                    <p class=\"caption\">All data is in UTC timezone</p>\r\n                  </v-flex>\r\n              </v-layout>\r\n\r\n              <!--  Second Card Row  -->\r\n              <v-layout class=\"second-card-row card-row\" xs12 row wrap>\r\n                <v-flex class=\"card-row-flex second-card-row-flex\" xs12 md7>\r\n                  <chart-card\r\n                    type=\"line\"\r\n                    dimension=\"device\"\r\n                    :title=\"deviceChartTitle\"\r\n                    :dataset=\"deviceDailyData\"\r\n                    :options=\"deviceDailyOptions\"\r\n                    xAxis=\"date\"\r\n                    yAxis=\"revenue\"\r\n                  />\r\n                </v-flex>\r\n                <v-flex class=\"card-row-flex second-card-row-flex\" xs12 md5>\r\n                  <chart-card\r\n                    type=\"pie\"\r\n                    dimension=\"deviceType\"\r\n                    parent=\"dashboard\"\r\n                    :title=\"devicePieChartTitle\"\r\n                    :dataset=\"deviceData\"\r\n                  />\r\n                </v-flex>\r\n              </v-layout>\r\n\r\n              <!-- Dimension Select -->\r\n              <reporting-table \r\n                  parent=\"device\"\r\n                  :isLoggedIn=\"isLoggedIn\"\r\n                  :isNotActivated=\"isNotActivated\"\r\n                  :fromDate=\"this.dateRange.fromDate\"\r\n                  :toDate=\"this.dateRange.toDate\" />\r\n              \r\n            </v-flex>\r\n        </v-layout>\r\n        <v-layout v-if=\"!isLoggedIn\" row wrap class=\"mt-5\">\r\n          <v-flex xs12 justify-center>\r\n            <h3>Login to access dashboard</h3>\r\n          </v-flex>\r\n        </v-layout>\r\n        <v-layout v-if=\"isNotActivated\" row wrap class=\"mt-5\">\r\n          <v-flex xs12 justify-center>\r\n            <h3>Please Contact Us to Activate Account</h3>\r\n          </v-flex>\r\n        </v-layout>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\n    import DateRange from '@/components/global/DateRange.vue'\r\n    import ChartCard from '@/components/global/ChartCard.vue'\r\n    import DimensionPerformanceCard from '@/components/global/DimensionPerformanceCard.vue'\r\n    import ReportingTable from '@/components/global/reportingTable/ReportingTable.vue'\r\n    import ReportingService from '@/services/ReportingService'\r\n\r\n    export default {\r\n        data() {\r\n            return {\r\n                error: null,\r\n                deviceChartTitle: \"Device Performance\",\r\n                devicePieChartTitle: \"Top Devices By Revenue\"\r\n            }\r\n        },\r\n        computed: {\r\n            dateRange() {\r\n                return this.$store.getters.deviceDateRange;\r\n            },\r\n            deviceData() {\r\n              const data = this.$store.getters.deviceData;\r\n              return data;\r\n            },\r\n            deviceDailyData() {\r\n              const data = this.$store.getters.deviceDailyData || {};\r\n              return data.datasets;\r\n            },\r\n            deviceDailyOptions() {\r\n              const data = this.$store.getters.deviceDailyData || {};\r\n              return data.options;\r\n            },\r\n            isNotActivated() {\r\n              return this.isLoggedIn && !this.hasSiteGroup;\r\n            },\r\n            isLoggedIn() {\r\n              return this.$store.getters.isUserLoggedIn;\r\n            },\r\n            hasSiteGroup() {\r\n              return this.isLoggedIn && this.$store.getters.siteGroupList.length;\r\n            }\r\n        },\r\n        watch: {\r\n        '$store.getters.token': function () {\r\n            this.getData();\r\n          },\r\n          '$store.getters.deviceFetchData': function(new_val, old_val) {\r\n            if (new_val)\r\n              this.getData();\r\n          }\r\n        },\r\n        methods: {\r\n          // FIX THIS WHEN SERVER RESPONDS WITH ERROR\r\n          getData () {\r\n            const options = {\r\n              isLoggedIn: this.isLoggedIn,\r\n              isNotActivated: this.isNotActivated,\r\n              fromDate: this.dateRange.fromDate,\r\n              toDate: this.dateRange.toDate,\r\n              dashboard: \"device\"\r\n            }\r\n            ReportingService.getData(this.$store, options);\r\n          }\r\n        },\r\n        created() {\r\n          if (this.$store.getters.deviceFetchData) {\r\n            this.getData();\r\n          }\r\n        },\r\n        components: {\r\n            DateRange,\r\n            ChartCard,\r\n            DimensionPerformanceCard,\r\n            ReportingTable\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n</style>\r\n","import mod from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Device.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Device.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Device.vue?vue&type=template&id=687af1ac&scoped=true\"\nimport script from \"./Device.vue?vue&type=script&lang=js\"\nexport * from \"./Device.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  \"687af1ac\",\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 { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VContainer,VFlex,VLayout})\n","export * from \"-!../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DimensionPerformanceCard.vue?vue&type=style&index=0&id=1a66e46c&prod&lang=css\"","export * from \"-!../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartCard.vue?vue&type=style&index=0&id=286f37cf&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"column\":\"\"}},[_c('v-layout',{attrs:{\"xs12\":\"\",\"row\":\"\"}},[_c('v-flex',[_c('dimension-select',{attrs:{\"metricList\":_vm.computedMetricList,\"selectedMetrics\":_vm.computedSelectedMetrics,\"primaryDimension\":_vm.computedPrimaryDimension,\"primaryDimensionList\":_vm.computedPrimaryDimensionList,\"secondaryDimension\":_vm.computedSecondaryDimension,\"secondaryDimensionList\":_vm.computedSecondaryDimensionList,\"parent\":_vm.parent}})],1)],1),_c('v-layout',{staticClass:\"mt-4\",attrs:{\"xs12\":\"\",\"row\":\"\"}},[_c('v-flex',[_c('data-table',{attrs:{\"metricList\":_vm.computedMetricList,\"selectedMetrics\":_vm.computedSelectedMetrics,\"primaryDimension\":_vm.computedPrimaryDimension,\"secondaryDimension\":_vm.computedSecondaryDimension,\"dimensionsFromData\":_vm.computedDimensionsFromData,\"items\":_vm.computedItems,\"parent\":_vm.parent}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"mt-3 ml-2\",attrs:{\"xs12a\":\"\",\"align-center\":\"\",\"row\":\"\"}},[_c('v-flex',{attrs:{\"sm3\":\"\"}},[_c('v-select',{staticClass:\"dimension-select\",attrs:{\"items\":_vm.primaryDimensionList,\"label\":\"Primary Dimension:\",\"disabled\":_vm.primaryDimensionDisabled,\"persistent-hint\":\"\"},model:{value:(_vm.computedPrimaryDimension),callback:function ($$v) {_vm.computedPrimaryDimension=$$v},expression:\"computedPrimaryDimension\"}})],1),_c('v-flex',{staticClass:\"ml-2\",attrs:{\"sm3\":\"\"}},[_c('v-select',{staticClass:\"dimension-select\",attrs:{\"items\":_vm.secondaryDimensionList,\"label\":\"Secondary Dimension:\",\"persistent-hint\":\"\"},model:{value:(_vm.computedSecondaryDimension),callback:function ($$v) {_vm.computedSecondaryDimension=$$v},expression:\"computedSecondaryDimension\"}})],1),_c('v-flex',{staticClass:\"ml-2\",attrs:{\"sm3\":\"\"}},[_c('v-select',{staticClass:\"dimension-select\",attrs:{\"items\":_vm.metricList,\"label\":\"Selected Metrics:\",\"multiple\":\"\",\"small-chips\":\"\",\"persistent-hint\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function(ref){\nvar item = ref.item;\nvar index = ref.index;\nreturn [(index === 0)?_c('v-chip',{attrs:{\"small\":\"\"}},[_c('span',[_vm._v(_vm._s(item.text))])]):_vm._e(),(index === 1)?_c('span',{staticClass:\"grey--text caption\"},[_vm._v(\"(+\"+_vm._s(_vm.computedSelectedMetrics.length - 1)+\" others)\")]):_vm._e()]}}]),model:{value:(_vm.computedSelectedMetrics),callback:function ($$v) {_vm.computedSelectedMetrics=$$v},expression:\"computedSelectedMetrics\"}})],1),_c('v-flex',{staticClass:\"ml-2\",attrs:{\"sm1\":\"\"}},[_c('v-btn',{staticClass:\"white--text no-box-shadow custom-small-button\",attrs:{\"small\":\"\",\"color\":\"#1ecd97\",\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.applyDimensions()}}},[_vm._v(\"Apply\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style>\r\n  .no-box-shadow {\r\n    box-shadow: none !important;\r\n  }\r\n  .custom-small-button {\r\n    min-width: 76px;\r\n    border-radius: 3px;\r\n  }\r\n</style>\r\n\r\n<template>\r\n  <v-layout xs12a align-center row class=\"mt-3 ml-2\">\r\n    <!-- Primary Dimension Select -->\r\n    <v-flex sm3>\r\n      <v-select\r\n        class=\"dimension-select\"\r\n        v-model=\"computedPrimaryDimension\"\r\n        :items=\"primaryDimensionList\"\r\n        label=\"Primary Dimension:\"\r\n        :disabled=\"primaryDimensionDisabled\"\r\n        persistent-hint>\r\n      </v-select>\r\n    </v-flex>\r\n\r\n    <!-- Secondary Dimension Select -->\r\n    <v-flex sm3 class=\"ml-2\">\r\n      <v-select\r\n        class=\"dimension-select\"\r\n        v-model=\"computedSecondaryDimension\"\r\n        :items=\"secondaryDimensionList\"\r\n        label=\"Secondary Dimension:\"\r\n        persistent-hint>\r\n      </v-select>\r\n    </v-flex>\r\n\r\n    <!-- Columns Select -->\r\n    <v-flex sm3 class=\"ml-2\">\r\n      <v-select\r\n        class=\"dimension-select\"\r\n        v-model=\"computedSelectedMetrics\"\r\n        :items=\"metricList\"\r\n        label=\"Selected Metrics:\"\r\n        multiple\r\n        small-chips\r\n        persistent-hint\r\n      >\r\n        <template v-slot:selection=\"{ item, index }\">\r\n          <v-chip small v-if=\"index === 0\">\r\n            <span>{{ item.text }}</span>\r\n          </v-chip>\r\n          <span\r\n            v-if=\"index === 1\"\r\n            class=\"grey--text caption\"\r\n          >(+{{ computedSelectedMetrics.length - 1 }} others)</span>\r\n        </template>\r\n      </v-select>\r\n    </v-flex>\r\n\r\n    <!-- Apply Button -->\r\n    <v-flex sm1 class=\"ml-2\">\r\n      <v-btn class=\"white--text no-box-shadow custom-small-button\" small color=\"#1ecd97\" elevation=\"0\" @click=\"applyDimensions()\">Apply</v-btn>\r\n    </v-flex>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\n\r\n  export default {\r\n    props: [\r\n      'parent',\r\n      'primaryDimension',\r\n      'primaryDimensionList',\r\n      'secondaryDimension',\r\n      'secondaryDimensionList',\r\n      'selectedMetrics',\r\n      'metricList'\r\n    ],\r\n    data() {\r\n      return {\r\n      }\r\n    },\r\n    computed: {\r\n      computedSelectedMetrics: {\r\n        get() {\r\n          return this.selectedMetrics;\r\n        },\r\n        set(data) {\r\n          const parent = this.parent;\r\n          this.$store.dispatch('setReportingTableSelectedMetrics', {data, parent});\r\n        }\r\n      },\r\n      computedPrimaryDimension: {\r\n        get() {\r\n          return this.primaryDimension;\r\n        },\r\n        set(value) {\r\n          const parent = this.parent;\r\n          this.$store.dispatch('setReportingTablePrimaryDimension', {value, parent});\r\n        }\r\n      },\r\n      computedSecondaryDimension: {\r\n        get() {\r\n          return this.secondaryDimension;\r\n        },\r\n        set(value) {\r\n          const parent = this.parent;\r\n          this.$store.dispatch('setReportingTableSecondaryDimension', {value, parent});\r\n        }\r\n      },\r\n      primaryDimensionDisabled() {\r\n        return this.parent !== 'custom';\r\n      }\r\n    },\r\n    methods: {\r\n      applyDimensions() {\r\n          const parent = this.parent;\r\n        this.$store.dispatch('setReportingTableFetchData', parent);\r\n      }\r\n    }\r\n  }\r\n\r\n</script>","import mod from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DimensionSelect.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DimensionSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DimensionSelect.vue?vue&type=template&id=3b596552\"\nimport script from \"./DimensionSelect.vue?vue&type=script&lang=js\"\nexport * from \"./DimensionSelect.vue?vue&type=script&lang=js\"\nimport style0 from \"./DimensionSelect.vue?vue&type=style&index=0&id=3b596552&prod&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  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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\ninstallComponents(component, {VBtn,VChip,VFlex,VLayout,VSelect})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',[_c('v-card-title',[_c('v-spacer'),_c('v-text-field',{attrs:{\"append-icon\":\"search\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.computedHeaders,\"items\":_vm.items,\"loading\":_vm.showProgress,\"footer-props\":{\n      itemsPerPageOptions: _vm.rowOptions\n    },\"search\":_vm.search},scopedSlots:_vm._u([{key:\"item\",fn:function(props){return [_c('tr',_vm._l((_vm.computedHeaders),function(header){return _c('td',{key:'' + props.item.d1 + '_' + (props.item.d2 ? props.item.d2 : '') + header.value},[_vm._v(_vm._s(_vm.computedItemConversion(props.item[header.value],header.value)))])}),0)]}}])},[_c('v-progress-linear',{attrs:{\"slot\":\"progress\",\"color\":\"blue\",\"indeterminate\":\"\"},slot:\"progress\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card>\r\n    <v-card-title>\r\n      <v-spacer></v-spacer>\r\n      <v-text-field\r\n        v-model=\"search\"\r\n        append-icon=\"search\"\r\n        label=\"Search\"\r\n        single-line\r\n        hide-details\r\n      ></v-text-field>\r\n    </v-card-title>\r\n    <v-data-table\r\n      :headers=\"computedHeaders\"\r\n      :items=\"items\"\r\n      :loading=\"showProgress\"\r\n      :footer-props=\"{\r\n        itemsPerPageOptions: rowOptions\r\n      }\"\r\n      :search=\"search\"\r\n      class=\"elevation-1\"\r\n    >\r\n      <v-progress-linear slot=\"progress\" color=\"blue\" indeterminate></v-progress-linear>\r\n      <template v-slot:item=\"props\">\r\n        <tr>\r\n          <td v-for=\"header in computedHeaders\" :key=\"'' + props.item.d1 + '_' + (props.item.d2 ? props.item.d2 : '') + header.value\">{{ computedItemConversion(props.item[header.value],header.value) }}</td>\r\n        </tr>\r\n      </template>\r\n    </v-data-table>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\n  import { dimensionValueToNameMap } from '@/constants';\r\n\r\n  export default {\r\n    props: [\r\n      'primaryDimension',\r\n      'secondaryDimension',\r\n      'dimensionsFromData',\r\n      'selectedMetrics',\r\n      'metricList',\r\n      'items',\r\n      'parent'\r\n    ],\r\n    data() {\r\n      return {\r\n        search: '',\r\n        rowOptions: [10,25,50,100],\r\n      }\r\n    },\r\n    computed: {\r\n      computedHeaders() {\r\n        // Adjust dimension names if necessary\r\n        let adjusted_dimensions = this.dimensionsFromData.map((elem,idx) => {\r\n          let dimension = elem.text;\r\n          return {\r\n            text: dimensionValueToNameMap[dimension] || dimension,\r\n            value: elem.value\r\n          };\r\n        });\r\n\r\n        let adjusted_metrics = [];\r\n        this.metricList.forEach(elem => {\r\n          if (this.selectedMetrics.includes(elem.value))\r\n            adjusted_metrics.push(elem);\r\n        });\r\n\r\n        return adjusted_dimensions.concat(adjusted_metrics);\r\n      },\r\n      showProgress() {\r\n        return this.$store.getters[`${this.parent}ReportingTableShowProgress`];\r\n      }\r\n    },\r\n    methods: {\r\n      computedItemConversion(value, header) {\r\n        if (header === \"requests\" || header === \"wins\")\r\n          return `${this.commaFilter(value)}`;\r\n        if (header === \"revenue\")\r\n          return `$${this.commaFilter(value.toFixed(2))}`;\r\n        if (header === \"winCPM\" || header === \"bidCPM\")\r\n          return `$${value.toFixed(2)}`;\r\n        if (header === \"fill_rate\" || header === \"win_rate\")\r\n          return `${value.toFixed(2)}%`;\r\n\r\n        return value\r\n      },\r\n      commaFilter(value) {\r\n        return value.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n      }\r\n    }\r\n  }\r\n</script>\r\n","import mod from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataTable.vue?vue&type=template&id=ecf18b60\"\nimport script from \"./DataTable.vue?vue&type=script&lang=js\"\nexport * from \"./DataTable.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 { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VCard,VCardTitle,VDataTable,VProgressLinear,VSpacer,VTextField})\n","<template>\r\n  \r\n  <v-layout row wrap>\r\n\r\n    <v-flex xs12 column>\r\n\r\n      <!-- Dimension Select -->\r\n      <v-layout xs12 row>\r\n        <v-flex>\r\n          <dimension-select \r\n            :metricList=\"computedMetricList\"\r\n            :selectedMetrics=\"computedSelectedMetrics\"\r\n            :primaryDimension=\"computedPrimaryDimension\"\r\n            :primaryDimensionList=\"computedPrimaryDimensionList\"\r\n            :secondaryDimension=\"computedSecondaryDimension\"\r\n            :secondaryDimensionList=\"computedSecondaryDimensionList\"\r\n            :parent=\"parent\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n\r\n      <!-- Data Table -->\r\n      <v-layout class=\"mt-4\" xs12 row>\r\n        <v-flex>\r\n          <data-table \r\n            :metricList=\"computedMetricList\"\r\n            :selectedMetrics=\"computedSelectedMetrics\"\r\n            :primaryDimension=\"computedPrimaryDimension\"\r\n            :secondaryDimension=\"computedSecondaryDimension\"\r\n            :dimensionsFromData=\"computedDimensionsFromData\"\r\n            :items=\"computedItems\"\r\n            :parent=\"parent\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n\r\n    </v-flex>\r\n\r\n  </v-layout>\r\n\r\n</template>\r\n\r\n<script>\r\n  import DimensionSelect from './DimensionSelect.vue'\r\n  import DataTable from './DataTable.vue'\r\n  import ReportingService from '@/services/ReportingService'\r\n\r\n  export default {\r\n    props: [\r\n      'isLoggedIn',\r\n      'isNotActivated',\r\n      'fromDate',\r\n      'toDate',\r\n      'parent'\r\n    ],\r\n    computed: {\r\n      computedData() {\r\n        return this.$store.getters[`${this.parent}ReportingTableData`];\r\n      },\r\n      computedMetricList() {\r\n        return this.computedData.metricList;\r\n      },\r\n      computedSelectedMetrics() {\r\n        return this.computedData.selectedMetrics;\r\n      },\r\n      computedPrimaryDimension() {\r\n        return this.computedData.primaryDimension;\r\n      },\r\n      computedPrimaryDimensionList() {\r\n        return this.computedData.primaryDimensionList;\r\n      },\r\n      computedSecondaryDimension() {\r\n        return this.computedData.secondaryDimension;\r\n      },\r\n      computedSecondaryDimensionList() {\r\n        return this.computedData.secondaryDimensionList;\r\n      },\r\n      computedItems() {\r\n        return this.computedData.items;\r\n      },\r\n      computedDimensionsFromData() {\r\n        return this.computedData.dimensionsFromData;\r\n      }\r\n    },\r\n    methods: {\r\n      getData () {\r\n        let primaryDimension = this.computedPrimaryDimension;\r\n          if (primaryDimension === 'size')\r\n            primaryDimension = 'adunit';\r\n\r\n        const options = {\r\n          isLoggedIn: this.isLoggedIn,\r\n          isNotActivated: this.isNotActivated,\r\n          fromDate: this.fromDate,\r\n          toDate: this.toDate,\r\n          reportingTable: this.parent,\r\n          d1: primaryDimension,\r\n          d2: this.computedSecondaryDimension\r\n        }\r\n\r\n        ReportingService.getData(this.$store, options);\r\n      }\r\n    },\r\n    watch: {\r\n      '$store.getters.token': function () {\r\n        this.getData();\r\n      }\r\n    },\r\n    created() {\r\n      if (this.$store.getters[`${this.parent}ReportingTableFetchData`]) {\r\n        this.getData();\r\n      }\r\n\r\n      this.$watch(`$store.getters.${this.parent}ReportingTableFetchData`, function(new_val, old_val) {\r\n        if (new_val)\r\n          this.getData();\r\n      });\r\n    },\r\n    components: {\r\n      DimensionSelect,\r\n      DataTable\r\n    }\r\n  }\r\n</script>","import mod from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportingTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportingTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReportingTable.vue?vue&type=template&id=9c57ac5e\"\nimport script from \"./ReportingTable.vue?vue&type=script&lang=js\"\nexport * from \"./ReportingTable.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 { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VFlex,VLayout})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"dimension-card\",attrs:{\"color\":\"lighten-3\"}},[_c('v-card-title',{staticClass:\"dimension-card-title\",attrs:{\"primary-title\":\"\"}},[_c('h3',{staticClass:\"headline-1 mb-0\"},[_vm._v(_vm._s(_vm.dimension)+\" Performance\")])]),_c('v-card-text',{staticClass:\"dimension-card-text\"},[_c('v-list',{staticClass:\"dimension-card-list\"},[_c('v-list-item',{staticClass:\"inner-list-item\"},[_c('v-list-item-content',[_c('v-layout',{staticClass:\"inner-list-layout inner-list-layout-headers\"},[_c('v-flex',{staticClass:\"text-xs-left\",attrs:{\"xs7\":\"\"}},[_vm._v(_vm._s(_vm.dimension))]),_c('v-spacer'),_c('v-flex',{staticClass:\"text-xs-right\",attrs:{\"xs2\":\"\"}},[_vm._v(\"CPM\")]),_c('v-flex',{staticClass:\"text-xs-right\",attrs:{\"xs2\":\"\"}},[_vm._v(\"Revenue\")])],1)],1)],1),_vm._l((_vm.computedData),function(dataRow){return _c('v-list-item',{key:dataRow.advertiser,staticClass:\"inner-list-item\"},[_c('v-list-item-content',[_c('v-layout',{staticClass:\"inner-list-layout\"},[_c('v-flex',{staticClass:\"text-xs-left\",attrs:{\"xs7\":\"\"}},[_vm._v(_vm._s(dataRow.d1))]),_c('v-spacer'),_c('v-flex',{staticClass:\"text-xs-right\",attrs:{\"xs2\":\"\"}},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm._f(\"fixTwoDecimals\")(dataRow.winCPM))))]),_c('v-flex',{staticClass:\"text-xs-right\",attrs:{\"xs2\":\"\"}},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm._f(\"commas\")(_vm._f(\"fixTwoDecimals\")(dataRow.revenue)))))])],1)],1)],1)})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style>\r\n  .dimension-card {\r\n    height: 100% !important;\r\n    padding: 20px;\r\n  }\r\n  .dimension-card-title {\r\n    font-size: 18px;\r\n    padding: 0;\r\n  }\r\n  .dimension-card-text {\r\n    padding: 0;\r\n  }\r\n  .dimension-card-text .flex {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .dimension-card-list {\r\n    width: 100%;\r\n    padding: 0;\r\n  }\r\n\r\n  .dimension-card-list .inner-list-item {\r\n    border-bottom: 1px solid #eee;\r\n    height: 41px;\r\n    min-height: 41px;\r\n    padding: 10px;\r\n    user-select: auto;\r\n  }\r\n\r\n  .dimension-card .inner-list-layout {\r\n    width: 100%;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .dimension-card .inner-list-layout-headers {\r\n    font-weight: 600;\r\n  }\r\n\r\n  .dimension-card .list__tile {\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    user-select: auto;\r\n  }\r\n\r\n  @media screen and (min-width: 600px) {\r\n    .dimension-card .inner-list-layout {\r\n      font-size: 14px;\r\n    }\r\n    .dimension-card-list .inner-list-item {\r\n      height: 41px;\r\n    }\r\n  }\r\n  \r\n</style>\r\n\r\n<template>\r\n  <v-card class=\"dimension-card\" color=\"lighten-3\">\r\n    <v-card-title class=\"dimension-card-title\" primary-title>\r\n      <h3 class=\"headline-1 mb-0\">{{ dimension }} Performance</h3>\r\n    </v-card-title>\r\n    <v-card-text class=\"dimension-card-text\">\r\n      <v-list class=\"dimension-card-list\">\r\n          <v-list-item class=\"inner-list-item\">\r\n            <v-list-item-content>\r\n              <v-layout class=\"inner-list-layout inner-list-layout-headers\">\r\n                <v-flex xs7 class=\"text-xs-left\">{{dimension}}</v-flex>\r\n                <v-spacer />\r\n                <v-flex xs2 class=\"text-xs-right\">CPM</v-flex>\r\n                <v-flex xs2 class=\"text-xs-right\">Revenue</v-flex>\r\n              </v-layout>\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n          <v-list-item class=\"inner-list-item\" v-for=\"dataRow in computedData\" :key=\"dataRow.advertiser\">\r\n            <v-list-item-content>\r\n              <v-layout class=\"inner-list-layout\">\r\n                <v-flex xs7 class=\"text-xs-left\">{{dataRow.d1}}</v-flex>\r\n                <v-spacer />\r\n                <v-flex xs2 class=\"text-xs-right\">{{dataRow.winCPM | fixTwoDecimals | currency}}</v-flex>\r\n                <v-flex xs2 class=\"text-xs-right\">{{dataRow.revenue | fixTwoDecimals | commas | currency}}</v-flex>\r\n              </v-layout>\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n        </v-list>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\n\r\n  export default {\r\n    props: [\r\n      'dataset',\r\n      'type',\r\n      'numMetrics'\r\n    ],\r\n    data () {\r\n      return {\r\n      }\r\n    },\r\n    computed: {\r\n      computedData() {\r\n        let sortedData = this.dataset ? this.dataset.concat().sort((a,b) => {\r\n          return b.revenue - a.revenue;\r\n        }) : [];\r\n\r\n        sortedData = sortedData.slice(0,9);\r\n\r\n        return sortedData;\r\n      },\r\n      dimension() {\r\n        if (this.type === \"adunit\")\r\n          return \"Ad Unit\";\r\n        else if (this.type === \"country\")\r\n          return \"Country\";\r\n        else\r\n          return \"Advertiser\";\r\n      }\r\n    }\r\n  }\r\n</script>\r\n","import mod from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DimensionPerformanceCard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DimensionPerformanceCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DimensionPerformanceCard.vue?vue&type=template&id=1a66e46c\"\nimport script from \"./DimensionPerformanceCard.vue?vue&type=script&lang=js\"\nexport * from \"./DimensionPerformanceCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./DimensionPerformanceCard.vue?vue&type=style&index=0&id=1a66e46c&prod&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  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 { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VFlex,VLayout,VList,VListItem,VListItemContent,VSpacer})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"chart-card\"},[_c('v-card-title',{staticClass:\"chart-card-title\",attrs:{\"primary-title\":\"\"}},[_c('h3',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.computedTitle))])]),_c('v-card-text',{staticClass:\"chart-card-text\"},[(_vm.type === 'column')?_c('column-chart',{attrs:{\"height\":\"400px\",\"dataset\":_vm.chartDatasetOptions,\"library\":_vm.chartLibraryOptions,\"data\":_vm.computedDataset}}):_vm._e(),(_vm.type === 'line')?_c('line-chart',{attrs:{\"height\":\"400px\",\"dataset\":_vm.chartDatasetOptions,\"library\":_vm.chartLibraryOptions,\"data\":_vm.computedLineChartDataset}}):_vm._e(),(_vm.type === 'geo')?_c('GChart',{attrs:{\"type\":\"GeoChart\",\"data\":_vm.computedGoogleDataset,\"options\":_vm.googleGeoChartOptions,\"settings\":_vm.googleGeoChartSettings}}):_vm._e(),(_vm.type === 'pie')?_c('v-layout',{attrs:{\"xs12\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('GChart',{attrs:{\"type\":\"PieChart\",\"data\":_vm.computedGoogleDataset,\"options\":_vm.googleChartOptions}})],1)],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style>\r\n  .chart-card {\r\n    height: 100% !important;\r\n    padding: 20px;\r\n  }\r\n  .chart-card-title {\r\n    padding-bottom: 30px;\r\n  }\r\n  .chart-card-text {\r\n    height: 400px;\r\n    overflow: hidden;\r\n  }\r\n  .chart-card-text div {\r\n    margin: auto;\r\n  }\r\n\r\n  /* Bug Fix for Google Chart Flickering */\r\n  .chart-card svg > g > g:last-child { pointer-events: none }\r\n</style>\r\n\r\n<template>\r\n  <v-card class=\"chart-card\">\r\n    <v-card-title class=\"chart-card-title\" primary-title>\r\n      <h3 class=\"mb-0\">{{ computedTitle }}</h3>\r\n    </v-card-title>\r\n    <v-card-text class=\"chart-card-text\">\r\n      <!-- <GChart\r\n        type=\"PieChart\"\r\n        :data=\"computedDataset\"\r\n        :options=\"computedOptions\"\r\n      /> -->\r\n      <column-chart v-if=\"type === 'column'\" height=\"400px\" :dataset=\"chartDatasetOptions\" :library=\"chartLibraryOptions\" :data=\"computedDataset\"></column-chart>\r\n      <line-chart v-if=\"type === 'line'\" height=\"400px\" :dataset=\"chartDatasetOptions\" :library=\"chartLibraryOptions\" :data=\"computedLineChartDataset\"></line-chart>\r\n      <GChart v-if=\"type === 'geo'\" type=\"GeoChart\" :data=\"computedGoogleDataset\" :options=\"googleGeoChartOptions\" :settings=\"googleGeoChartSettings\"/>\r\n      <v-layout xs12 v-if=\"type === 'pie'\">\r\n        <v-flex xs12>\r\n          <GChart\r\n            type=\"PieChart\"\r\n            :data=\"computedGoogleDataset\"\r\n            :options=\"googleChartOptions\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\n  import { GChart } from 'vue-google-charts';\r\n  import { DateTime } from 'luxon';\r\n\r\n  export default {\r\n    props: {\r\n      'type': String,\r\n      'dimension': String,\r\n      'dataset': [Array, Object],\r\n      'options': {\r\n        type: Object,\r\n        default: () => {\r\n          return {}\r\n        }\r\n      },\r\n      'title': String,\r\n      'xAxis': String,\r\n      'yAxis': String\r\n    },\r\n    data () {\r\n      return {\r\n        max_number: 5,\r\n        googleGeoChartSettings: {\r\n          packages: ['geochart'],\r\n          mapsApiKey: 'AIzaSyADN8XzXxOYi-YG6b5Dc6iDmDN1FI_8qAs'\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      computedTitle() {\r\n        if (this.title)\r\n          return this.title;\r\n        const title_prefix = \"Top \"// + this.max_number + \" \";\r\n        let suffix = \"\";\r\n        if (this.dimension == 'adunit')\r\n          suffix = \"Ad Units\";\r\n        else if (this.dimension == 'country')\r\n          suffix = \"Countries by Revenue\";\r\n        else\r\n          suffix = \"Advertisers by CPM\";\r\n\r\n        return title_prefix + suffix;\r\n      },\r\n      computedGoogleDataset() {\r\n        return this.getChartDataset(true);\r\n      },\r\n      computedDataset() {\r\n       return this.getChartDataset();\r\n      },\r\n      computedLineChartDataset() {\r\n        return this.dataset;\r\n      },\r\n      googleGeoChartOptions() {\r\n        return {\r\n          height: \"380\",\r\n          chartArea: {\r\n            top: 0\r\n          },\r\n        }\r\n      },\r\n      googleChartOptions() {\r\n        // TODO: Add opacity through google api\r\n        return {\r\n          colors: [\r\n            \"#9966FF\",\r\n            \"#FF9F40\",\r\n            \"#36A2EB\",\r\n            \"#4BC0C0\",\r\n            \"#C9CBCF\"\r\n          ],\r\n          legend: {\r\n            position: 'bottom'\r\n          },\r\n          height: \"400\",\r\n          chartArea: {\r\n            top: 0\r\n          },\r\n          pieHole: 0.5\r\n        }\r\n      },\r\n      chartDatasetOptions() {\r\n        let datasetOptions = {};\r\n\r\n        if (this.dimension === \"deviceType\" || this.dimension === \"adunit\") {\r\n          datasetOptions = {\r\n            backgroundColor: [\r\n              \"rgba(255, 159, 64, 0.2)\",\r\n              \"rgba(75, 192, 192, 0.2)\", \r\n              \"rgba(54, 162, 235, 0.2)\", \r\n              \"rgba(153, 102, 255, 0.2)\", \r\n              \"rgba(201, 203, 207, 0.2)\"\r\n            ],\r\n            borderColor: [\r\n              \"rgb(255, 159, 64)\",\r\n              \"rgb(75, 192, 192)\", \r\n              \"rgb(54, 162, 235)\", \r\n              \"rgb(153, 102, 255)\", \r\n              \"rgb(201, 203, 207)\"\r\n            ]      \r\n          }\r\n        } else if (this.type === 'line') {\r\n          datasetOptions = {\r\n\r\n          };\r\n          if (this.dimension === \"overall\") {\r\n            datasetOptions.fill = 'start';\r\n            datasetOptions.backgroundColor = \"rgba(75, 192, 192, 0.2)\";\r\n          }\r\n        } else {\r\n          datasetOptions = {\r\n            borderWidth: 1,\r\n            backgroundColor: [\r\n              \"rgba(255, 99, 132, 0.2)\",\r\n              \"rgba(255, 159, 64, 0.2)\", \r\n              \"rgba(255, 205, 86, 0.2)\", \r\n              \"rgba(75, 192, 192, 0.2)\", \r\n              \"rgba(54, 162, 235, 0.2)\", \r\n              \"rgba(153, 102, 255, 0.2)\", \r\n              \"rgba(201, 203, 207, 0.2)\"\r\n            ],\r\n            borderColor: [\r\n              \"rgb(255, 99, 132)\", \r\n              \"rgb(255, 159, 64)\", \r\n              \"rgb(255, 205, 86)\", \r\n              \"rgb(75, 192, 192)\", \r\n              \"rgb(54, 162, 235)\", \r\n              \"rgb(153, 102, 255)\", \r\n              \"rgb(201, 203, 207)\"\r\n            ]                                    \r\n          }\r\n        }\r\n\r\n        return datasetOptions;\r\n      },\r\n      chartLibraryOptions() {\r\n        let yTicks = {};\r\n        let xTicks = {\r\n          maxTicksLimit: 12\r\n        };\r\n        let tooltips = {};\r\n\r\n        if (this.yAxis === 'revenue' || this.yAxis === 'winCPM') {\r\n          const labelPrefix = this.yAxis === 'winCPM' ? 'CPM: ' : '';\r\n          yTicks = {\r\n            beginAtZero: true,\r\n            //stepSize: 0.25,\r\n            maxTicksLimit: 8,\r\n            precision: 2,\r\n            callback: (val) => {\r\n              return \"$\" + val.toFixed(2);\r\n            }\r\n          }\r\n          tooltips = {\r\n            callbacks: {\r\n              label: (item, data) => {\r\n                const yLabel = (this.yAxis === 'winCPM' || this.yAxis === 'revenue') && item.yLabel ? item.yLabel.toFixed(2) : item.yLabel;\r\n                let label = data.datasets[item.datasetIndex].label || '';\r\n\r\n                if (label !== '')\r\n                  label = `${label}: $${yLabel}`;\r\n                else\r\n                  label = `${labelPrefix}$${yLabel}`;\r\n\r\n                return label;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        \r\n        let xAxisOptions = {\r\n          ticks: xTicks\r\n        }\r\n\r\n        const unit = this.options.unit || false;\r\n        let currDateFormat = unit === 'day' ? 'MMM d, yyyy' : 'MMM d, ha';\r\n\r\n        if (this.xAxis === 'date') {\r\n          xAxisOptions.type = 'time';\r\n          xAxisOptions.adapters = {\r\n            date: {\r\n              zone: \"UTC\"\r\n            }\r\n          },\r\n          xAxisOptions.time = {\r\n            parser: (time) => {\r\n              if (time instanceof Date)\r\n                return time.toISOString();\r\n              else\r\n                return time;\r\n            },\r\n            unit: unit,\r\n            timezone: \"UTC\",\r\n            zone: \"UTC\",\r\n            displayFormats: {\r\n              day: 'MMM d',\r\n              hour: 'MMM d, ha'\r\n            },\r\n            tooltipFormat: currDateFormat\r\n          }\r\n        }\r\n\r\n        return {\r\n          elements: {\r\n            line: {\r\n              tension: .2\r\n            }\r\n          },\r\n          scales: {\r\n            yAxes: [{\r\n              ticks: yTicks\r\n            }],\r\n            xAxes: [xAxisOptions]\r\n          },\r\n          tooltips: tooltips\r\n        }\r\n      },\r\n      xtitle() {\r\n        return \"\"\r\n      },\r\n      ytitle() {\r\n        return \"\"\r\n      },\r\n      computedOptions() {\r\n        const size = 300;\r\n        return {\r\n          chartArea: {\r\n            left:0,\r\n            top:0,\r\n            width:'100%',\r\n            height: '80%'\r\n          },\r\n          legend: {\r\n            position: 'bottom'\r\n          },\r\n          is3D: false,\r\n          tooltip: {\r\n          }\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      getChartDataset(google) {\r\n         // TODO: This logic shouldn't be in this component\r\n        let data = this.dataset ? JSON.parse(JSON.stringify(this.dataset)).sort((a,b) => {\r\n          if (this.dimension === \"deviceType\")\r\n            return b.wins - a.wins;\r\n          else if (this.dimension === \"adunit\" || this.dimension === \"country\")\r\n            return b.revenue - a.revenue;\r\n          else\r\n            return b.winCPM - a.winCPM;\r\n        }) : null;\r\n        if (!data)\r\n          return null;\r\n\r\n        let result = {}\r\n        if (google)\r\n          result = [];\r\n\r\n        let metric = \"winCPM\";\r\n        let max_items = 5;\r\n        if (this.dimension === \"deviceType\") {\r\n          metric = \"wins\";\r\n          max_items = 3;\r\n        } else if (this.dimension === \"adunit\") {\r\n          metric = \"revenue\";\r\n          max_items = 5;\r\n        } else if (this.dimension === \"country\") {\r\n          metric = \"revenue\";\r\n          max_items = 10;\r\n        }\r\n\r\n        // Header\r\n        if (google) {\r\n          if (this.dimension === \"deviceType\")\r\n            result.push([\"Device Type\",\"Wins\"]);\r\n          else if (this.dimension === \"adunit\")\r\n            result.push([\"Ad Unit\",\"Revenue\"]);\r\n          else if (this.dimension === \"country\")\r\n            result.push([\"Country\",\"Revenue\"]);\r\n        }\r\n\r\n        let other_total = 0;\r\n        let total_others = 0;\r\n        let final_total = 0;\r\n\r\n        let tablet_total = 0;\r\n        let tablet_idx = -1;\r\n        for (let i = 0;i < data.length; i++) {\r\n          // IF device type, merge phablet and tablet\r\n          if (data[i].d1 === \"tablet\" || data[i].d1 === \"phablet\") {\r\n            tablet_total += data[i][metric];\r\n            data[i].d1 = \"tablet\"\r\n            if (tablet_idx === -1)\r\n              tablet_idx = i;\r\n            else {\r\n              data[tablet_idx][metric] = tablet_total;\r\n              data.splice(i--, 1);\r\n              continue;\r\n            }\r\n          }\r\n\r\n          if (i >= max_items) {\r\n            other_total += data[i][metric];\r\n            total_others++;\r\n          } else {\r\n            if (google)\r\n              result.push([data[i].d1,data[i][metric]]);\r\n            else\r\n              result[data[i].d1] = data[i][metric];\r\n          }\r\n        }\r\n\r\n        if (total_others) {\r\n          if (metric === \"winCPM\") {\r\n            final_total = parseFloat((other_total / total_others).toFixed(2));\r\n          } else {\r\n            final_total = other_total;\r\n          }\r\n          if (google)\r\n            result.push([\"Others\", final_total]);\r\n          else\r\n            result[\"Others\"] = final_total;\r\n        }\r\n\r\n        return result;\r\n      }\r\n    },\r\n    components: {\r\n      GChart\r\n    }\r\n  }\r\n</script>\r\n","import mod from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartCard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChartCard.vue?vue&type=template&id=286f37cf\"\nimport script from \"./ChartCard.vue?vue&type=script&lang=js\"\nexport * from \"./ChartCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChartCard.vue?vue&type=style&index=0&id=286f37cf&prod&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  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 { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VFlex,VLayout})\n"],"sourceRoot":""}