{"version":3,"sources":["webpack:///./src/components/Widgets/AdGuardStats.vue?2ba2","webpack:///src/components/Widgets/AdGuardStats.vue","webpack:///./src/components/Widgets/AdGuardStats.vue?9136","webpack:///./src/components/Widgets/AdGuardStats.vue","webpack:///./src/components/Widgets/AdGuardStats.vue?8964"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","queryCount","blockCount","_v","_s","_e","attrs","chartId","staticRenderFns","mixins","computed","hostname","endpoint","authHeaders","Authorization","data","methods","fetchData","processData","chartColors","chartValues","chartLabels","generateBlockPie","labels","values","colors","title","datasets","type","height","strokeWidth","tooltipOptions","formatTooltipY","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAAEN,EAAIO,YAAcP,EAAIQ,WAAYJ,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,OAAO,CAACN,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,OAAO,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIO,iBAAiBH,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,OAAO,CAACN,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,OAAO,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,mBAAmBR,EAAIW,KAAKP,EAAG,IAAI,CAACE,YAAY,YAAYM,MAAM,CAAC,GAAKZ,EAAIa,cAC7gBC,EAAkB,G,4ECeP,GACfC,uBACAC,UAEAC,SAFA,WAIA,OADA,sFACA,uBAEAC,SANA,WAOA,iDAEAC,YATA,WAUA,iDACA,sFACA,OAAAC,kCAEA,WAGAC,KAnBA,WAoBA,OACAd,gBACAC,kBAGAc,SAEAC,UAFA,WAGA,yEAGAC,YANA,SAMAH,GAEA,2BACA,6BACA,iCACA,+BACA,6BACA,UACA,MAGA,kBACA,kBAGA,4BACA,QACA,wBAGA,MACAI,kBACAC,UACAC,iCAEA,MACAF,kBACAC,UACAC,iCAEA,MACAF,kBACAC,UACAC,uCAIA,8BAGAC,iBA9CA,SA8CAC,EAAAC,EAAAC,GACA,gDACAC,4BACAX,MACAQ,SACAI,WAAAH,YAEAI,aACAC,WACAC,eACAL,SACAM,gBACAC,2BAAA,iDCnGqW,I,wBCQjWC,EAAY,eACd,EACAxC,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAyB,E,kECnBf","file":"js/chunk-3cd0212c.99a4714b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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}})])}\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.options.hostname;\n    },\n    endpoint() {\n      return `${this.hostname}/control/stats`;\n    },\n    authHeaders() {\n      if (this.options.username && this.options.password) {\n        const encoded = window.btoa(`${this.options.username}:${this.options.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=03926e45&\"\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&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&lang=scss&\""],"sourceRoot":""}