{"version":3,"sources":["webpack:///./src/components/Widgets/AdGuardStats.vue","webpack:///src/components/Widgets/AdGuardStats.vue","webpack:///./src/components/Widgets/AdGuardStats.vue?8d27","webpack:///./src/components/Widgets/AdGuardStats.vue?b3a8","webpack:///./src/components/Widgets/AdGuardStats.vue?4ea5"],"names":["render","_vm","this","_c","_self","staticClass","queryCount","blockCount","_v","_s","_e","attrs","chartId","staticRenderFns","mixins","WidgetMixin","ChartingMixin","computed","hostname","options","error","parseAsEnvVar","endpoint","concat","authHeaders","username","password","encoded","window","btoa","Authorization","data","methods","fetchData","makeRequest","then","processData","totalAllowed","num_dns_queries","blocked","num_blocked_filtering","safeBrowsing","num_replaced_safebrowsing","safeSearch","num_replaced_safesearch","parental","num_replaced_parental","blockTotal","remaining","chartColors","chartValues","chartLabels","push","generateBlockPie","labels","values","colors","Chart","title","datasets","type","height","strokeWidth","tooltipOptions","formatTooltipY","d","Math","round","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAAEJ,EAAIK,YAAcL,EAAIM,WAAYJ,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,OAAO,CAACJ,EAAIO,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,OAAO,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIK,iBAAiBH,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,OAAO,CAACJ,EAAIO,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,OAAO,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIM,mBAAmBN,EAAIS,KAAKP,EAAG,IAAI,CAACE,YAAY,YAAYM,MAAM,CAAC,GAAKV,EAAIW,cAEhfC,EAAkB,G,sFCcP,GACfC,OAAA,CAAAC,OAAAC,QACAC,SAAA,CAEAC,SAAA,WAEA,OADA,KAAAC,QAAAD,UAAA,KAAAE,MAAA,oDACA,KAAAC,cAAA,KAAAF,QAAAD,WAEAI,SAAA,WACA,SAAAC,OAAA,KAAAL,SAAA,mBAEAM,YAAA,WACA,QAAAL,QAAAM,UAAA,KAAAN,QAAAO,SAAA,CACA,IAAAD,EAAA,KAAAJ,cAAA,KAAAF,QAAAM,UACAC,EAAA,KAAAL,cAAA,KAAAF,QAAAO,UACAC,EAAAC,OAAAC,KAAA,GAAAN,OAAAE,EAAA,KAAAF,OAAAG,IACA,OAAAI,cAAA,SAAAP,OAAAI,IAEA,WAGAI,KAAA,WACA,OACAzB,WAAA,KACAC,WAAA,OAGAyB,QAAA,CAEAC,UAAA,WACA,KAAAC,YAAA,KAAAZ,SAAA,KAAAE,aAAAW,KAAA,KAAAC,cAGAA,YAAA,SAAAL,GAEA,IAAAM,EAAAN,EAAAO,iBAAA,EACAC,EAAAR,EAAAS,uBAAA,EACAC,EAAAV,EAAAW,2BAAA,EACAC,EAAAZ,EAAAa,yBAAA,EACAC,EAAAd,EAAAe,uBAAA,EACAC,EAAAR,EAAAE,EAAAE,EAAAE,EACAG,EAAAX,EAAAU,EAGA,KAAAzC,WAAA+B,EACA,KAAA9B,WAAAwC,EAGA,IAAAE,EAAA,sBACAC,EAAA,CAAAX,EAAAS,GACAG,EAAA,sBAGAV,EAAA,IACAQ,EAAAG,KAAA,WACAF,EAAAE,KAAAX,GACAU,EAAAC,KAAA,0BAEAT,EAAA,IACAM,EAAAG,KAAA,WACAF,EAAAE,KAAAT,GACAQ,EAAAC,KAAA,0BAEAP,EAAA,IACAI,EAAAG,KAAA,WACAF,EAAAE,KAAAP,GACAM,EAAAC,KAAA,gCAIA,KAAAC,iBAAAF,EAAAD,EAAAD,IAGAI,iBAAA,SAAAC,EAAAC,EAAAC,GACA,gBAAAC,MAAA,IAAAlC,OAAA,KAAAX,SAAA,CACA8C,MAAA,sBACA3B,KAAA,CACAuB,SACAK,SAAA,EAAAJ,YAEAK,KAAA,QACAC,OAAA,IACAC,YAAA,GACAN,SACAO,eAAA,CACAC,eAAA,SAAAC,GAAA,SAAA1C,OAAA2C,KAAAC,MAAAF,GAAA,mBCrGoW,I,wBCQhWG,EAAY,eACd,EACApE,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAuD,E,6CCnBf,W","file":"js/chunk-284f6914.9557bee1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ad-guard-stats-wrapper\"},[(_vm.queryCount && _vm.blockCount)?_c('div',{staticClass:\"summary\"},[_c('div',[_c('span',{staticClass:\"lbl\"},[_vm._v(\"Queries:\")]),_c('span',{staticClass:\"val\"},[_vm._v(_vm._s(_vm.queryCount))])]),_c('div',[_c('span',{staticClass:\"lbl\"},[_vm._v(\"Blocked:\")]),_c('span',{staticClass:\"val\"},[_vm._v(_vm._s(_vm.blockCount))])])]):_vm._e(),_c('p',{staticClass:\"block-pie\",attrs:{\"id\":_vm.chartId}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"ad-guard-stats-wrapper\">\n  <!-- Show total query and block count -->\n  <div v-if=\"queryCount && blockCount\" class=\"summary\">\n    <div><span class=\"lbl\">Queries:</span><span class=\"val\">{{ queryCount }}</span></div>\n    <div><span class=\"lbl\">Blocked:</span><span class=\"val\">{{ blockCount }}</span></div>\n  </div>\n  <!-- Pie chart with block breakdown -->\n  <p :id=\"chartId\" class=\"block-pie\"></p>\n</div>\n</template>\n\n<script>\nimport WidgetMixin from '@/mixins/WidgetMixin';\nimport ChartingMixin from '@/mixins/ChartingMixin';\n\nexport default {\n  mixins: [WidgetMixin, ChartingMixin],\n  computed: {\n    /* URL/ IP or hostname to the AdGuardHome instance, without trailing slash */\n    hostname() {\n      if (!this.options.hostname) this.error('You must specify the path to your AdGuard server');\n      return this.parseAsEnvVar(this.options.hostname);\n    },\n    endpoint() {\n      return `${this.hostname}/control/stats`;\n    },\n    authHeaders() {\n      if (this.options.username && this.options.password) {\n        const username = this.parseAsEnvVar(this.options.username);\n        const password = this.parseAsEnvVar(this.options.password);\n        const encoded = window.btoa(`${username}:${password}`);\n        return { Authorization: `Basic ${encoded}` };\n      }\n      return {};\n    },\n  },\n  data() {\n    return {\n      queryCount: null,\n      blockCount: null,\n    };\n  },\n  methods: {\n    /* Make GET request to AdGuard endpoint */\n    fetchData() {\n      this.makeRequest(this.endpoint, this.authHeaders).then(this.processData);\n    },\n    /* Assign data variables to the returned data */\n    processData(data) {\n      // Get data from response, to be rendered to the chart\n      const totalAllowed = data.num_dns_queries || 0;\n      const blocked = data.num_blocked_filtering || 0;\n      const safeBrowsing = data.num_replaced_safebrowsing || 0;\n      const safeSearch = data.num_replaced_safesearch || 0;\n      const parental = data.num_replaced_parental || 0;\n      const blockTotal = blocked + safeBrowsing + safeSearch + parental;\n      const remaining = totalAllowed - blockTotal;\n\n      // Set query and block count, for first line\n      this.queryCount = totalAllowed;\n      this.blockCount = blockTotal;\n\n      // Put data into a flat array for the chart\n      const chartColors = ['#ef476f', '#06d6a0'];\n      const chartValues = [blocked, remaining];\n      const chartLabels = ['Blocked', 'Allowed'];\n\n      // If additional blocked results are non-zero, append to chart data\n      if (safeBrowsing > 0) {\n        chartColors.push('#ffc43d');\n        chartValues.push(safeBrowsing);\n        chartLabels.push('Safe Search - Blocked');\n      }\n      if (safeSearch > 0) {\n        chartColors.push('#f8ffe5');\n        chartValues.push(safeSearch);\n        chartLabels.push('Safe Search - Blocked');\n      }\n      if (parental > 0) {\n        chartColors.push('#1b9aaa');\n        chartValues.push(parental);\n        chartLabels.push('Parental Controls - Blocked');\n      }\n\n      // Call generate chart function\n      this.generateBlockPie(chartLabels, chartValues, chartColors);\n    },\n    /* Generate pie chart showing the proportion of queries blocked */\n    generateBlockPie(labels, values, colors) {\n      return new this.Chart(`#${this.chartId}`, {\n        title: 'AdGuard DNS Queries',\n        data: {\n          labels,\n          datasets: [{ values }],\n        },\n        type: 'donut',\n        height: 250,\n        strokeWidth: 20,\n        colors,\n        tooltipOptions: {\n          formatTooltipY: d => `${Math.round(d)} queries`,\n        },\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.ad-guard-stats-wrapper {\n  .block-pie {\n    margin: 0;\n    svg.frappe-chart.chart {\n      overflow: visible;\n    }\n  }\n  .summary {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    color: var(--widget-text-color);\n    span.lbl {\n      font-weight: bold;\n      margin: 0.25rem;\n    }\n    span.val {\n      font-family: var(--font-monospace);\n    }\n  }\n}\n</style>\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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdGuardStats.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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdGuardStats.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AdGuardStats.vue?vue&type=template&id=aad3ccf2\"\nimport script from \"./AdGuardStats.vue?vue&type=script&lang=js\"\nexport * from \"./AdGuardStats.vue?vue&type=script&lang=js\"\nimport style0 from \"./AdGuardStats.vue?vue&type=style&index=0&id=aad3ccf2&prod&lang=scss\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdGuardStats.vue?vue&type=style&index=0&id=aad3ccf2&prod&lang=scss\""],"sourceRoot":""}