{"version":3,"sources":["webpack:///./src/components/Widgets/SystemInfo.vue?0a94","webpack:///src/components/Widgets/SystemInfo.vue","webpack:///./src/components/Widgets/SystemInfo.vue?0670","webpack:///./src/components/Widgets/SystemInfo.vue","webpack:///./src/components/Widgets/SystemInfo.vue?4e96"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","_f","info","username","hostname","system","$t","uptime","_e","attrs","chartId","staticRenderFns","mixins","components","data","computed","endpoint","filters","isUsername","makeUptime","seconds","methods","fetchData","axios","then","catch","finally","processData","labels","datasets","values","generateMemoryPie","memoryChartData","title","type","height","strokeWidth","colors","tooltipOptions","formatTooltipY","generateLoadBar","loadBarChartData","barOptions","spaceRatio","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAAEN,EAAQ,KAAEI,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,aAAPT,CAAqBA,EAAIU,KAAKC,WAAWX,EAAIQ,GAAGR,EAAIU,KAAKE,UAAU,OAAOR,EAAG,IAAI,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIU,KAAKG,QAAQ,KAAKT,EAAG,OAAO,CAACE,YAAY,OAAO,CAACN,EAAIO,GAAG,OAAOP,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIc,GAAG,+BAA+B,KAAKd,EAAIQ,GAAGR,EAAIS,GAAG,aAAPT,CAAqBA,EAAIU,KAAKK,SAAS,SAASf,EAAIgB,KAAKZ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYW,MAAM,CAAC,GAAM,UAAYjB,EAAIkB,WAAYd,EAAG,MAAM,CAACE,YAAY,aAAaW,MAAM,CAAC,GAAM,QAAUjB,EAAIkB,gBACltBC,EAAkB,G,yFCuBP,GACfC,uBACAC,cACAC,KAHA,WAIA,OACAZ,YAGAa,UACAC,SADA,WAEA,kHACA,8DAGAC,SACAC,WADA,SACAf,GACA,8BAEAgB,WAJA,SAIAC,GACA,SACA,6BACA,+CACA,gDACA,iDACA,oDACA,uDACA,wDACA,GARA,KAWAC,SAEAC,UAFA,WAEA,WACAC,uBACAC,MAAA,YACA,yDACA,yBAEAC,OAAA,YACA,4CAEAC,SAAA,WACA,sBAIAC,YAhBA,SAgBAb,GAEA,iBAEA,wCACA,GACAc,uBACAC,WACAC,oBAGA,0BAGA,OACAF,oCACAC,UACA,CAAAC,kDAGA,yBAGAC,kBAvCA,SAuCAC,GACA,uDACAC,qBACAnB,OACAoB,aACAC,WACAC,eACAC,6BACAC,gBACAC,2BAAA,wCAKAC,gBArDA,SAqDAC,GACA,qDACAR,sBACAnB,OACAoB,WACAC,WACAE,mBACAK,YACAC,oBCnHmW,I,wBCQ/VC,EAAY,eACd,EACArD,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAiC,E,qECnBf","file":"js/chunk-3838f3ce.55a8bc9e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"system-info-wrapper\"},[(_vm.info)?_c('div',{staticClass:\"some-info\"},[_c('p',{staticClass:\"host\"},[_vm._v(\" \"+_vm._s(_vm._f(\"isUsername\")(_vm.info.username))+_vm._s(_vm.info.hostname)+\" \")]),_c('p',{staticClass:\"system\"},[_vm._v(\" \"+_vm._s(_vm.info.system)+\" \"),_c('span',{staticClass:\"gap\"},[_vm._v(\"|\")]),_vm._v(\" \"+_vm._s(_vm.$t('widgets.system-info.uptime'))+\": \"+_vm._s(_vm._f(\"makeUptime\")(_vm.info.uptime))+\" \")])]):_vm._e(),_c('div',{staticClass:\"some-charts\"},[_c('div',{staticClass:\"mem-chart\",attrs:{\"id\":(\"memory-\" + _vm.chartId)}}),_c('div',{staticClass:\"load-chart\",attrs:{\"id\":(\"load-\" + _vm.chartId)}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"system-info-wrapper\">\n  <div class=\"some-info\" v-if=\"info\">\n    <p class=\"host\">\n      {{ info.username | isUsername }}{{ info.hostname }}\n    </p>\n    <p class=\"system\">\n      {{ info.system }} <span class=\"gap\">|</span>\n      {{ $t('widgets.system-info.uptime') }}: {{ info.uptime | makeUptime }}\n    </p>\n  </div>\n  <div class=\"some-charts\">\n    <div :id=\"`memory-${chartId}`\" class=\"mem-chart\"></div>\n    <div :id=\"`load-${chartId}`\" class=\"load-chart\"></div>\n  </div>\n</div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport WidgetMixin from '@/mixins/WidgetMixin';\nimport ChartingMixin from '@/mixins/ChartingMixin';\nimport { serviceEndpoints } from '@/utils/defaults';\n\nexport default {\n  mixins: [WidgetMixin, ChartingMixin],\n  components: {},\n  data() {\n    return {\n      info: null,\n    };\n  },\n  computed: {\n    endpoint() {\n      const baseUrl = process.env.VUE_APP_DOMAIN || window.location.origin;\n      return `${baseUrl}${serviceEndpoints.systemInfo}`;\n    },\n  },\n  filters: {\n    isUsername(username) {\n      return username ? `${username}@` : '';\n    },\n    makeUptime(seconds) {\n      if (!seconds) return '';\n      if (seconds < 60) return `${seconds} seconds`;\n      if (seconds < 3600) return `${(seconds / 60).toFixed(1)} minutes`;\n      if (seconds < 86400) return `${(seconds / 3600).toFixed(2)} hours`;\n      if (seconds < 604800) return `${(seconds / 86400).toFixed(2)} days`;\n      if (seconds < 2629800) return `${(seconds / 604800).toFixed(2)} weeks`;\n      if (seconds < 31557600) return `${(seconds / 2629800).toFixed(2)} months`;\n      if (seconds >= 31557600) return `${(seconds / 31557600).toFixed(2)} years`;\n      return '';\n    },\n  },\n  methods: {\n    /* Make GET request to CoinGecko API endpoint */\n    fetchData() {\n      axios.get(this.endpoint)\n        .then((response) => {\n          if (!response.data.success) this.error('Error generating backend data');\n          this.processData(response.data);\n        })\n        .catch((dataFetchError) => {\n          this.error('Unable to fetch system info', dataFetchError);\n        })\n        .finally(() => {\n          this.finishLoading();\n        });\n    },\n    /* Assign data variables to the returned data */\n    processData(data) {\n      // Set class attributes for rendering\n      this.info = data.meta;\n      // Data for memory pie chart\n      const freeMem = parseInt(data.memory.freePercent, 10);\n      const memoryChartData = {\n        labels: ['Free', 'Used'],\n        datasets: [{\n          values: [freeMem, 100 - freeMem],\n        }],\n      };\n      this.generateMemoryPie(memoryChartData);\n\n      // Data for load bar chart\n      const loadBarChartData = {\n        labels: ['1 Min', '5 Mins', '15 Mins'],\n        datasets: [\n          { values: [data.load.one, data.load.five, data.load.fifteen] },\n        ],\n      };\n      this.generateLoadBar(loadBarChartData);\n    },\n    /* Using available memory info, generate simple pie chart */\n    generateMemoryPie(memoryChartData) {\n      return new this.Chart(`#memory-${this.chartId}`, {\n        title: 'Memory Usage',\n        data: memoryChartData,\n        type: 'donut',\n        height: 200,\n        strokeWidth: 12,\n        colors: ['#20e253', '#f80363'],\n        tooltipOptions: {\n          formatTooltipY: d => `${Math.round(d)}%`,\n        },\n      });\n    },\n    /* Using available load info, generate simple bar chart */\n    generateLoadBar(loadBarChartData) {\n      return new this.Chart(`#load-${this.chartId}`, {\n        title: 'Load Averages',\n        data: loadBarChartData,\n        type: 'bar',\n        height: 180,\n        colors: ['#04e4f4'],\n        barOptions: {\n          spaceRatio: 0.1,\n        },\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.system-info-wrapper {\n  color: var(--widget-text-color);\n  .some-info {\n    padding-bottom: 0.25rem;\n    border-bottom: 1px dashed var(--widget-text-color);\n    p.host {\n      font-size: 1.2rem;\n      margin: 0.25rem 0;\n    }\n    p.system {\n      font-size: 0.8rem;\n      margin: 0.25rem 0;\n      opacity: var(--dimming-factor);\n    }\n    span.gap {\n      margin: 0 0.4rem;\n    }\n  }\n  .some-charts {\n    display: flex;\n    .mem-chart, .load-chart {\n      width: 50%;\n      .chart-legend {\n        transform: translate(50px, 140px);\n      }\n    }\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!./SystemInfo.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!./SystemInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SystemInfo.vue?vue&type=template&id=bce0f61e&\"\nimport script from \"./SystemInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./SystemInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SystemInfo.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!./SystemInfo.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}