{"version":3,"sources":["webpack:///./src/components/Widgets/GlCpuHistory.vue","webpack:///src/components/Widgets/GlCpuHistory.vue","webpack:///./src/components/Widgets/GlCpuHistory.vue?3e12","webpack:///./src/components/Widgets/GlCpuHistory.vue?4ca1","webpack:///./src/mixins/GlancesMixin.js","webpack:///./src/components/Widgets/GlCpuHistory.vue?7f51"],"names":["render","_vm","this","_c","_self","staticClass","attrs","chartId","staticRenderFns","mixins","WidgetMixin","GlancesMixin","ChartingMixin","components","data","computed","limit","options","endpoint","makeGlancesUrl","concat","methods","processData","cpuData","system","user","labels","systemValues","userValues","forEach","dataPoint","push","timestampToTime","chartTitle","makeTitle","datasets","name","type","values","generateChart","getTimeAgo","replace","timeChartData","Chart","title","height","chartHeight","colors","truncateLegends","lineOptions","regionFill","hideDots","axisOptions","xIsSeries","xAxisMode","tooltipOptions","formatTooltipY","d","Math","round","created","overrideUpdateInterval","component","hostname","error","apiVersion","credentials","username","password","stringifiedUser","Authorization","window","btoa","fetchData","makeRequest","then","apiPath"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAM,CAAC,GAAKL,EAAIM,cAE9KC,EAAkB,G,oGCUP,GACfC,OAAA,CAAAC,OAAAC,OAAAC,QACAC,WAAA,GACAC,KAAA,WACA,UAEAC,SAAA,CACAC,MAAA,WACA,YAAAC,QAAAD,OAAA,KAEAE,SAAA,WACA,YAAAC,eAAA,eAAAC,OAAA,KAAAJ,UAGAK,QAAA,CACAC,YAAA,SAAAC,GACA,IAAAC,EAAAD,EAAAC,OAAAC,EAAAF,EAAAE,KACAC,EAAA,GACAC,EAAA,GACAC,EAAA,GACAJ,EAAAK,SAAA,SAAAC,GACAJ,EAAAK,KAAAC,eAAAF,EAAA,KACAH,EAAAI,KAAAD,EAAA,OAEAL,EAAAI,SAAA,SAAAC,GACAF,EAAAG,KAAAD,EAAA,OAEA,IAAAG,EAAA,KAAAC,UAAAV,GACAW,EAAA,CACA,CAAAC,KAAA,SAAAC,KAAA,MAAAC,OAAAX,GACA,CAAAS,KAAA,OAAAC,KAAA,MAAAC,OAAAV,IAEA,KAAAW,cAAA,CAAAb,SAAAS,YAAAF,IAEAC,UAAA,SAAAV,GACA,6BAAAJ,OAAAoB,eAAAhB,EAAA,OAAAiB,QAAA,YAEAF,cAAA,SAAAG,EAAAT,GACA,gBAAAU,MAAA,IAAAvB,OAAA,KAAAb,SAAA,CACAqC,MAAAX,EACAnB,KAAA4B,EACAL,KAAA,aACAQ,OAAA,KAAAC,YACAC,OAAA,sBACAC,iBAAA,EACAC,YAAA,CACAC,WAAA,EACAC,SAAA,GAEAC,YAAA,CACAC,WAAA,EACAC,UAAA,QAEAC,eAAA,CACAC,eAAA,SAAAC,GAAA,SAAArC,OAAAsC,KAAAC,MAAAF,GAAA,WAOAG,QAAA,WACA,KAAAC,uBAAA,KC1EoW,I,wBCQhWC,EAAY,eACd,EACA9D,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAsD,E,6FClBA,QACb/C,SAAU,CAERgD,SAAQ,WAEN,OADK7D,KAAKe,QAAQ8C,UAAU7D,KAAK8D,MAAM,6CAChC9D,KAAKe,QAAQ8C,UAGtBE,WAAU,WACR,OAAO/D,KAAKe,QAAQgD,YAAc,GAGpCC,YAAW,WACT,GAAIhE,KAAKe,QAAQkD,UAAYjE,KAAKe,QAAQmD,SAAU,CAClD,IAAMC,EAAkB,GAAHjD,OAAMlB,KAAKe,QAAQkD,SAAQ,KAAA/C,OAAIlB,KAAKe,QAAQmD,UACjE,MAAO,CAAEE,cAAe,SAAFlD,OAAWmD,OAAOC,KAAKH,KAE/C,OAAO,OAGXhD,QAAS,CAGPoD,UAAS,WACPvE,KAAKwE,YAAYxE,KAAKgB,SAAUhB,KAAKgE,aAAaS,KAAKzE,KAAKoB,cAG9DH,eAAc,SAACyD,GACb,MAAO,GAAPxD,OAAUlB,KAAK6D,SAAQ,SAAA3C,OAAQlB,KAAK+D,WAAU,KAAA7C,OAAIwD,O,yDC7BxD","file":"js/chunk-73f090a0.7cf568e3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"glances-cpu-history-wrapper\"},[_c('div',{staticClass:\"gl-history-chart\",attrs:{\"id\":_vm.chartId}})])\n}\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&prod&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 Glances');\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        return { Authorization: `Basic ${window.btoa(stringifiedUser)}` };\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&prod&scoped=true&lang=scss\""],"sourceRoot":""}