{"version":3,"sources":["webpack:///./src/components/Widgets/GlCpuHistory.vue?4ad2","webpack:///src/components/Widgets/GlCpuHistory.vue","webpack:///./src/components/Widgets/GlCpuHistory.vue?346a","webpack:///./src/components/Widgets/GlCpuHistory.vue","webpack:///./src/mixins/GlancesMixin.js","webpack:///./src/components/Widgets/GlCpuHistory.vue?b5e2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","chartId","staticRenderFns","mixins","components","data","computed","limit","options","endpoint","makeGlancesUrl","methods","processData","system","user","labels","systemValues","userValues","chartTitle","makeTitle","datasets","name","type","values","generateChart","replace","Chart","title","height","colors","truncateLegends","lineOptions","regionFill","hideDots","axisOptions","xIsSeries","xAxisMode","tooltipOptions","formatTooltipY","created","overrideUpdateInterval","component","hostname","error","apiVersion","credentials","username","password","stringifiedUser","headers","Authorization","window","btoa","fetchData","makeRequest","then","apiPath"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAM,CAAC,GAAKP,EAAIQ,cAC3MC,EAAkB,G,gDCWP,GACbC,OAAQA,CAACA,OAAaA,OAAcA,QACpCC,WAAYA,GACZC,OACE,MAAO,IAETC,SAAUA,CACRC,QACE,OAAOb,KAAKc,QAAQD,OAAS,KAE/BE,WACE,OAAOf,KAAKgB,eAAe,eAAehB,KAAKa,SAGnDI,QAASA,CACPC,YAAYA,GACV,MAAM,OAAZC,OAAAC,GAAA,EACYC,EAAS,GACTC,EAAe,GACfC,EAAa,GACnBJ,EAAOA,QAAQA,IACbE,EAAOA,KAAKA,eAAgBA,EAAUA,KACtCC,EAAaA,KAAKA,EAAUA,MAE9BF,EAAKA,QAAQA,IACXG,EAAWA,KAAKA,EAAUA,MAE5B,MAAMC,EAAaxB,KAAKyB,UAAUN,GAC5BO,EAAW,CACvB,CAAQC,KAARA,SAAQC,KAARA,MAAQC,OAARA,GACA,CAAQF,KAARA,OAAQC,KAARA,MAAQC,OAARA,IAEM7B,KAAK8B,cAAc,CAAzBT,SAAAK,YAAA,IAEID,UAAUA,GACR,MAAO,uBAAuB,eAAWN,EAAO,GAAG,IAAIY,QAAQ,MAAO,KAExED,cAAcA,EAAeA,GAC3B,OAAO,IAAI9B,KAAKgC,MAAM,IAAIhC,KAAKO,QAAW,CACxC0B,MAAOA,EACPtB,KAAMA,EACNiB,KAAMA,aACNM,OAAQA,KAAKA,YACbC,OAAQA,CAACA,UAAWA,WACpBC,iBAAiBA,EACjBC,YAAaA,CACXC,WAAYA,EACZC,SAAUA,GAEZC,YAAaA,CACXC,WAAWA,EACXC,UAAWA,QAEbC,eAAgBA,CACdC,eAAgBA,GAAQA,KAAKA,MAAMA,GAAdA,SAO7BC,UACE7C,KAAK8C,uBAAyB,KC1EmU,I,wBCQjWC,EAAY,eACd,EACAjD,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAuC,E,kEClBA,QACbnC,SAAU,CAERoC,WAEE,OADKhD,KAAKc,QAAQkC,UAAUhD,KAAKiD,MAAM,4CAChCjD,KAAKc,QAAQkC,UAGtBE,aACE,OAAOlD,KAAKc,QAAQoC,YAAc,GAGpCC,cACE,GAAInD,KAAKc,QAAQsC,UAAYpD,KAAKc,QAAQuC,SAAU,CAClD,MAAMC,EAAmB,GAAEtD,KAAKc,QAAQsC,YAAYpD,KAAKc,QAAQuC,WAC3DE,EAAU,CAAEC,cAAgB,SAAQC,OAAOC,KAAKJ,IACtD,MAAO,CAAEC,WAEX,OAAO,OAGXtC,QAAS,CAGP0C,YACE3D,KAAK4D,YAAY5D,KAAKe,SAAUf,KAAKmD,aAAaU,KAAK7D,KAAKkB,cAG9DF,eAAe8C,GACb,MAAQ,GAAE9D,KAAKgD,gBAAgBhD,KAAKkD,cAAcY,Q,kCC9BxD","file":"js/chunk-4469b1ce.3318ddc2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"glances-cpu-history-wrapper\"},[_c('div',{staticClass:\"gl-history-chart\",attrs:{\"id\":_vm.chartId}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"glances-cpu-history-wrapper\">\n  <div class=\"gl-history-chart\" :id=\"chartId\"></div>\n</div>\n</template>\n\n<script>\nimport WidgetMixin from '@/mixins/WidgetMixin';\nimport GlancesMixin from '@/mixins/GlancesMixin';\nimport ChartingMixin from '@/mixins/ChartingMixin';\nimport { timestampToTime, getTimeAgo } from '@/utils/MiscHelpers';\n\nexport default {\n  mixins: [WidgetMixin, GlancesMixin, ChartingMixin],\n  components: {},\n  data() {\n    return {};\n  },\n  computed: {\n    limit() {\n      return this.options.limit || 100;\n    },\n    endpoint() {\n      return this.makeGlancesUrl(`cpu/history/${this.limit}`);\n    },\n  },\n  methods: {\n    processData(cpuData) {\n      const { system, user } = cpuData;\n      const labels = [];\n      const systemValues = [];\n      const userValues = [];\n      system.forEach((dataPoint) => {\n        labels.push(timestampToTime(dataPoint[0]));\n        systemValues.push(dataPoint[1]);\n      });\n      user.forEach((dataPoint) => {\n        userValues.push(dataPoint[1]);\n      });\n      const chartTitle = this.makeTitle(system);\n      const datasets = [\n        { name: 'System', type: 'bar', values: systemValues },\n        { name: 'User', type: 'bar', values: userValues },\n      ];\n      this.generateChart({ labels, datasets }, chartTitle);\n    },\n    makeTitle(system) {\n      return `CPU Usage over past ${getTimeAgo(system[0][0]).replace('ago', '')}`;\n    },\n    generateChart(timeChartData, chartTitle) {\n      return new this.Chart(`#${this.chartId}`, {\n        title: chartTitle,\n        data: timeChartData,\n        type: 'axis-mixed',\n        height: this.chartHeight,\n        colors: ['#9b5de5', '#00f5d4'],\n        truncateLegends: true,\n        lineOptions: {\n          regionFill: 1,\n          hideDots: 1,\n        },\n        axisOptions: {\n          xIsSeries: true,\n          xAxisMode: 'tick',\n        },\n        tooltipOptions: {\n          formatTooltipY: d => `${Math.round(d)}%`,\n          // formatTooltipX: d => timestampToTime(d),\n        },\n      });\n    },\n\n  },\n  created() {\n    this.overrideUpdateInterval = 20;\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.glances-cpu-history-wrapper {\n  .gl-history-chart {}\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!./GlCpuHistory.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!./GlCpuHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GlCpuHistory.vue?vue&type=template&id=6898bb58&scoped=true&\"\nimport script from \"./GlCpuHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./GlCpuHistory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GlCpuHistory.vue?vue&type=style&index=0&id=6898bb58&scoped=true&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  \"6898bb58\",\n  null\n  \n)\n\nexport default component.exports","/** Reusable mixin for all Glances widgets */\nexport default {\n  computed: {\n    /* Required, hostname (e.g. IP + port) for Glances instance */\n    hostname() {\n      if (!this.options.hostname) this.error('You must specify a \\'hostname\\' for Glaces');\n      return this.options.hostname;\n    },\n    /* Optionally specify the API version, defaults to V 3 */\n    apiVersion() {\n      return this.options.apiVersion || 3;\n    },\n    /* Optionally specify basic auth credentials for Glances instance */\n    credentials() {\n      if (this.options.username && this.options.password) {\n        const stringifiedUser = `${this.options.username}:${this.options.password}`;\n        const headers = { Authorization: `Basic ${window.btoa(stringifiedUser)}` };\n        return { headers };\n      }\n      return null;\n    },\n  },\n  methods: {\n    /* Make the request to Glances API, and calls handler function with results\n    * Requires endpoint attribute and processData method to be implemented by child */\n    fetchData() {\n      this.makeRequest(this.endpoint, this.credentials).then(this.processData);\n    },\n    /* Returns URL to Glances API endpoint */\n    makeGlancesUrl(apiPath) {\n      return `${this.hostname}/api/${this.apiVersion}/${apiPath}`;\n    },\n  },\n};\n","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!./GlCpuHistory.vue?vue&type=style&index=0&id=6898bb58&scoped=true&lang=scss&\""],"sourceRoot":""}