From 5d7c5ba1203d7714a5d4e1f02c3050cfd13482eb Mon Sep 17 00:00:00 2001
From: link <a624669980@163.com>
Date: Wed, 15 Jun 2022 10:22:27 +0800
Subject: [PATCH] Dev (#296)

* fix bug

* updata UI

* 0.3.2

### Added

- [Files] Files can now be selected multiple files and downloaded, deleted, moved, etc.
- [Apps] Support to modify the application opening address.([#204](https://github.com/IceWhaleTech/CasaOS/issues/204))

### Changed

- [Apps] Hide the display of non-essential environment variables in the application.
- [System] Network, disk, cpu, memory, etc. information is modified to be pushed via socket.
- [System] Optimize opening speed.([#214](https://github.com/IceWhaleTech/CasaOS/issues/214))
### Fixed

- [System] Fixed the problem that sync data cannot submit the device ID ([#68](https://github.com/IceWhaleTech/CasaOS/issues/68))
- [Files] Fixed the code editor center alignment display problem.([#210](https://github.com/IceWhaleTech/CasaOS/issues/210))
- [Files] Fixed the problem of wrong name when downloading files.([#240](https://github.com/IceWhaleTech/CasaOS/issues/240))
- [System] Fixed the network display as a negative number problem.([#224](https://github.com/IceWhaleTech/CasaOS/issues/224))

* Modify log help class

* Fix some bugs in 0.3.2

* Solve the operation file queue problem

* Exclude web folders

* update UI

* add cancel file operate

* Update UI

* Merge sockets to transfer data

* Conflict Resolution

* Update send data interval

* Update UI

* fixed bug

- Fix the problem of application opening failure on non-80 ports
- Modify port failure problem
- Modify environment variables disappearing problem

* update version function

* Fix version update issues

* fixed bug

- [System] Fixed the issue of widgets displaying wrongly on mobile devices.
- [App] Fix the problem of application opening failure on non-80 ports ([#283](https://github.com/IceWhaleTech/CasaOS/issues/283) [#280](https://github.com/IceWhaleTech/CasaOS/issues/280))
- [System] Modify port failure problem ([#282](https://github.com/IceWhaleTech/CasaOS/issues/282))
- [App]Modify environment variables disappearing problem([#284](https://github.com/IceWhaleTech/CasaOS/issues/284))
- [System]Fix no update alert([#278](https://github.com/IceWhaleTech/CasaOS/issues/278))
- [System] Fixed some bugs of application cpu usage and memory staging([#272]https://github.com/IceWhaleTech/CasaOS/issues/272)

* update UI

* Update CHANGELOG.md

* update app service

* update ui
---
 service/app.go | 6 +++++-
 web/index.html | 2 +-
 web/js/8.js    | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/service/app.go b/service/app.go
index 4ed9728..b08bcc8 100644
--- a/service/app.go
+++ b/service/app.go
@@ -464,7 +464,7 @@ func (a *appStruct) GetHardwareUsageSteam() {
 
 	fts := filters.NewArgs()
 	fts.Add("label", "casaos=casaos")
-	fts.Add("status", "running")
+	//fts.Add("status", "running")
 
 	for i := 0; i < 100; i++ {
 		if config.CasaOSGlobalVariables.AppChange {
@@ -481,6 +481,10 @@ func (a *appStruct) GetHardwareUsageSteam() {
 		}
 		var wg sync.WaitGroup
 		for _, v := range containers {
+			if v.State != "running" {
+				dataStats.Delete(v.ID)
+				continue
+			}
 			wg.Add(1)
 			go func(v types.Container, i int) {
 				defer wg.Done()
diff --git a/web/index.html b/web/index.html
index fc39518..395f8b2 100644
--- a/web/index.html
+++ b/web/index.html
@@ -20,7 +20,7 @@
   <title>
     CasaOS
   </title>
-<link href="/ui/css/10.32be8789.css" rel="prefetch"><link href="/ui/css/11.dc77452d.css" rel="prefetch"><link href="/ui/css/16.1f93b660.css" rel="prefetch"><link href="/ui/css/17.046fd3d8.css" rel="prefetch"><link href="/ui/css/8.332ce37a.css" rel="prefetch"><link href="/ui/css/9.e1b97a16.css" rel="prefetch"><link href="/ui/js/0.js" rel="prefetch"><link href="/ui/js/1.js" rel="prefetch"><link href="/ui/js/10.js" rel="prefetch"><link href="/ui/js/11.js" rel="prefetch"><link href="/ui/js/12.js" rel="prefetch"><link href="/ui/js/13.js" rel="prefetch"><link href="/ui/js/14.js" rel="prefetch"><link href="/ui/js/15.js" rel="prefetch"><link href="/ui/js/16.js" rel="prefetch"><link href="/ui/js/17.js" rel="prefetch"><link href="/ui/js/18.js" rel="prefetch"><link href="/ui/js/2.js" rel="prefetch"><link href="/ui/js/3.js" rel="prefetch"><link href="/ui/js/4.js" rel="prefetch"><link href="/ui/js/5.js" rel="prefetch"><link href="/ui/js/6.js" rel="prefetch"><link href="/ui/js/7.js" rel="prefetch"><link href="/ui/js/8.js" rel="prefetch"><link href="/ui/js/9.js" rel="prefetch"><link href="/ui/css/app.f66141f5.css" rel="preload" as="style"><link href="/ui/css/vendors~app.a048753d.css" rel="preload" as="style"><link href="/ui/js/app.js" rel="preload" as="script"><link href="/ui/js/vendors~app.js" rel="preload" as="script"><link href="/ui/css/vendors~app.a048753d.css" rel="stylesheet"><link href="/ui/css/app.f66141f5.css" rel="stylesheet"></head>
+<link href="/ui/css/10.32be8789.css" rel="prefetch"><link href="/ui/css/11.dc77452d.css" rel="prefetch"><link href="/ui/css/16.1f93b660.css" rel="prefetch"><link href="/ui/css/17.046fd3d8.css" rel="prefetch"><link href="/ui/css/8.332ce37a.css" rel="prefetch"><link href="/ui/css/9.e1b97a16.css" rel="prefetch"><link href="/ui/js/0.js" rel="prefetch"><link href="/ui/js/1.js" rel="prefetch"><link href="/ui/js/10.js" rel="prefetch"><link href="/ui/js/11.js" rel="prefetch"><link href="/ui/js/12.js" rel="prefetch"><link href="/ui/js/13.js" rel="prefetch"><link href="/ui/js/14.js" rel="prefetch"><link href="/ui/js/15.js" rel="prefetch"><link href="/ui/js/16.js" rel="prefetch"><link href="/ui/js/17.js" rel="prefetch"><link href="/ui/js/18.js" rel="prefetch"><link href="/ui/js/2.js" rel="prefetch"><link href="/ui/js/3.js" rel="prefetch"><link href="/ui/js/4.js" rel="prefetch"><link href="/ui/js/5.js" rel="prefetch"><link href="/ui/js/6.js" rel="prefetch"><link href="/ui/js/7.js" rel="prefetch"><link href="/ui/js/8.js" rel="prefetch"><link href="/ui/js/9.js" rel="prefetch"><link href="/ui/css/app.87e82b7f.css" rel="preload" as="style"><link href="/ui/css/vendors~app.a048753d.css" rel="preload" as="style"><link href="/ui/js/app.js" rel="preload" as="script"><link href="/ui/js/vendors~app.js" rel="preload" as="script"><link href="/ui/css/vendors~app.a048753d.css" rel="stylesheet"><link href="/ui/css/app.87e82b7f.css" rel="stylesheet"></head>
 
 <body>
   <noscript>
diff --git a/web/js/8.js b/web/js/8.js
index 80e22b2..f5b2b53 100644
--- a/web/js/8.js
+++ b/web/js/8.js
@@ -182,7 +182,7 @@
 /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/logsAndTerminal/TerminalCard.vue?vue&type=script&lang=js& ***!
   \*************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var xterm_css_xterm_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xterm/css/xterm.css */ "./node_modules/xterm/css/xterm.css");\n/* harmony import */ var xterm_css_xterm_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(xterm_css_xterm_css__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var xterm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xterm */ "./node_modules/xterm/lib/xterm.js");\n/* harmony import */ var xterm__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(xterm__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! xterm-addon-fit */ "./node_modules/xterm-addon-fit/lib/xterm-addon-fit.js");\n/* harmony import */ var xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! xterm-addon-attach */ "./node_modules/xterm-addon-attach/lib/xterm-addon-attach.js");\n/* harmony import */ var xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\nvar fitAddon = new xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2__["FitAddon"]();\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "terminal-card",\n  props: {\n    id: String,\n    label: String,\n    wsUrl: String\n  },\n  data: function data() {\n    return {\n      fullscreen: false,\n      term: "",\n      state: true\n    };\n  },\n  computed: {\n    buttonSzie: function buttonSzie() {\n      return this.$store.state.device == "mobile" ? \'is-small\' : \'\';\n    },\n    buttonIcon: function buttonIcon() {\n      return this.fullscreen ? "fullscreen-exit" : "fullscreen";\n    }\n  },\n  mounted: function mounted() {\n    this.initSocket();\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.socket.close();\n    if (this.term != "") this.term.dispose();\n    window.removeEventListener(\'resize\', this.onWindowResize);\n  },\n  methods: {\n    toggleFullScreen: function toggleFullScreen() {\n      this.fullscreen = !this.fullscreen;\n    },\n    initTerm: function initTerm() {\n      var term = new xterm__WEBPACK_IMPORTED_MODULE_1__["Terminal"]({\n        fontSize: 14,\n        cursorBlink: true,\n        theme: {\n          background: \'#1E1E1E\'\n        }\n      });\n      var attachAddon = new xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3__["AttachAddon"](this.socket);\n      term.loadAddon(attachAddon);\n      term.loadAddon(fitAddon);\n      term.open(document.getElementById(\'xterm\'));\n      fitAddon.fit();\n      term.focus();\n      this.term = term;\n      window.addEventListener(\'resize\', this.onWindowResize);\n      this.onWindowResize();\n    },\n    initSocket: function initSocket() {\n      this.socket = new WebSocket(this.wsUrl);\n      this.socketOnClose();\n      this.socketOnOpen();\n      this.socketOnError();\n    },\n    socketOnOpen: function socketOnOpen() {\n      var _this = this;\n\n      this.socket.onopen = function () {\n        _this.initTerm();\n      };\n    },\n    socketOnClose: function socketOnClose() {\n      this.socket.onclose = function () {\n        console.log(\'close socket\');\n      };\n    },\n    socketOnError: function socketOnError() {\n      this.socket.onerror = function () {\n        console.log(\'socket 链接失败\');\n      };\n    },\n    onWindowResize: function onWindowResize() {\n      var _this2 = this;\n\n      this.$nextTick(function () {\n        if (_this2.fullscreen) {\n          document.getElementById(\'xterm\').style.height = window.innerHeight - _this2.getTop(document.getElementById(\'xterm\')) + \'px\';\n          document.body.style.overflow = "hidden";\n        } else {\n          document.getElementById(\'xterm\').style.height = window.innerHeight - _this2.getTop(document.getElementById(\'xterm\')) - 62 + \'px\';\n          document.body.style.overflow = "auto";\n        }\n\n        if (_this2.state) {\n          fitAddon.fit();\n\n          _this2.socket.send(JSON.stringify({\n            type: "resize",\n            cols: _this2.term.cols,\n            rows: _this2.term.rows\n          }));\n        }\n      });\n    },\n    getTop: function getTop(e) {\n      var offset = e.offsetTop;\n      if (e.offsetParent != null) offset += this.getTop(e.offsetParent);\n      return offset;\n    },\n    active: function active(state) {\n      this.state = state;\n\n      if (state) {\n        this.onWindowResize();\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/logsAndTerminal/TerminalCard.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options')},"./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/logsAndTerminal/TerminalPanel.vue?vue&type=script&lang=js&":
+/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var xterm_css_xterm_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xterm/css/xterm.css */ "./node_modules/xterm/css/xterm.css");\n/* harmony import */ var xterm_css_xterm_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(xterm_css_xterm_css__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var xterm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xterm */ "./node_modules/xterm/lib/xterm.js");\n/* harmony import */ var xterm__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(xterm__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! xterm-addon-fit */ "./node_modules/xterm-addon-fit/lib/xterm-addon-fit.js");\n/* harmony import */ var xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! xterm-addon-attach */ "./node_modules/xterm-addon-attach/lib/xterm-addon-attach.js");\n/* harmony import */ var xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\nvar fitAddon = new xterm_addon_fit__WEBPACK_IMPORTED_MODULE_2__["FitAddon"]();\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "terminal-card",\n  props: {\n    id: String,\n    label: String,\n    wsUrl: String\n  },\n  data: function data() {\n    return {\n      fullscreen: false,\n      term: "",\n      state: true\n    };\n  },\n  computed: {\n    buttonSzie: function buttonSzie() {\n      return this.$store.state.device == "mobile" ? \'is-small\' : \'\';\n    },\n    buttonIcon: function buttonIcon() {\n      return this.fullscreen ? "fullscreen-exit" : "fullscreen";\n    }\n  },\n  mounted: function mounted() {\n    this.initSocket();\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.socket.close();\n    if (this.term != "") this.term.dispose();\n    window.removeEventListener(\'resize\', this.onWindowResize);\n  },\n  methods: {\n    toggleFullScreen: function toggleFullScreen() {\n      this.fullscreen = !this.fullscreen;\n    },\n    initTerm: function initTerm() {\n      var term = new xterm__WEBPACK_IMPORTED_MODULE_1__["Terminal"]({\n        fontSize: 14,\n        cursorBlink: true,\n        theme: {\n          background: \'#1E1E1E\'\n        }\n      });\n      var attachAddon = new xterm_addon_attach__WEBPACK_IMPORTED_MODULE_3__["AttachAddon"](this.socket);\n      term.loadAddon(attachAddon);\n      term.loadAddon(fitAddon);\n      term.open(document.getElementById(\'xterm\'));\n      fitAddon.fit();\n      term.focus();\n      this.term = term;\n      window.addEventListener(\'resize\', this.onWindowResize);\n      this.onWindowResize();\n    },\n    initSocket: function initSocket() {\n      this.socket = new WebSocket(this.wsUrl);\n      this.socketOnClose();\n      this.socketOnOpen();\n      this.socketOnError();\n    },\n    socketOnOpen: function socketOnOpen() {\n      var _this = this;\n\n      this.socket.onopen = function () {\n        _this.initTerm();\n      };\n    },\n    socketOnClose: function socketOnClose() {\n      this.socket.onclose = function () {\n        console.log(\'close socket\');\n      };\n    },\n    socketOnError: function socketOnError() {\n      this.socket.onerror = function () {\n        console.log(\'socket failure\');\n      };\n    },\n    onWindowResize: function onWindowResize() {\n      var _this2 = this;\n\n      this.$nextTick(function () {\n        if (_this2.fullscreen) {\n          document.getElementById(\'xterm\').style.height = window.innerHeight - _this2.getTop(document.getElementById(\'xterm\')) + \'px\';\n          document.body.style.overflow = "hidden";\n        } else {\n          document.getElementById(\'xterm\').style.height = window.innerHeight - _this2.getTop(document.getElementById(\'xterm\')) - 62 + \'px\';\n          document.body.style.overflow = "auto";\n        }\n\n        if (_this2.state) {\n          fitAddon.fit();\n\n          _this2.socket.send(JSON.stringify({\n            type: "resize",\n            cols: _this2.term.cols,\n            rows: _this2.term.rows\n          }));\n        }\n      });\n    },\n    getTop: function getTop(e) {\n      var offset = e.offsetTop;\n      if (e.offsetParent != null) offset += this.getTop(e.offsetParent);\n      return offset;\n    },\n    active: function active(state) {\n      this.state = state;\n\n      if (state) {\n        this.onWindowResize();\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/logsAndTerminal/TerminalCard.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options')},"./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/logsAndTerminal/TerminalPanel.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/logsAndTerminal/TerminalPanel.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************************************************************************************************************/
@@ -222,7 +222,7 @@
 /*!*********************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/widgets/Cpu.vue?vue&type=script&lang=js& ***!
   \*********************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ \"./node_modules/core-js/modules/es.string.iterator.js\");\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ \"./node_modules/core-js/modules/web.dom-collections.iterator.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-smooth-reflow */ \"./node_modules/vue-smooth-reflow/dist/vue-smooth-reflow.min.js\");\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/orderBy */ \"./node_modules/lodash/orderBy.js\");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_has__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/has */ \"./node_modules/lodash/has.js\");\n/* harmony import */ var lodash_has__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_has__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var lodash_slice__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/slice */ \"./node_modules/lodash/slice.js\");\n/* harmony import */ var lodash_slice__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_slice__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../mixins/mixin */ \"./src/mixins/mixin.js\");\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import VueApexCharts from 'vue-apexcharts'\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  // eslint-disable-next-line vue/multi-word-component-names\n  name: 'cpu',\n  icon: \"cog\",\n  title: \"System Status\",\n  initShow: true,\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4___default.a, _mixins_mixin__WEBPACK_IMPORTED_MODULE_8__[\"mixin\"]],\n  components: {\n    apexchart: function apexchart() {\n      return __webpack_require__.e(/*! import() */ 7).then(__webpack_require__.t.bind(null, /*! vue-apexcharts */ \"./node_modules/vue-apexcharts/dist/vue-apexcharts.js\", 7));\n    }\n  },\n  data: function data() {\n    return {\n      activeTab: 0,\n      showMore: false,\n      cpuCores: 0,\n      totalMemory: 0,\n      barHeight: 120,\n      cpuSeries: [0],\n      ramSeries: [0],\n      chartOptions: {\n        chart: {\n          type: 'radialBar',\n          width: '100%'\n        },\n        grid: {\n          padding: {\n            left: 0,\n            right: 0,\n            top: -8,\n            bottom: -10\n          }\n        },\n        states: {\n          hover: {\n            filter: {\n              type: 'none'\n            }\n          },\n          active: {\n            filter: {\n              type: 'none'\n            }\n          }\n        },\n        plotOptions: {\n          radialBar: {\n            startAngle: 0,\n            endAngle: 360,\n            offsetX: 0,\n            offsetY: 0,\n            hollow: {\n              margin: 0,\n              size: '55%',\n              image: undefined,\n              imageOffsetX: 0,\n              imageOffsetY: 0,\n              position: 'front',\n              dropShadow: {\n                enabled: true,\n                top: 3,\n                left: 0,\n                blur: 4,\n                opacity: 0.24\n              }\n            },\n            track: {\n              background: '#fff',\n              strokeWidth: '100%',\n              margin: 0,\n              // margin is in pixels\n              opacity: 0.4,\n              dropShadow: {\n                enabled: true,\n                top: -3,\n                left: 0,\n                blur: 4,\n                opacity: 0.35\n              }\n            },\n            dataLabels: {\n              show: true,\n              value: {\n                formatter: function formatter(val) {\n                  return parseInt(val) + \"%\";\n                },\n                offsetY: -10,\n                color: '#fff',\n                fontSize: '18px',\n                show: true\n              }\n            }\n          }\n        },\n        fill: {\n          type: 'image',\n          image: {\n            src: [__webpack_require__(/*! @/assets/img/widgets/gradient.png */ \"./src/assets/img/widgets/gradient.png\")]\n          }\n        },\n        stroke: {\n          lineCap: 'round'\n        },\n        labels: ['']\n      },\n      containerCpuList: [],\n      containerRamList: []\n    };\n  },\n  created: function created() {\n    this.cpuCores = this.$store.state.hardwareInfo.cpu.num;\n    this.totalMemory = this.$store.state.hardwareInfo.mem.total;\n    this.updateCharts(this.$store.state.hardwareInfo);\n    this.getDockerUsage();\n  },\n  mounted: function mounted() {\n    this.$smoothReflow({\n      el: '.widget',\n      property: ['height']\n    });\n  },\n  methods: {\n    /**\n     * @description: Update cpu and memory usage\n     * @param {*}\n     * @return {*} void\n     */\n    updateCharts: function updateCharts(hardwareInfo) {\n      this.cpuSeries = [hardwareInfo.cpu.percent];\n      this.ramSeries = [hardwareInfo.mem.usedPercent];\n\n      if (this.showMore) {\n        this.getDockerUsage();\n      }\n    },\n\n    /**\n     * @description: Get Docker apps cpu and memory usage\n     * @param {*}\n     * @return {*} void\n     */\n    getDockerUsage: function getDockerUsage() {\n      var _this = this;\n\n      this.$api.app.getAppUsage().then(function (res) {\n        var id = 0;\n        _this.containerCpuList = res.data.data.map(function (item) {\n          var usage = 0;\n\n          if (item.pre == null) {\n            usage = 0;\n          } else {\n            // Look at here  https://docs.docker.com/engine/api/v1.41/#operation/ContainerStats\n            var cpu_delta = item.data.cpu_stats.cpu_usage.total_usage - item.pre.cpu_stats.cpu_usage.total_usage;\n            var system_cpu_delta = item.data.cpu_stats.system_cpu_usage - item.pre.cpu_stats.system_cpu_usage + 1; // const number_cpus = item.data.cpu_stats.online_cpus\n\n            usage = Math.floor(cpu_delta / system_cpu_delta * 1000) / 10;\n          }\n\n          id++;\n          return {\n            id: id,\n            usage: isNaN(usage) ? 0 : usage,\n            icon: item.icon,\n            title: item.title\n          };\n        });\n        _this.containerRamList = res.data.data.map(function (item) {\n          var cache = 0;\n          var id = 0;\n\n          if (lodash_has__WEBPACK_IMPORTED_MODULE_6___default()(item.data.memory_stats.stats, 'inactive_file')) {\n            cache = item.data.memory_stats.stats.inactive_file;\n          } else {\n            if (lodash_has__WEBPACK_IMPORTED_MODULE_6___default()(item.data.memory_stats.stats, 'cache')) {\n              cache = item.data.memory_stats.stats.cache;\n            } else if (lodash_has__WEBPACK_IMPORTED_MODULE_6___default()(item.data.memory_stats.stats, 'total_inactive_file')) {\n              cache = item.data.memory_stats.stats.total_inactive_file;\n            }\n          }\n\n          var used_memory = \"stats\" in item.data.memory_stats ? item.data.memory_stats.usage - cache : NaN;\n          id++;\n          return {\n            id: id,\n            usage: isNaN(used_memory) ? 0 : used_memory,\n            icon: item.icon,\n            title: item.title\n          };\n        });\n        _this.containerCpuList = lodash_slice__WEBPACK_IMPORTED_MODULE_7___default()(lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default()(_this.containerCpuList, ['usage'], ['desc']), 0, 8);\n        _this.containerRamList = lodash_slice__WEBPACK_IMPORTED_MODULE_7___default()(lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default()(_this.containerRamList, ['usage'], ['desc']), 0, 8);\n      });\n    },\n\n    /**\n     * @description: Toggle more info\n     * @param {*}\n     * @return {*} void\n     */\n    showMoreInfo: function showMoreInfo() {\n      this.showMore = !this.showMore;\n    }\n  },\n  sockets: {\n    sys_cpu: function sys_cpu(data) {\n      this.cpuCores = data.body.data.num;\n      this.cpuSeries = [data.body.data.percent];\n\n      if (this.showMore) {\n        this.getDockerUsage();\n      }\n    },\n    sys_mem: function sys_mem(data) {\n      this.totalMemory = data.body.data.total;\n      this.ramSeries = [data.body.data.usedPercent];\n    },\n    sys_hardware_status: function sys_hardware_status(data) {\n      // CPU\n      this.cpuCores = data.body.sys_cpu.num;\n      this.cpuSeries = [data.body.sys_cpu.percent];\n\n      if (this.showMore) {\n        this.getDockerUsage();\n      } // Memory\n\n\n      this.totalMemory = data.body.sys_mem.total;\n      this.ramSeries = [data.body.sys_mem.usedPercent];\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/widgets/Cpu.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options")},"./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/widgets/Disks.vue?vue&type=script&lang=js&":
+/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ \"./node_modules/core-js/modules/es.string.iterator.js\");\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ \"./node_modules/core-js/modules/web.dom-collections.iterator.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-smooth-reflow */ \"./node_modules/vue-smooth-reflow/dist/vue-smooth-reflow.min.js\");\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/orderBy */ \"./node_modules/lodash/orderBy.js\");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_has__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/has */ \"./node_modules/lodash/has.js\");\n/* harmony import */ var lodash_has__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_has__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var lodash_slice__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/slice */ \"./node_modules/lodash/slice.js\");\n/* harmony import */ var lodash_slice__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_slice__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../mixins/mixin */ \"./src/mixins/mixin.js\");\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import VueApexCharts from 'vue-apexcharts'\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  // eslint-disable-next-line vue/multi-word-component-names\n  name: 'cpu',\n  icon: \"cog\",\n  title: \"System Status\",\n  initShow: true,\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_4___default.a, _mixins_mixin__WEBPACK_IMPORTED_MODULE_8__[\"mixin\"]],\n  components: {\n    apexchart: function apexchart() {\n      return __webpack_require__.e(/*! import() */ 7).then(__webpack_require__.t.bind(null, /*! vue-apexcharts */ \"./node_modules/vue-apexcharts/dist/vue-apexcharts.js\", 7));\n    }\n  },\n  data: function data() {\n    return {\n      timmer: null,\n      activeTab: 0,\n      showMore: false,\n      cpuCores: 0,\n      totalMemory: 0,\n      barHeight: 120,\n      cpuSeries: [0],\n      ramSeries: [0],\n      chartOptions: {\n        chart: {\n          type: 'radialBar',\n          width: '100%'\n        },\n        grid: {\n          padding: {\n            left: 0,\n            right: 0,\n            top: -8,\n            bottom: -10\n          }\n        },\n        states: {\n          hover: {\n            filter: {\n              type: 'none'\n            }\n          },\n          active: {\n            filter: {\n              type: 'none'\n            }\n          }\n        },\n        plotOptions: {\n          radialBar: {\n            startAngle: 0,\n            endAngle: 360,\n            offsetX: 0,\n            offsetY: 0,\n            hollow: {\n              margin: 0,\n              size: '55%',\n              image: undefined,\n              imageOffsetX: 0,\n              imageOffsetY: 0,\n              position: 'front',\n              dropShadow: {\n                enabled: true,\n                top: 3,\n                left: 0,\n                blur: 4,\n                opacity: 0.24\n              }\n            },\n            track: {\n              background: '#fff',\n              strokeWidth: '100%',\n              margin: 0,\n              // margin is in pixels\n              opacity: 0.4,\n              dropShadow: {\n                enabled: true,\n                top: -3,\n                left: 0,\n                blur: 4,\n                opacity: 0.35\n              }\n            },\n            dataLabels: {\n              show: true,\n              value: {\n                formatter: function formatter(val) {\n                  return parseInt(val) + \"%\";\n                },\n                offsetY: -10,\n                color: '#fff',\n                fontSize: '18px',\n                show: true\n              }\n            }\n          }\n        },\n        fill: {\n          type: 'image',\n          image: {\n            src: [__webpack_require__(/*! @/assets/img/widgets/gradient.png */ \"./src/assets/img/widgets/gradient.png\")]\n          }\n        },\n        stroke: {\n          lineCap: 'round'\n        },\n        labels: ['']\n      },\n      containerCpuList: [],\n      containerRamList: []\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    this.cpuCores = this.$store.state.hardwareInfo.cpu.num;\n    this.totalMemory = this.$store.state.hardwareInfo.mem.total;\n    this.updateCharts(this.$store.state.hardwareInfo);\n    this.getDockerUsage();\n    this.timer = setInterval(function () {\n      if (_this.showMore) {\n        _this.getDockerUsage();\n      }\n    }, 1000);\n  },\n  mounted: function mounted() {\n    this.$smoothReflow({\n      el: '.widget',\n      property: ['height']\n    });\n  },\n  beforeDestroy: function beforeDestroy() {\n    clearInterval(this.timer);\n  },\n  methods: {\n    /**\n     * @description: Update cpu and memory usage\n     * @param {*}\n     * @return {*} void\n     */\n    updateCharts: function updateCharts(hardwareInfo) {\n      this.cpuSeries = [hardwareInfo.cpu.percent];\n      this.ramSeries = [hardwareInfo.mem.usedPercent];\n\n      if (this.showMore) {\n        this.getDockerUsage();\n      }\n    },\n\n    /**\n     * @description: Get Docker apps cpu and memory usage\n     * @param {*}\n     * @return {*} void\n     */\n    getDockerUsage: function getDockerUsage() {\n      var _this2 = this;\n\n      this.$api.app.getAppUsage().then(function (res) {\n        var id = 0;\n        _this2.containerCpuList = res.data.data.map(function (item) {\n          var usage = 0;\n\n          if (item.pre == null) {\n            usage = 0;\n          } else {\n            // Look at here  https://docs.docker.com/engine/api/v1.41/#operation/ContainerStats\n            var cpu_delta = item.data.cpu_stats.cpu_usage.total_usage - item.pre.cpu_stats.cpu_usage.total_usage;\n            var system_cpu_delta = item.data.cpu_stats.system_cpu_usage - item.pre.cpu_stats.system_cpu_usage + 1; // const number_cpus = item.data.cpu_stats.online_cpus\n\n            usage = Math.floor(cpu_delta / system_cpu_delta * 1000) / 10;\n          }\n\n          id++;\n          return {\n            id: id,\n            usage: isNaN(usage) || usage < 0 ? 0 : usage,\n            icon: item.icon,\n            title: item.title\n          };\n        });\n        _this2.containerRamList = res.data.data.map(function (item) {\n          var cache = 0;\n          var id = 0;\n\n          if (lodash_has__WEBPACK_IMPORTED_MODULE_6___default()(item.data.memory_stats.stats, 'inactive_file')) {\n            cache = item.data.memory_stats.stats.inactive_file;\n          } else {\n            if (lodash_has__WEBPACK_IMPORTED_MODULE_6___default()(item.data.memory_stats.stats, 'cache')) {\n              cache = item.data.memory_stats.stats.cache;\n            } else if (lodash_has__WEBPACK_IMPORTED_MODULE_6___default()(item.data.memory_stats.stats, 'total_inactive_file')) {\n              cache = item.data.memory_stats.stats.total_inactive_file;\n            }\n          }\n\n          var used_memory = \"stats\" in item.data.memory_stats ? item.data.memory_stats.usage - cache : NaN;\n          id++;\n          return {\n            id: id,\n            usage: isNaN(used_memory) ? 0 : used_memory,\n            icon: item.icon,\n            title: item.title\n          };\n        });\n        _this2.containerCpuList = lodash_slice__WEBPACK_IMPORTED_MODULE_7___default()(lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default()(_this2.containerCpuList, ['usage'], ['desc']), 0, 8);\n        _this2.containerRamList = lodash_slice__WEBPACK_IMPORTED_MODULE_7___default()(lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default()(_this2.containerRamList, ['usage'], ['desc']), 0, 8);\n      });\n    },\n\n    /**\n     * @description: Toggle more info\n     * @param {*}\n     * @return {*} void\n     */\n    showMoreInfo: function showMoreInfo() {\n      this.showMore = !this.showMore;\n    }\n  },\n  sockets: {\n    sys_cpu: function sys_cpu(data) {\n      this.cpuCores = data.body.data.num;\n      this.cpuSeries = [data.body.data.percent];\n\n      if (this.showMore) {\n        this.getDockerUsage();\n      }\n    },\n    sys_mem: function sys_mem(data) {\n      this.totalMemory = data.body.data.total;\n      this.ramSeries = [data.body.data.usedPercent];\n    },\n    sys_hardware_status: function sys_hardware_status(data) {\n      // CPU\n      this.cpuCores = data.body.sys_cpu.num;\n      this.cpuSeries = [data.body.sys_cpu.percent]; // Memory\n\n      this.totalMemory = data.body.sys_mem.total;\n      this.ramSeries = [data.body.sys_mem.usedPercent];\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/widgets/Cpu.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options")},"./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/widgets/Disks.vue?vue&type=script&lang=js&":
 /*!***********************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/widgets/Disks.vue?vue&type=script&lang=js& ***!
   \***********************************************************************************************************************************************************************************************************************************************/