{"version":3,"sources":["webpack:///./src/views/dashboard/keywords/statistics/statistics.vue?b94a","webpack:///./src/views/dashboard/keywords/statistics/chartConfig.ts","webpack:///./src/views/dashboard/keywords/statistics/statistics.ts","webpack:///./src/views/dashboard/keywords/statistics/statistics.ts?cb04","webpack:///./src/views/dashboard/keywords/statistics/statistics.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","statistics","scopedSlots","_u","key","fn","ref","isLoading","staticClass","_v","_s","$t","_e","HorizontalChartData","HorizontalChartOptions","totalGrowth","BarChartData","BarChartOptions","staticRenderFns","barChartData","labels","datasets","hidden","label","backgroundColor","data","barChartOptions","maintainAspectRatio","responsive","scales","xAxes","gridLines","color","zeroLineColor","ticks","fontColor","fontFamily","fontSize","fontStyle","yAxes","beginAtZero","scaleLabel","display","labelString","legend","position","boxWidth","horizontalChartData","horizontalChartOptions","barThickness","categoryPercentage","icks","Statistics","_Vue","_inherits","_super","_createSuper","_this","_classCallCheck","namespace","error","_createClass","get","chartData","_objectSpread","$tc","changesCurrents","changesOverall","chartOptions","placingsCurrents","placingsOverall","value","ServiceId","getData","_getData","_asyncToGenerator","regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","$axios","concat","$apiUrl","params","serviceId","sent","t0","stop","apply","arguments","Vue","__decorate","Watch","Component","components","horizontalBarChart","barChart","computed","mapState","state","session","component"],"mappings":"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","file":"js/chunk-2d0e908b.ade94b81.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('loader',{attrs:{\"has-content\":_vm.statistics != null,\"delay-acceptance\":1500,\"position\":\"middle\",\"color\":\"black\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar isLoading = ref.isLoading;\nreturn [(!isLoading)?_c('section',{staticClass:\"page-content\"},[_c('div',{staticClass:\"keywords top\"},[_c('div',{staticClass:\"col-xs-12 keywords-placing-overall\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('keywords.statistics.title')))]),_c('horizontalBarChart',{attrs:{\"width\":1040,\"height\":350,\"chartData\":_vm.HorizontalChartData,\"chartOptions\":_vm.HorizontalChartOptions}})],1)]),_c('div',{staticClass:\"row keywords bottom\"},[_c('div',{staticClass:\"keywords-placing-growth\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('keywords.statistics.placements')))]),_c('div',{staticClass:\"keywords-overall-change\"},[_c('h1',[_vm._v(_vm._s(_vm.statistics != null ? _vm.statistics.totalGrowth : 0))])])]),_c('div',{staticClass:\"keywords-placing-moves\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('keywords.statistics.development')))]),_c('bar-chart',{attrs:{\"width\":300,\"height\":350,\"chartData\":_vm.BarChartData,\"chartOptions\":_vm.BarChartOptions}})],1)])]):(_vm.error)?_c('div',{staticClass:\"error-wrapper\"},[_c('i',{staticClass:\"mdi mdi-alert-outline\",attrs:{\"area-hidden\":\"true\"}}),_c('h5',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$t('errors.general')))])]):_vm._e()]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const barChartData = {\r\n  labels: [] as string[],\r\n  datasets: [\r\n    {\r\n      hidden: true,\r\n      label: '',\r\n      backgroundColor: \"#F075A2\",\r\n      data: [] as number[]\r\n    },\r\n    {\r\n      label: '',\r\n      backgroundColor: \"#6aa8e4\",\r\n      data: [] as number[]\r\n    }\r\n  ]\r\n};\r\n\r\nexport const barChartOptions = {\r\n  maintainAspectRatio: false,\r\n  responsive: true,\r\n  scales: {\r\n    xAxes: [{\r\n      gridLines: {\r\n        color: \"rgba(255,255,255,0.5)\",\r\n        zeroLineColor: \"rgba(255,255,255,1)\"\r\n      },\r\n      ticks: {\r\n        fontColor: \"#fff\",\r\n        fontFamily: \"Source Sans Pro\",\r\n        fontSize: 14,\r\n        fontStyle: \"300\"\r\n      }\r\n    }],\r\n    yAxes: [{\r\n      gridLines: {\r\n        color: \"rgba(255,255,255,0.5)\",\r\n        zeroLineColor: \"rgba(255,255,255,1)\"\r\n      },\r\n      ticks: {\r\n        beginAtZero: true,\r\n        fontColor: \"#fff\",\r\n        fontFamily: \"Source Sans Pro\",\r\n        fontSize: 14,\r\n        fontStyle: \"300\"\r\n      },\r\n      scaleLabel: {\r\n        display: true,\r\n        labelString: '',\r\n        fontColor: \"#fff\"\r\n      }\r\n    }]\r\n  },\r\n  legend: {\r\n    display: true,\r\n    position: \"bottom\",\r\n    labels: {\r\n      boxWidth: 14,\r\n      fontFamily: \"Source Sans Pro\",\r\n      fontSize: 14,\r\n      fontColor: \"#fff\",\r\n      fontStyle: \"300\"\r\n    }\r\n  }\r\n};\r\n\r\nexport const horizontalChartData =  {\r\n  labels: [\"1 - 5\", \"6 - 10\", \"11+\"],\r\n  datasets: [\r\n    {\r\n      label: '',\r\n      backgroundColor: \"#F075A2\",\r\n      data: [] as number[]\r\n    },\r\n    {\r\n      label: '',\r\n      backgroundColor: \"#6aa8e4\",\r\n      data: [] as number[]\r\n    }\r\n  ]\r\n};\r\n\r\nexport const horizontalChartOptions = {\r\n  maintainAspectRatio: false,\r\n  responsive: true,\r\n  scales: {\r\n    xAxes: [{\r\n      barThickness: 5,\r\n      categoryPercentage: 0,\r\n      gridLines: {\r\n        color: \"rgba(255,255,255,0.5)\",\r\n        zeroLineColor: \"rgba(255,255,255,1)\"\r\n      },\r\n      icks: {\r\n        beginAtZero: true,\r\n        fontColor: \"#fff\",\r\n        fontFamily: \"Source Sans Pro\",\r\n        fontSize: 14,\r\n        fontStyle: \"300\"\r\n      },\r\n      scaleLabel: {\r\n        display: true,\r\n        labelString: '',\r\n        fontColor: \"#fff\"\r\n      }\r\n    }],\r\n    yAxes: [{\r\n      gridLines: {\r\n        color: \"rgba(255,255,255,0.5)\",\r\n        zeroLineColor: \"rgba(255,255,255,1)\"\r\n      },\r\n      ticks: {\r\n        beginAtZero: true,\r\n        fontColor: \"#fff\",\r\n        fontFamily: \"Source Sans Pro\",\r\n        fontSize: 14,\r\n        fontStyle: \"300\"\r\n      },\r\n      scaleLabel: {\r\n        display: true,\r\n        labelString: '',\r\n        fontColor: \"#fff\"\r\n      }\r\n    }]\r\n  },\r\n  legend: {\r\n    display: true,\r\n    position: \"top\",\r\n    labels: {\r\n      boxWidth: 14,\r\n      fontFamily: \"Source Sans Pro\",\r\n      fontSize: 14,\r\n      fontColor: \"#fff\",\r\n      fontStyle: \"300\"\r\n    }\r\n  }\r\n};","import { Component, Vue, Prop, Watch } from 'vue-property-decorator'\r\nimport { horizontalBarChart, barChart } from '../../../../components/charts/index'\r\nimport { barChartData, barChartOptions, horizontalChartData, horizontalChartOptions } from './chartConfig'\r\nimport { mapState } from 'vuex';\r\nimport { ISession } from '../../../../types';\r\n\r\ninterface IStatistics {\r\n  domainName: string;\r\n  placingsLegend: null;\r\n  placingsLabels: null;\r\n  placingsCurrents: number[];\r\n  placingsOverall: number[];\r\n  changesLegend: null;\r\n  changesLabels: null;\r\n  changesCurrents: number[];\r\n  changesOverall: number[];\r\n  totalGrowth: number;\r\n  labels: {[key: string]: string};\r\n  }\r\n\r\n@Component({\r\n  components: {\r\n    horizontalBarChart,\r\n    barChart,\r\n  },\r\n  computed: mapState({\r\n\r\n    ServiceId: (state: {session: ISession}) => state.session.serviceId\r\n  })\r\n})\r\n\r\nexport default class Statistics extends Vue {\r\n\r\n  private namespace: string = '/Keywords';\r\n\r\n  private ServiceId!: number;\r\n\r\n  private statistics: IStatistics | null = null;\r\n\r\n  private error: boolean = false;\r\n\r\n  private get BarChartData () {\r\n\r\n    if (this.statistics != null) {\r\n\r\n      let chartData = {...barChartData};\r\n      \r\n      chartData.labels = [this.$tc('keywords.statistics.directions', 1) as string, this.$tc('keywords.statistics.directions', 2) as string];\r\n      \r\n      chartData.datasets[0].data = this.statistics.changesCurrents;\r\n      chartData.datasets[0].label = this.$tc('overview.serpbook.th4', 2) as string;\r\n      chartData.datasets[1].data = this.statistics.changesOverall;\r\n      chartData.datasets[1].label = this.$t('overview.serpbook.th5') as string;\r\n\r\n      return chartData;\r\n    }\r\n    \r\n    return barChartData;\r\n  }\r\n\r\n  private get BarChartOptions () {\r\n\r\n    if (this.statistics != null) {\r\n\r\n      let chartOptions = {...barChartOptions};\r\n\r\n      chartOptions.scales.yAxes[0].scaleLabel.labelString = this.$t('keywords.rankings.title') as string;\r\n\r\n      return chartOptions;\r\n    }\r\n\r\n    return barChartOptions;\r\n  }\r\n\r\n  private get HorizontalChartData () {\r\n\r\n    if (this.statistics != null) {\r\n\r\n      let chartData = {...horizontalChartData};\r\n\r\n      chartData.datasets[0].data = this.statistics.placingsCurrents;\r\n      chartData.datasets[0].label = this.$t('keywords.statistics.current') as string;\r\n      chartData.datasets[1].data = this.statistics.placingsOverall;\r\n      chartData.datasets[1].label = this.$t('overview.serpbook.th5') as string;\r\n\r\n      return chartData;\r\n    }\r\n\r\n    return horizontalChartData;\r\n  }\r\n\r\n  private get HorizontalChartOptions () {\r\n\r\n    if (this.statistics != null) {\r\n     \r\n      let chartOptions = {...horizontalChartOptions};\r\n\r\n      chartOptions.scales.xAxes[0].scaleLabel.labelString = this.$t('keywords.statistics.numkeywords') as string;\r\n      chartOptions.scales.yAxes[0].scaleLabel.labelString = this.$t('keywords.rankings.title') as string;\r\n\r\n      return chartOptions;\r\n    }\r\n\r\n    return horizontalChartOptions;\r\n  }\r\n\r\n  mounted () {\r\n\r\n    if ( this.ServiceId != null) {\r\n\r\n      this.getData();\r\n    }\r\n  }\r\n\r\n  private async getData () {\r\n    \r\n    try {\r\n      const response = await this.$axios.get(`${this.$apiUrl + this.namespace}/Statistics`, { params: { serviceId: this.ServiceId } })\r\n\r\n      this.statistics = response.data;\r\n    } catch(err) {\r\n        \r\n      this.error = !this.error;\r\n    }\r\n  }\r\n\r\n  @Watch('ServiceId')\r\n  private loadDomain (next: number, prev: number) {\r\n\r\n    if (next != prev) {\r\n\r\n      this.statistics = null;\r\n      this.getData();\r\n    }\r\n  }\r\n}","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js??ref--13-0!./statistics.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js??ref--13-0!./statistics.ts?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./statistics.vue?vue&type=template&id=ba7a7468&\"\nimport script from \"./statistics.ts?vue&type=script&lang=ts&\"\nexport * from \"./statistics.ts?vue&type=script&lang=ts&\"\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":""}