From baf306d73c57e32887c840d8efb8375abee19972 Mon Sep 17 00:00:00 2001
From: "a624669980@163.com" <a624669980@163.com>
Date: Tue, 14 Jun 2022 18:08:43 +0800
Subject: [PATCH] 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)
---
 CHANGELOG.md    | 14 ++++++++++----
 UI              |  2 +-
 model/docker.go | 10 ++++++++++
 service/app.go  | 16 +++++++++-------
 web/index.html  |  2 +-
 web/js/11.js    |  2 +-
 web/js/12.js    |  2 +-
 web/js/3.js     |  2 +-
 web/js/4.js     |  6 +++---
 web/js/8.js     | 26 +++++++++++++-------------
 web/js/app.js   | 16 ++++++++--------
 11 files changed, 58 insertions(+), 40 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c6647f69e..81aa0c415 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,12 +20,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [0.3.2.1] - 2022-06-14
 
+### Changed
+
+- [System] Adjusted the display style.
+
 ### Fixed
 
-- 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))
-- Modify port failure problem ([#282](https://github.com/IceWhaleTech/CasaOS/issues/282))
-- Modify environment variables disappearing problem([#284](https://github.com/IceWhaleTech/CasaOS/issues/284))
-- Fix no update alert([#278](https://github.com/IceWhaleTech/CasaOS/issues/278))
+- [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)
 
 ## [0.3.2] - 2022-06-10
 
diff --git a/UI b/UI
index 62a6bd44d..8a41d913c 160000
--- a/UI
+++ b/UI
@@ -1 +1 @@
-Subproject commit 62a6bd44d5740e3cb0ba0694d37c943147bea362
+Subproject commit 8a41d913cbfa82d2c0901a132d9b1fbce911457c
diff --git a/model/docker.go b/model/docker.go
index 1718eb6e3..59b006d6b 100644
--- a/model/docker.go
+++ b/model/docker.go
@@ -1,3 +1,13 @@
+/*
+ * @Author: LinkLeong link@icewhale.com
+ * @Date: 2021-12-08 18:10:25
+ * @LastEditors: LinkLeong
+ * @LastEditTime: 2022-06-14 17:20:36
+ * @FilePath: /CasaOS/model/docker.go
+ * @Description:
+ * @Website: https://www.casaos.io
+ * Copyright (c) 2022 by icewhale, All Rights Reserved.
+ */
 package model
 
 type DockerStatsModel struct {
diff --git a/service/app.go b/service/app.go
index f976f137f..4ed972851 100644
--- a/service/app.go
+++ b/service/app.go
@@ -464,12 +464,8 @@ func (a *appStruct) GetHardwareUsageSteam() {
 
 	fts := filters.NewArgs()
 	fts.Add("label", "casaos=casaos")
-	//fts.Add("label", "casaos")
-	//fts.Add("casaos", "casaos")
-	containers, err := cli.ContainerList(context.Background(), types.ContainerListOptions{All: true, Filters: fts})
-	if err != nil {
-		loger.Error("Failed to get container_list", zap.Any("err", err))
-	}
+	fts.Add("status", "running")
+
 	for i := 0; i < 100; i++ {
 		if config.CasaOSGlobalVariables.AppChange {
 			config.CasaOSGlobalVariables.AppChange = false
@@ -479,6 +475,10 @@ func (a *appStruct) GetHardwareUsageSteam() {
 				return true
 			})
 		}
+		containers, err := cli.ContainerList(context.Background(), types.ContainerListOptions{All: true, Filters: fts})
+		if err != nil {
+			loger.Error("Failed to get container_list", zap.Any("err", err))
+		}
 		var wg sync.WaitGroup
 		for _, v := range containers {
 			wg.Add(1)
@@ -486,6 +486,7 @@ func (a *appStruct) GetHardwareUsageSteam() {
 				defer wg.Done()
 				stats, err := cli.ContainerStats(ctx, v.ID, true)
 				if err != nil {
+					dataStats.Delete(v.ID)
 					return
 				}
 				decode := json.NewDecoder(stats.Body)
@@ -501,6 +502,7 @@ func (a *appStruct) GetHardwareUsageSteam() {
 				dockerStats.Data = data
 				dockerStats.Icon = v.Labels["icon"]
 				dockerStats.Title = strings.ReplaceAll(v.Names[0], "/", "")
+
 				dataStats.Store(v.ID, dockerStats)
 				if i == 99 {
 					stats.Body.Close()
@@ -509,7 +511,7 @@ func (a *appStruct) GetHardwareUsageSteam() {
 		}
 		wg.Wait()
 		isFinish = true
-		time.Sleep(time.Second * 3)
+		time.Sleep(time.Second * 1)
 	}
 	isFinish = false
 	cancel()
diff --git a/web/index.html b/web/index.html
index 8ee9d75ee..fc395183c 100644
--- a/web/index.html
+++ b/web/index.html
@@ -20,7 +20,7 @@
   <title>
     CasaOS
   </title>
-<link href="/ui/css/10.d72d6157.css" rel="prefetch"><link href="/ui/css/11.f8326b27.css" rel="prefetch"><link href="/ui/css/16.a16d5119.css" rel="prefetch"><link href="/ui/css/17.cf8c898a.css" rel="prefetch"><link href="/ui/css/8.11ecc7a4.css" rel="prefetch"><link href="/ui/css/9.e57f27f9.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.4293eecd.css" rel="preload" as="style"><link href="/ui/css/vendors~app.8a2c28d7.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.8a2c28d7.css" rel="stylesheet"><link href="/ui/css/app.4293eecd.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.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>
 
 <body>
   <noscript>
diff --git a/web/js/11.js b/web/js/11.js
index c282301a6..36e7835a4 100644
--- a/web/js/11.js
+++ b/web/js/11.js
@@ -26,7 +26,7 @@
 /*!*************************************!*\
   !*** ./src/plugins/vee-validate.js ***!
   \*************************************/
-/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");\n/* harmony import */ var vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vee-validate/dist/rules */ "./node_modules/vee-validate/dist/rules.js");\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! is-valid-hostname */ "./node_modules/is-valid-hostname/index.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! uuid-validate */ "./node_modules/uuid-validate/index.js");\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(uuid_validate__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("required", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["required"]), {}, {\n  message: "This field is required"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("email", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["email"]), {}, {\n  message: "This field must be a valid email"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("confirmed", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["confirmed"]), {}, {\n  message: "This field confirmation does not match"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("length", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["length"]), {}, {\n  message: "This field must have 2 options"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("min", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["min"]), {}, {\n  message: "This field must have more than {length} characters"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'rfc1123\', {\n  validate: function validate(value) {\n    return is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default()(value);\n  },\n  message: \'You entered an invalid RFC1123 hostname\'\n});\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'uuid\', {\n  validate: function validate(value) {\n    return uuid_validate__WEBPACK_IMPORTED_MODULE_4___default()(value);\n  },\n  message: \'You entered an invalid share ID\'\n});\n\n//# sourceURL=webpack:///./src/plugins/vee-validate.js?')},"./src/views/Welcome.vue":
+/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");\n/* harmony import */ var vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vee-validate/dist/rules */ "./node_modules/vee-validate/dist/rules.js");\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! is-valid-hostname */ "./node_modules/is-valid-hostname/index.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! uuid-validate */ "./node_modules/uuid-validate/index.js");\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(uuid_validate__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("required", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["required"]), {}, {\n  message: "This field is required"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("email", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["email"]), {}, {\n  message: "This field must be a valid email"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("confirmed", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["confirmed"]), {}, {\n  message: "This field confirmation does not match"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("length", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["length"]), {}, {\n  message: "This field must have 2 options"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("min", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["min"]), {}, {\n  message: "This field must have more than {length} characters"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'rfc1123\', {\n  validate: function validate(value) {\n    return is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default()(value);\n  },\n  message: \'You entered an invalid RFC1123 hostname\'\n});\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'uuid\', {\n  validate: function validate(value) {\n    return uuid_validate__WEBPACK_IMPORTED_MODULE_4___default()(value);\n  },\n  message: \'You entered an invalid share ID\'\n});\n\n//# sourceURL=webpack:///./src/plugins/vee-validate.js?')},"./src/views/Welcome.vue":
 /*!*******************************!*\
   !*** ./src/views/Welcome.vue ***!
   \*******************************/
diff --git a/web/js/12.js b/web/js/12.js
index dd936c5d5..b7ddc78b1 100644
--- a/web/js/12.js
+++ b/web/js/12.js
@@ -14,7 +14,7 @@
 /*!*************************************!*\
   !*** ./src/plugins/vee-validate.js ***!
   \*************************************/
-/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");\n/* harmony import */ var vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vee-validate/dist/rules */ "./node_modules/vee-validate/dist/rules.js");\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! is-valid-hostname */ "./node_modules/is-valid-hostname/index.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! uuid-validate */ "./node_modules/uuid-validate/index.js");\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(uuid_validate__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("required", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["required"]), {}, {\n  message: "This field is required"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("email", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["email"]), {}, {\n  message: "This field must be a valid email"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("confirmed", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["confirmed"]), {}, {\n  message: "This field confirmation does not match"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("length", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["length"]), {}, {\n  message: "This field must have 2 options"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("min", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["min"]), {}, {\n  message: "This field must have more than {length} characters"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'rfc1123\', {\n  validate: function validate(value) {\n    return is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default()(value);\n  },\n  message: \'You entered an invalid RFC1123 hostname\'\n});\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'uuid\', {\n  validate: function validate(value) {\n    return uuid_validate__WEBPACK_IMPORTED_MODULE_4___default()(value);\n  },\n  message: \'You entered an invalid share ID\'\n});\n\n//# sourceURL=webpack:///./src/plugins/vee-validate.js?')},"./src/views/Login.vue":
+/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");\n/* harmony import */ var vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vee-validate/dist/rules */ "./node_modules/vee-validate/dist/rules.js");\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! is-valid-hostname */ "./node_modules/is-valid-hostname/index.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! uuid-validate */ "./node_modules/uuid-validate/index.js");\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(uuid_validate__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("required", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["required"]), {}, {\n  message: "This field is required"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("email", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["email"]), {}, {\n  message: "This field must be a valid email"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("confirmed", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["confirmed"]), {}, {\n  message: "This field confirmation does not match"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("length", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["length"]), {}, {\n  message: "This field must have 2 options"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("min", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["min"]), {}, {\n  message: "This field must have more than {length} characters"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'rfc1123\', {\n  validate: function validate(value) {\n    return is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default()(value);\n  },\n  message: \'You entered an invalid RFC1123 hostname\'\n});\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'uuid\', {\n  validate: function validate(value) {\n    return uuid_validate__WEBPACK_IMPORTED_MODULE_4___default()(value);\n  },\n  message: \'You entered an invalid share ID\'\n});\n\n//# sourceURL=webpack:///./src/plugins/vee-validate.js?')},"./src/views/Login.vue":
 /*!*****************************!*\
   !*** ./src/views/Login.vue ***!
   \*****************************/
diff --git a/web/js/3.js b/web/js/3.js
index fa5d7bf80..c58c9d7de 100644
--- a/web/js/3.js
+++ b/web/js/3.js
@@ -62,4 +62,4 @@
 /*!*************************************!*\
   !*** ./src/plugins/vee-validate.js ***!
   \*************************************/
-/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");\n/* harmony import */ var vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vee-validate/dist/rules */ "./node_modules/vee-validate/dist/rules.js");\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! is-valid-hostname */ "./node_modules/is-valid-hostname/index.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! uuid-validate */ "./node_modules/uuid-validate/index.js");\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(uuid_validate__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("required", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["required"]), {}, {\n  message: "This field is required"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("email", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["email"]), {}, {\n  message: "This field must be a valid email"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("confirmed", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["confirmed"]), {}, {\n  message: "This field confirmation does not match"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("length", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["length"]), {}, {\n  message: "This field must have 2 options"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("min", Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["min"]), {}, {\n  message: "This field must have more than {length} characters"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'rfc1123\', {\n  validate: function validate(value) {\n    return is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default()(value);\n  },\n  message: \'You entered an invalid RFC1123 hostname\'\n});\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'uuid\', {\n  validate: function validate(value) {\n    return uuid_validate__WEBPACK_IMPORTED_MODULE_4___default()(value);\n  },\n  message: \'You entered an invalid share ID\'\n});\n\n//# sourceURL=webpack:///./src/plugins/vee-validate.js?')}}]);
\ No newline at end of file
+/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");\n/* harmony import */ var vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vee-validate/dist/rules */ "./node_modules/vee-validate/dist/rules.js");\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! is-valid-hostname */ "./node_modules/is-valid-hostname/index.js");\n/* harmony import */ var is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(is_valid_hostname__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! uuid-validate */ "./node_modules/uuid-validate/index.js");\n/* harmony import */ var uuid_validate__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(uuid_validate__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("required", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["required"]), {}, {\n  message: "This field is required"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("email", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["email"]), {}, {\n  message: "This field must be a valid email"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("confirmed", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["confirmed"]), {}, {\n  message: "This field confirmation does not match"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("length", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["length"]), {}, {\n  message: "This field must have 2 options"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])("min", Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])({}, vee_validate_dist_rules__WEBPACK_IMPORTED_MODULE_1__["min"]), {}, {\n  message: "This field must have more than {length} characters"\n}));\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'rfc1123\', {\n  validate: function validate(value) {\n    return is_valid_hostname__WEBPACK_IMPORTED_MODULE_3___default()(value);\n  },\n  message: \'You entered an invalid RFC1123 hostname\'\n});\nObject(vee_validate__WEBPACK_IMPORTED_MODULE_2__["extend"])(\'uuid\', {\n  validate: function validate(value) {\n    return uuid_validate__WEBPACK_IMPORTED_MODULE_4___default()(value);\n  },\n  message: \'You entered an invalid share ID\'\n});\n\n//# sourceURL=webpack:///./src/plugins/vee-validate.js?')}}]);
\ No newline at end of file
diff --git a/web/js/4.js b/web/js/4.js
index 8ce7850d3..20311a7fa 100644
--- a/web/js/4.js
+++ b/web/js/4.js
@@ -34,7 +34,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/AcquaintanceShare/modals/AddFriendModal.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.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/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      shardId: "",\n      errorType: "is-success",\n      errors: "",\n      isLoading: false\n    };\n  },\n  components: {\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_2__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_2__["ValidationProvider"]\n  },\n  methods: {\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkValid: function checkValid(ref) {\n      return Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n    addFriend: function addFriend() {\n      var _this = this;\n\n      this.isLoading = true;\n      this.checkValid(this.$refs.uuidValid).then(function (val) {\n        if (val) {\n          _this.$api.person.addFriend(_this.shardId).then(function (res) {\n            var message = "";\n            var type = "";\n\n            if (res.data.success == 200) {\n              message = _this.$t(\'Friend Request Sent.\');\n              type = "is-success";\n\n              _this.$emit("reloadFriendList");\n\n              _this.$emit(\'close\');\n            } else {\n              _this.isLoading = false;\n              message = _this.shardId + " " + _this.$t(\'is already your friend.\');\n              type = "is-danger";\n            }\n\n            _this.$buefy.toast.open({\n              message: message,\n              type: type\n            });\n          });\n        } else {\n          _this.isLoading = false;\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/AcquaintanceShare/modals/AddFriendModal.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/AcquaintanceShare/modals/DownloadModal.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.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/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      shardId: "",\n      errorType: "is-success",\n      errors: "",\n      isLoading: false\n    };\n  },\n  components: {\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_2__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_2__["ValidationProvider"]\n  },\n  methods: {\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkValid: function checkValid(ref) {\n      return Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n    addFriend: function addFriend() {\n      var _this = this;\n\n      this.isLoading = true;\n      this.checkValid(this.$refs.uuidValid).then(function (val) {\n        if (val) {\n          _this.$api.person.addFriend(_this.shardId).then(function (res) {\n            var message = "";\n            var type = "";\n\n            if (res.data.success == 200) {\n              message = _this.$t(\'Friend Request Sent.\');\n              type = "is-success";\n\n              _this.$emit("reloadFriendList");\n\n              _this.$emit(\'close\');\n            } else {\n              _this.isLoading = false;\n              message = _this.shardId + " " + _this.$t(\'is already your friend.\');\n              type = "is-danger";\n            }\n\n            _this.$buefy.toast.open({\n              message: message,\n              type: type\n            });\n          });\n        } else {\n          _this.isLoading = false;\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/AcquaintanceShare/modals/AddFriendModal.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/AcquaintanceShare/modals/DownloadModal.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/AcquaintanceShare/modals/DownloadModal.vue?vue&type=script&lang=js& ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************/
@@ -46,7 +46,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/AcquaintanceShare/modals/InitModal.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.join.js */ "./node_modules/core-js/modules/es.array.join.js");\n/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.js");\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _components_fileList_FilePanel_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/components/fileList/FilePanel.vue */ "./src/components/fileList/FilePanel.vue");\n/* harmony import */ var lodash_remove__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/remove */ "./node_modules/lodash/remove.js");\n/* harmony import */ var lodash_remove__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_remove__WEBPACK_IMPORTED_MODULE_9__);\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//\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//\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 Avatar from \'vue-avatar\'\n\n/* harmony default export */ __webpack_exports__["default"] = ({\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7___default.a],\n  props: {\n    myInfo: {}\n  },\n  data: function data() {\n    return {\n      isWelcomeShow: true,\n      isLoading: false,\n      activeStep: 0,\n      step2Message: "",\n      step3Message: "",\n      nickname: "",\n      description: "",\n      shareFolders: [],\n      savePath: "/DATA/Downloads",\n      publicServer: [],\n      choosePublicServer: []\n    };\n  },\n  components: {\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_5__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_5__["ValidationProvider"] // Avatar\n\n  },\n  watch: {\n    shareFolders: function shareFolders(val) {\n      if (val.length > 0) {\n        this.step2Message = "";\n      }\n    }\n  },\n  created: function created() {\n    console.log(this.myInfo);\n    this.nickname = this.myInfo.user_name;\n    this.description = this.myInfo.description;\n    this.getPublicServers();\n  },\n  mounted: function mounted() {\n    //Smooth \n    this.$smoothReflow({\n      el: \'.modal-card\',\n      property: [\'height\', \'width\'],\n      transition: \'height .25s ease, width .75s ease-out\'\n    });\n  },\n  methods: {\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkValid: function checkValid(ref) {\n      return Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n    getShareFolders: function getShareFolders() {},\n    chooseServer: function chooseServer(id) {\n      if (this.choosePublicServer.indexOf(id) == -1) {\n        this.choosePublicServer.push(id);\n      } else {\n        this.choosePublicServer = lodash_remove__WEBPACK_IMPORTED_MODULE_9___default()(this.choosePublicServer, function (o) {\n          return o != id;\n        });\n      }\n    },\n    getPublicServers: function getPublicServers() {\n      var _this = this;\n\n      this.$api.person.publicServer().then(function (res) {\n        if (res.data.success == 200) {\n          console.log(res.data.data);\n          _this.publicServer = res.data.data;\n        }\n      });\n    },\n    deleteShareFolderItem: function deleteShareFolderItem(item) {\n      this.shareFolders = lodash_remove__WEBPACK_IMPORTED_MODULE_9___default()(this.shareFolders, function (o) {\n        return o != item;\n      });\n    },\n    close: function close() {\n      this.$emit("close");\n      this.$emit("complete");\n    },\n    nextStep: function nextStep(next) {\n      var _this2 = this;\n\n      switch (this.activeStep) {\n        case 0:\n          this.checkValid(this.$refs.accountValid).then(function (val) {\n            if (val) {\n              _this2.isLoading = true;\n\n              _this2.$api.user.personInfo(_this2.nickname, _this2.description).then(function (res) {\n                _this2.isLoading = false;\n\n                if (res.data.success == 200) {\n                  next();\n                }\n              });\n            }\n          });\n          break;\n\n        case 1:\n          if (this.shareFolders.length == 0) {\n            this.$buefy.toast.open({\n              message: this.$t(\'Need to add at least one directory\'),\n              type: "is-danger"\n            });\n          } else {\n            this.isLoading = true;\n            this.$api.person.updateShareList(this.shareFolders).then(function (res) {\n              if (res.data.success == 200) {\n                _this2.$api.person.updateSavePath(_this2.savePath).then(function (res) {\n                  _this2.isLoading = false;\n\n                  if (res.data.success == 200) {\n                    next();\n                  } else {\n                    _this2.$buefy.toast.open({\n                      message: res.data.message,\n                      type: "is-danger"\n                    });\n                  }\n                });\n              } else {\n                _this2.isLoading = false;\n\n                _this2.$buefy.toast.open({\n                  message: res.data.message,\n                  type: "is-danger"\n                });\n              }\n            });\n          }\n\n          break;\n\n        case 2:\n          if (this.choosePublicServer.length == 0) {\n            this.$buefy.toast.open({\n              message: this.$t(\'At least one must be selected.\'),\n              type: "is-danger"\n            });\n          } else {\n            var joinString = this.choosePublicServer.join(",");\n            this.isLoading = true;\n            this.$api.person.addFriend(joinString).then(function (res) {\n              var message = "";\n              var type = "";\n              _this2.isLoading = false;\n\n              if (res.data.success == 200) {\n                next();\n              } else {\n                message = res.data.message;\n                type = "is-danger";\n              }\n\n              _this2.$buefy.toast.open({\n                message: message,\n                type: type\n              });\n            });\n          }\n\n          break;\n\n        default:\n          break;\n      }\n    },\n    showFolderModal: function showFolderModal(action, initPath) {\n      var _this3 = this;\n\n      var itemIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_fileList_FilePanel_vue__WEBPACK_IMPORTED_MODULE_8__["default"],\n        hasModalCard: true,\n        customClass: \'fileModal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'updatePath\': function updatePath(e) {\n            if (action == \'add\') {\n              if (_this3.shareFolders.indexOf(e) == -1) {\n                _this3.shareFolders.push(e);\n              }\n            } else if (action == "edit") {\n              _this3.shareFolders[itemIndex] = e;\n\n              _this3.$forceUpdate();\n            }\n          }\n        },\n        props: {\n          initPath: initPath,\n          rootPath: "/DATA",\n          showFile: false\n        }\n      });\n    },\n    showFileModal: function showFileModal() {\n      var _this4 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_fileList_FilePanel_vue__WEBPACK_IMPORTED_MODULE_8__["default"],\n        hasModalCard: true,\n        customClass: \'fileModal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'updatePath\': function updatePath(e) {\n            _this4.savePath = e;\n          }\n        },\n        props: {\n          initPath: this.savePath,\n          rootPath: this.rootPath,\n          showFile: false\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/AcquaintanceShare/modals/InitModal.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/AcquaintanceShare/modals/MyInfoModal.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.join.js */ "./node_modules/core-js/modules/es.array.join.js");\n/* harmony import */ var core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.js");\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _components_fileList_FilePanel_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/components/fileList/FilePanel.vue */ "./src/components/fileList/FilePanel.vue");\n/* harmony import */ var lodash_remove__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/remove */ "./node_modules/lodash/remove.js");\n/* harmony import */ var lodash_remove__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_remove__WEBPACK_IMPORTED_MODULE_9__);\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//\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//\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 Avatar from \'vue-avatar\'\n\n/* harmony default export */ __webpack_exports__["default"] = ({\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7___default.a],\n  props: {\n    myInfo: {}\n  },\n  data: function data() {\n    return {\n      isWelcomeShow: true,\n      isLoading: false,\n      activeStep: 0,\n      step2Message: "",\n      step3Message: "",\n      nickname: "",\n      description: "",\n      shareFolders: [],\n      savePath: "/DATA/Downloads",\n      publicServer: [],\n      choosePublicServer: []\n    };\n  },\n  components: {\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_5__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_5__["ValidationProvider"] // Avatar\n\n  },\n  watch: {\n    shareFolders: function shareFolders(val) {\n      if (val.length > 0) {\n        this.step2Message = "";\n      }\n    }\n  },\n  created: function created() {\n    console.log(this.myInfo);\n    this.nickname = this.myInfo.user_name;\n    this.description = this.myInfo.description;\n    this.getPublicServers();\n  },\n  mounted: function mounted() {\n    //Smooth \n    this.$smoothReflow({\n      el: \'.modal-card\',\n      property: [\'height\', \'width\'],\n      transition: \'height .25s ease, width .75s ease-out\'\n    });\n  },\n  methods: {\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkValid: function checkValid(ref) {\n      return Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n    getShareFolders: function getShareFolders() {},\n    chooseServer: function chooseServer(id) {\n      if (this.choosePublicServer.indexOf(id) == -1) {\n        this.choosePublicServer.push(id);\n      } else {\n        this.choosePublicServer = lodash_remove__WEBPACK_IMPORTED_MODULE_9___default()(this.choosePublicServer, function (o) {\n          return o != id;\n        });\n      }\n    },\n    getPublicServers: function getPublicServers() {\n      var _this = this;\n\n      this.$api.person.publicServer().then(function (res) {\n        if (res.data.success == 200) {\n          console.log(res.data.data);\n          _this.publicServer = res.data.data;\n        }\n      });\n    },\n    deleteShareFolderItem: function deleteShareFolderItem(item) {\n      this.shareFolders = lodash_remove__WEBPACK_IMPORTED_MODULE_9___default()(this.shareFolders, function (o) {\n        return o != item;\n      });\n    },\n    close: function close() {\n      this.$emit("close");\n      this.$emit("complete");\n    },\n    nextStep: function nextStep(next) {\n      var _this2 = this;\n\n      switch (this.activeStep) {\n        case 0:\n          this.checkValid(this.$refs.accountValid).then(function (val) {\n            if (val) {\n              _this2.isLoading = true;\n\n              _this2.$api.user.personInfo(_this2.nickname, _this2.description).then(function (res) {\n                _this2.isLoading = false;\n\n                if (res.data.success == 200) {\n                  next();\n                }\n              });\n            }\n          });\n          break;\n\n        case 1:\n          if (this.shareFolders.length == 0) {\n            this.$buefy.toast.open({\n              message: this.$t(\'Need to add at least one directory\'),\n              type: "is-danger"\n            });\n          } else {\n            this.isLoading = true;\n            this.$api.person.updateShareList(this.shareFolders).then(function (res) {\n              if (res.data.success == 200) {\n                _this2.$api.person.updateSavePath(_this2.savePath).then(function (res) {\n                  _this2.isLoading = false;\n\n                  if (res.data.success == 200) {\n                    next();\n                  } else {\n                    _this2.$buefy.toast.open({\n                      message: res.data.message,\n                      type: "is-danger"\n                    });\n                  }\n                });\n              } else {\n                _this2.isLoading = false;\n\n                _this2.$buefy.toast.open({\n                  message: res.data.message,\n                  type: "is-danger"\n                });\n              }\n            });\n          }\n\n          break;\n\n        case 2:\n          if (this.choosePublicServer.length == 0) {\n            this.$buefy.toast.open({\n              message: this.$t(\'At least one must be selected.\'),\n              type: "is-danger"\n            });\n          } else {\n            var joinString = this.choosePublicServer.join(",");\n            this.isLoading = true;\n            this.$api.person.addFriend(joinString).then(function (res) {\n              var message = "";\n              var type = "";\n              _this2.isLoading = false;\n\n              if (res.data.success == 200) {\n                next();\n              } else {\n                message = res.data.message;\n                type = "is-danger";\n              }\n\n              _this2.$buefy.toast.open({\n                message: message,\n                type: type\n              });\n            });\n          }\n\n          break;\n\n        default:\n          break;\n      }\n    },\n    showFolderModal: function showFolderModal(action, initPath) {\n      var _this3 = this;\n\n      var itemIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_fileList_FilePanel_vue__WEBPACK_IMPORTED_MODULE_8__["default"],\n        hasModalCard: true,\n        customClass: \'fileModal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'updatePath\': function updatePath(e) {\n            if (action == \'add\') {\n              if (_this3.shareFolders.indexOf(e) == -1) {\n                _this3.shareFolders.push(e);\n              }\n            } else if (action == "edit") {\n              _this3.shareFolders[itemIndex] = e;\n\n              _this3.$forceUpdate();\n            }\n          }\n        },\n        props: {\n          initPath: initPath,\n          rootPath: "/DATA",\n          showFile: false\n        }\n      });\n    },\n    showFileModal: function showFileModal() {\n      var _this4 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_fileList_FilePanel_vue__WEBPACK_IMPORTED_MODULE_8__["default"],\n        hasModalCard: true,\n        customClass: \'fileModal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'updatePath\': function updatePath(e) {\n            _this4.savePath = e;\n          }\n        },\n        props: {\n          initPath: this.savePath,\n          rootPath: this.rootPath,\n          showFile: false\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/AcquaintanceShare/modals/InitModal.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/AcquaintanceShare/modals/MyInfoModal.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/AcquaintanceShare/modals/MyInfoModal.vue?vue&type=script&lang=js& ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************/
@@ -54,7 +54,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/AcquaintanceShare/modals/ProfileModal.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.js");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! clipboard-copy */ "./node_modules/clipboard-copy/index.js");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(clipboard_copy__WEBPACK_IMPORTED_MODULE_6__);\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\n/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      shardId: "",\n      errorType: "is-success",\n      errors: "",\n      nickname: "",\n      description: "",\n      myID: ""\n    };\n  },\n  components: {\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_4__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_4__["ValidationProvider"]\n  },\n  created: function created() {\n    var _this = this;\n\n    this.$api.user.getUserInfo().then(function (res) {\n      _this.nickname = res.data.data.nick_name;\n      _this.description = res.data.data.description;\n    });\n    this.getMyShareId();\n  },\n  methods: {\n    //   Get MyID\n    getMyShareId: function getMyShareId() {\n      var _this2 = this;\n\n      this.$api.person.getMyShareId().then(function (res) {\n        _this2.myID = res.data.data;\n      });\n    },\n    //   Copy MyID to clipboard\n    copyMyId: function copyMyId() {\n      clipboard_copy__WEBPACK_IMPORTED_MODULE_6___default()(this.myID);\n      this.$buefy.toast.open({\n        message: this.$t(\'Copied to clipboard\'),\n        type: \'is-success\'\n      });\n    },\n\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkValid: function checkValid(ref) {\n      return Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n    saveInfo: function saveInfo() {\n      var _this3 = this;\n\n      this.checkValid(this.$refs.accountValid).then(function (val) {\n        if (val) {\n          _this3.$api.user.personInfo(_this3.nickname, _this3.description).then(function (res) {\n            var message = "";\n            var type = "";\n\n            if (res.data.success == 200) {\n              message = _this3.$t(\'Update successful\');\n              type = "is-success";\n\n              _this3.$emit(\'close\');\n            } else {\n              message = _this3.$t(\'Update failed\');\n              type = "is-danger";\n            }\n\n            _this3.$buefy.toast.open({\n              message: message,\n              type: type\n            });\n          });\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/AcquaintanceShare/modals/ProfileModal.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/AcquaintanceShare/modals/SettingsModal.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.js");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! clipboard-copy */ "./node_modules/clipboard-copy/index.js");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(clipboard_copy__WEBPACK_IMPORTED_MODULE_6__);\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\n/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      shardId: "",\n      errorType: "is-success",\n      errors: "",\n      nickname: "",\n      description: "",\n      myID: ""\n    };\n  },\n  components: {\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_4__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_4__["ValidationProvider"]\n  },\n  created: function created() {\n    var _this = this;\n\n    this.$api.user.getUserInfo().then(function (res) {\n      _this.nickname = res.data.data.nick_name;\n      _this.description = res.data.data.description;\n    });\n    this.getMyShareId();\n  },\n  methods: {\n    //   Get MyID\n    getMyShareId: function getMyShareId() {\n      var _this2 = this;\n\n      this.$api.person.getMyShareId().then(function (res) {\n        _this2.myID = res.data.data;\n      });\n    },\n    //   Copy MyID to clipboard\n    copyMyId: function copyMyId() {\n      clipboard_copy__WEBPACK_IMPORTED_MODULE_6___default()(this.myID);\n      this.$buefy.toast.open({\n        message: this.$t(\'Copied to clipboard\'),\n        type: \'is-success\'\n      });\n    },\n\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkValid: function checkValid(ref) {\n      return Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n    saveInfo: function saveInfo() {\n      var _this3 = this;\n\n      this.checkValid(this.$refs.accountValid).then(function (val) {\n        if (val) {\n          _this3.$api.user.personInfo(_this3.nickname, _this3.description).then(function (res) {\n            var message = "";\n            var type = "";\n\n            if (res.data.success == 200) {\n              message = _this3.$t(\'Update successful\');\n              type = "is-success";\n\n              _this3.$emit(\'close\');\n            } else {\n              message = _this3.$t(\'Update failed\');\n              type = "is-danger";\n            }\n\n            _this3.$buefy.toast.open({\n              message: message,\n              type: type\n            });\n          });\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/AcquaintanceShare/modals/ProfileModal.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/AcquaintanceShare/modals/SettingsModal.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/AcquaintanceShare/modals/SettingsModal.vue?vue&type=script&lang=js& ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************/
diff --git a/web/js/8.js b/web/js/8.js
index c83b96bde..80e22b2bc 100644
--- a/web/js/8.js
+++ b/web/js/8.js
@@ -10,11 +10,11 @@
 /*!**********************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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/Apps/AppPanel.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");\n/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var _forms_InputGroup_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../forms/InputGroup.vue */ "./src/components/forms/InputGroup.vue");\n/* harmony import */ var _forms_EnvInputGroup_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../forms/EnvInputGroup.vue */ "./src/components/forms/EnvInputGroup.vue");\n/* harmony import */ var _forms_CommandsInput_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../forms/CommandsInput.vue */ "./src/components/forms/CommandsInput.vue");\n/* harmony import */ var _forms_Ports_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../forms/Ports.vue */ "./src/components/forms/Ports.vue");\n/* harmony import */ var _AppSideBar_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./AppSideBar.vue */ "./src/components/Apps/AppSideBar.vue");\n/* harmony import */ var _forms_ImportPanel_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../forms/ImportPanel.vue */ "./src/components/forms/ImportPanel.vue");\n/* harmony import */ var _AppTerminalPanel_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./AppTerminalPanel.vue */ "./src/components/Apps/AppTerminalPanel.vue");\n/* harmony import */ var lottie_web_vue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lottie-web-vue */ "./node_modules/lottie-web-vue/dist/lottie-web-vue.esm.js");\n/* harmony import */ var vue_slider_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! vue-slider-component */ "./node_modules/vue-slider-component/dist/vue-slider-component.umd.min.js");\n/* harmony import */ var vue_slider_component__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(vue_slider_component__WEBPACK_IMPORTED_MODULE_24__);\n/* harmony import */ var vue_slider_component_theme_default_css__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! vue-slider-component/theme/default.css */ "./node_modules/vue-slider-component/theme/default.css");\n/* harmony import */ var vue_slider_component_theme_default_css__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(vue_slider_component_theme_default_css__WEBPACK_IMPORTED_MODULE_25__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.js");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! lodash/debounce */ "./node_modules/lodash/debounce.js");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_28__);\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! lodash/find */ "./node_modules/lodash/find.js");\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(lodash_find__WEBPACK_IMPORTED_MODULE_29__);\n/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! lodash/uniq */ "./node_modules/lodash/uniq.js");\n/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(lodash_uniq__WEBPACK_IMPORTED_MODULE_30__);\n/* harmony import */ var lodash_isNull__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! lodash/isNull */ "./node_modules/lodash/isNull.js");\n/* harmony import */ var lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default = /*#__PURE__*/__webpack_require__.n(lodash_isNull__WEBPACK_IMPORTED_MODULE_31__);\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! lodash/orderBy */ "./node_modules/lodash/orderBy.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_32___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_32__);\n/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! lodash/cloneDeep */ "./node_modules/lodash/cloneDeep.js");\n/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33__);\n/* harmony import */ var lodash_last__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! lodash/last */ "./node_modules/lodash/last.js");\n/* harmony import */ var lodash_last__WEBPACK_IMPORTED_MODULE_34___default = /*#__PURE__*/__webpack_require__.n(lodash_last__WEBPACK_IMPORTED_MODULE_34__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_35___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_35__);\n/* harmony import */ var vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! vue-awesome-swiper */ "./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js");\n/* harmony import */ var vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36___default = /*#__PURE__*/__webpack_require__.n(vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__);\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//\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//\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//\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//\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//\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//\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//\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\n\n\nvar _data = ["AUDIT_CONTROL", "AUDIT_READ", "BLOCK_SUSPEND", "BPF", "CHECKPOINT_RESTORE", "DAC_READ_SEARCH", "IPC_LOCK", "IPC_OWNER", "LEASE", "LINUX_IMMUTABLE", "MAC_ADMIN", "MAC_OVERRIDE", "NET_ADMIN", "NET_BROADCAST", "PERFMON", "SYS_ADMIN", "SYS_BOOT", "SYS_MODULE", "SYS_NICE", "SYS_PACCT", "SYS_PTRACE", "SYS_RAWIO", "SYS_RESOURCE", "SYS_TIME", "SYS_TTY_CONFIG", "SYSLOG", "WAKE_ALARM"];\n/* harmony default export */ __webpack_exports__["default"] = ({\n  components: {\n    Ports: _forms_Ports_vue__WEBPACK_IMPORTED_MODULE_19__["default"],\n    InputGroup: _forms_InputGroup_vue__WEBPACK_IMPORTED_MODULE_16__["default"],\n    EnvInputGroup: _forms_EnvInputGroup_vue__WEBPACK_IMPORTED_MODULE_17__["default"],\n    CommandsInput: _forms_CommandsInput_vue__WEBPACK_IMPORTED_MODULE_18__["default"],\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_26__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_26__["ValidationProvider"],\n    AppSideBar: _AppSideBar_vue__WEBPACK_IMPORTED_MODULE_20__["default"],\n    LottieAnimation: lottie_web_vue__WEBPACK_IMPORTED_MODULE_23__["default"],\n    VueSlider: vue_slider_component__WEBPACK_IMPORTED_MODULE_24___default.a,\n    Swiper: vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__["Swiper"],\n    SwiperSlide: vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__["SwiperSlide"]\n  },\n  props: {\n    id: String,\n    state: String,\n    isCasa: {\n      type: Boolean,\n      default: true\n    },\n    runningStatus: String,\n    configData: Object,\n    settingData: {\n      type: Object\n    }\n  },\n  data: function data() {\n    return {\n      timer: 0,\n      data: [],\n      isLoading: true,\n      isFetching: false,\n      isFirst: true,\n      errorType: 1,\n      currentInstallAppName: null,\n      currentInstallAppError: false,\n      currentInstallAppType: null,\n      currentInstallAppText: "",\n      appIcon: "",\n      sidebarOpen: false,\n      cancelButtonText: "Cancel",\n      baseUrl: "",\n      totalMemory: 0,\n      networks: [],\n      tempNetworks: [],\n      networkModes: [],\n      initData: {\n        host: "",\n        protocol: "http",\n        port_map: null,\n        cpu_shares: 10,\n        memory: 300,\n        restart: "always",\n        label: "",\n        position: true,\n        index: "",\n        icon: "",\n        network_model: "",\n        image: "",\n        description: "",\n        origin: "custom",\n        ports: [],\n        volumes: [],\n        envs: [],\n        devices: [],\n        cap_add: [],\n        cmd: [],\n        privileged: false,\n        host_name: ""\n      },\n      portSelected: null,\n      capArray: _data,\n      pageIndex: 1,\n      pageSize: 5,\n      listTotal: 0,\n      pageList: {},\n      communityList: {},\n      recommendList: {},\n      currentSlide: 0,\n      currentInstallId: 0,\n      //Image List Swiper\n      disPrev: true,\n      disNext: false,\n      swiperOptions: {\n        loop: false,\n        autoplay: true,\n        spaceBetween: 24,\n        breakpoints: {\n          640: {\n            slidesPerView: 1\n          },\n          768: {\n            slidesPerView: 2\n          },\n          1366: {\n            slidesPerView: 3\n          }\n        },\n        on: {\n          slideChangeTransitionStart: this.handleInfoSlide\n        }\n      },\n      // Featured Swiper\n      disFeaturedPrev: true,\n      disFeaturedNext: false,\n      featureSwiperOptions: {\n        loop: false,\n        autoplay: true,\n        spaceBetween: 24,\n        breakpoints: {\n          640: {\n            slidesPerView: 1\n          },\n          768: {\n            slidesPerView: 2\n          },\n          1366: {\n            slidesPerView: 3\n          }\n        },\n        on: {\n          slideChangeTransitionStart: this.handleFeaturedSlide\n        }\n      },\n      searchKey: "",\n      currentCate: {},\n      currentSort: {},\n      cateMenu: [],\n      sortMenu: [{\n        icon: "",\n        slash: "rank",\n        name: "Popular"\n      }, {\n        icon: "",\n        slash: "new",\n        name: "New"\n      }, {\n        icon: "",\n        slash: "name",\n        name: "Name"\n      }],\n      storeQueryData: {\n        index: 1,\n        category_id: "",\n        type: "rank",\n        key: this.searchKey\n      },\n      //  App Detail info\n      appDetailData: {}\n    };\n  },\n  created: function created() {\n    var _this2 = this;\n\n    // Set Front-end base url\n    this.baseUrl = "".concat(document.domain); // this.initData.host = `${document.domain}:`\n    //Get Max memory info form device\n\n    this.totalMemory = Math.floor(this.configData.memory.total / 1048576);\n    this.initData.memory = this.totalMemory; //Handling network types\n\n    this.tempNetworks = this.configData.networks;\n    this.networkModes = lodash_uniq__WEBPACK_IMPORTED_MODULE_30___default()(this.tempNetworks.map(function (item) {\n      return item.driver;\n    }));\n    this.networks = this.networkModes.map(function (item) {\n      var tempitem = {};\n      tempitem.driver = item;\n      tempitem.networks = _this2.tempNetworks.filter(function (net) {\n        return net.driver == item;\n      });\n      return tempitem;\n    });\n    this.networks = lodash_orderBy__WEBPACK_IMPORTED_MODULE_32___default()(this.networks, [\'driver\'], [\'asc\']); //If it is edit, Init data\n\n    if (this.settingData != undefined) {\n      this.isLoading = false;\n      this.initData = this.preProcessData(this.settingData);\n      this.currentSlide = 1;\n    } else {\n      var gg = lodash_find__WEBPACK_IMPORTED_MODULE_29___default()(this.tempNetworks, function (o) {\n        return o.driver == "bridge";\n      });\n      this.initData.network_model = gg.length > 0 ? gg[0].name : "bridge";\n      this.getCategoryList();\n    }\n  },\n  computed: {\n    showPorts: function showPorts() {\n      if (this.initData.network_model.toLowerCase().indexOf("macvlan") > -1 || this.initData.network_model.indexOf("host") > -1) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    showHostPort: function showHostPort() {\n      if (this.initData.network_model.indexOf("host") > -1) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    bridgePorts: function bridgePorts() {\n      return this.initData.ports.filter(function (item) {\n        return item.host != "";\n      });\n    },\n    filteredBeidgePort: function filteredBeidgePort() {\n      var _this3 = this;\n\n      return this.bridgePorts.filter(function (port) {\n        console.log(port.host);\n        return port.host.indexOf(_this3.initData.port_map) >= 0;\n      });\n    },\n    showImportButton: function showImportButton() {\n      return this.currentSlide == 1 && this.state == \'install\';\n    },\n    showExportButton: function showExportButton() {\n      return this.currentSlide == 1 && this.state == \'update\';\n    },\n    showTerminalButton: function showTerminalButton() {\n      return this.currentSlide == 1 && this.state == \'update\' && this.runningStatus == \'running\';\n    },\n    panelTitle: function panelTitle() {\n      if (this.currentSlide == 0) {\n        return this.$t("App Store");\n      } else if (this.currentSlide == 1) {\n        if (!this.isCasa) {\n          return this.$t("Import") + " " + this.initData.label;\n        } else {\n          return this.settingData != undefined ? this.initData.label + " " + this.$t("Setting") : this.$t("Install a new App manually");\n        }\n      } else {\n        return this.$t("Installing") + " " + this.initData.image;\n      }\n    },\n    showDetailSwiper: function showDetailSwiper() {\n      return !this.appDetailData.screenshot_link ? false : true;\n    },\n    currentInstallAppTextClass: function currentInstallAppTextClass() {\n      return this.currentInstallAppError ? \'has-text-danger\' : \'has-text-black\';\n    }\n  },\n  watch: {\n    // Watch if Icon url has changed\n    \'initData.icon\': function initDataIcon(val) {\n      this.updateIconUrl(val);\n    },\n    \'initData.label\': function initDataLabel(val) {\n      var newLabel = val.replace(/[^a-zA-Z0-9_.-]/g, "");\n      this.updateLabel(newLabel);\n    },\n    // Watch if Section index changes\n    currentSlide: function currentSlide(val) {\n      if (val == 1) {\n        this.isLoading = false;\n      }\n    },\n    // Watch if initData changes\n    initData: {\n      handler: function handler(val) {\n        if (this.state == \'install\') {\n          localStorage.setItem("app_data", JSON.stringify(val));\n        }\n      },\n      deep: true\n    },\n    // Watch if the query data of app store changes\n    storeQueryData: {\n      handler: function handler() {\n        this.getStoreList();\n      },\n      deep: true\n    },\n    // Watch if app cates changes\n    currentCate: {\n      handler: function handler(val) {\n        if (!this.isFirst) {\n          this.storeQueryData.category_id = val.id;\n        }\n      },\n      deep: true\n    },\n    // Watch if app sort changes\n    currentSort: {\n      handler: function handler(val) {\n        if (!this.isFirst) {\n          this.storeQueryData.type = val.slash;\n        }\n      },\n      deep: true\n    }\n  },\n  methods: {\n    analyse: function analyse(data) {\n      try {\n        var appName = data.label;\n        var action = "install";\n        this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n      } catch (err) {}\n    },\n\n    /**\n     * @description: \n     * @param {*} function\n     * @return {*}\n     */\n    updateIconUrl: lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default()(function (string) {\n      this.appIcon = string;\n    }, 300),\n    updateLabel: lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default()(function (string) {\n      this.initData.label = string;\n    }, 50),\n\n    /**\n     * @description: \n     * @param {*} text\n     * @return {*}\n     */\n    getFilteredTags: function getFilteredTags(text) {\n      this.capArray = _data.filter(function (option) {\n        return option.toString().indexOf(text.toUpperCase()) >= 0;\n      });\n    },\n\n    /**\n     * @description: \n     * @param {*} swiper\n     * @return {*}\n     */\n    handleInfoSlide: function handleInfoSlide(swiper) {\n      this.disPrev = swiper.activeIndex == 0 ? true : false;\n      this.disNext = swiper.isEnd;\n    },\n\n    /**\n     * @description: \n     * @param {*} swiper\n     * @return {*}\n     */\n    handleFeaturedSlide: function handleFeaturedSlide(swiper) {\n      this.disFeaturedPrev = swiper.activeIndex == 0 ? true : false;\n      this.disFeaturedNext = swiper.isEnd;\n    },\n\n    /**\n     * @description: Get category list\n     * @param {*} \n     * @return {*} void\n     */\n    getCategoryList: function getCategoryList() {\n      var _this4 = this;\n\n      this.$api.app.storeCategoryList().then(function (res) {\n        _this4.cateMenu = res.data.data.filter(function (item) {\n          return item.count > 0;\n        });\n        _this4.currentCate = _this4.cateMenu[0];\n        _this4.currentSort = _this4.sortMenu[0];\n\n        if (_this4.isFirst) {\n          _this4.isFirst = false;\n        }\n      });\n    },\n\n    /**\n     * @description: Show the details of app\n     * @param {id} String\n     * @return {*} void\n     */\n    showAppDetial: function showAppDetial(id) {\n      var _this5 = this;\n\n      this.isLoading = true;\n      this.$api.app.storeAppInfo(id).then(function (resp) {\n        _this5.isLoading = false;\n        _this5.sidebarOpen = true;\n        _this5.appDetailData = resp.data.data;\n      });\n    },\n\n    /**\n     * @description: Get App store list\n     * @param {*}\n     * @return {*} void\n     */\n    getStoreList: function getStoreList() {\n      var _this6 = this;\n\n      this.isLoading = true;\n      this.$api.app.storeList(this.storeQueryData).then(function (res) {\n        _this6.isLoading = false;\n\n        if (res.data.success == 200) {\n          // this.listTotal = res.data.data.count\n          _this6.pageList = res.data.data.list;\n          _this6.communityList = res.data.data.community;\n          _this6.recommendList = res.data.data.recommend;\n        }\n      });\n    },\n\n    /**\n     * @description: Quick Install App from app store\n     * @param {*}\n     * @return {*} void\n     */\n    qucikInstall: function qucikInstall(id) {\n      var _this7 = this;\n\n      this.currentInstallId = id;\n      this.$api.app.storeAppInfo(id).then(function (resp) {\n        if (resp.data.success == 200) {\n          var respData = resp.data.data;\n          _this7.initData.protocol = respData.protocol;\n          _this7.initData.host = respData.host;\n          _this7.initData.port_map = respData.port_map;\n          _this7.initData.cpu_shares = 50;\n          _this7.initData.memory = respData.max_memory;\n          _this7.initData.restart = "always";\n          _this7.initData.label = respData.title;\n          _this7.initData.position = true;\n          _this7.initData.index = respData.index;\n          _this7.initData.icon = respData.icon;\n          _this7.initData.network_model = respData.network_model;\n          _this7.initData.image = respData.image;\n          _this7.initData.description = respData.description;\n          _this7.initData.origin = respData.origin;\n          _this7.initData.ports = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.ports) ? [] : respData.ports;\n          _this7.initData.volumes = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.volumes) ? [] : respData.volumes;\n          _this7.initData.envs = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.envs) ? [] : respData.envs;\n          _this7.initData.devices = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.devices) ? [] : respData.devices;\n          _this7.initData.cap_add = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.cap_add) ? [] : respData.cap_add;\n          _this7.initData.cmd = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.cmd) ? [] : respData.cmd;\n          _this7.initData.privileged = respData.privileged;\n          _this7.initData.host_name = respData.host_name;\n          _this7.currentInstallId = 0;\n\n          if (respData.tip !== "null" && respData.tip !== "[]" && respData.tip !== "") {\n            _this7.$buefy.dialog.confirm({\n              title: _this7.$t(\'Attention\'),\n              message: _this7.formatTips(respData.tip),\n              type: \'is-dark\',\n              onConfirm: function onConfirm() {\n                _this7.sidebarOpen = false;\n\n                _this7.installAppData();\n              }\n            });\n          } else {\n            _this7.sidebarOpen = false;\n\n            _this7.installAppData();\n          }\n        }\n      });\n    },\n\n    /**\n     * @description: Format AppStore tip datas\n     * @param {data}\n     * @return {html} Str \n     */\n    formatTips: function formatTips(data) {\n      var html = "";\n\n      if (!lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data) && data != "") {\n        JSON.parse(data).forEach(function (item) {\n          html += "<span class=\' is-size-65 un-break-word\'>" + item.content + "</span>";\n\n          if (item.value != \'\') {\n            html += "<span class=\'tag is-primary ml-1\'>" + item.value + "</span>";\n          }\n\n          html += "<br/>";\n        });\n      }\n\n      return html;\n    },\n\n    /**\n     * @description: Pre-processed data before setting\n     * @param {ConfigObject} data\n     * @return {ConfigObject} data\n     */\n    preProcessData: function preProcessData(data) {\n      data.ports = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.ports) ? [] : data.ports;\n      data.volumes = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.volumes) ? [] : data.volumes;\n      data.envs = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.envs) ? [] : data.envs;\n      data.devices = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.devices) ? [] : data.devices;\n      data.cap_add = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.cap_add) ? [] : data.cap_add;\n      data.cmd = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.cmd) ? [] : data.cmd;\n      data.port_map = data.port_map === "" ? null : data.port_map;\n      data.cpu_shares = data.cpu_shares === 0 || data.cpu_shares > 99 ? 90 : data.cpu_shares;\n      data.memory = data.memory === 0 ? this.totalMemory : data.memory;\n      data.restart = data.restart === "no" ? "unless-stopped" : data.restart;\n      data.network_model = data.network_model === "default" ? "bridge" : data.network_model;\n      data.icon = data.icon === "" ? this.getIconFromImage(data.image) : data.icon;\n      return data;\n    },\n\n    /**\n     * @description: Process the datas before submit\n     * @param {*}\n     * @return {*} void\n     */\n    processData: function processData() {\n      this.initData.cpu_shares = Number(this.initData.cpu_shares);\n      var model = this.initData.network_model.split("-");\n      this.initData.network_model = model[0];\n    },\n\n    /**\n     * @description: Back to prev Step\n     * @param {*}\n     * @return {*} void\n     */\n    prevStep: function prevStep() {\n      this.currentSlide--;\n    },\n\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkStep: function checkStep(ref) {\n      return Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /**\n     * @description: Submit datas after valid\n     * @param {*}\n     * @return {*} void\n     */\n    installApp: function installApp() {\n      var _this8 = this;\n\n      this.checkStep(this.$refs.ob1).then(function (val) {\n        if (val) {\n          _this8.installAppData(_this8.id);\n        }\n      });\n    },\n    installAppData: function installAppData() {\n      var _this9 = this;\n\n      this.processData();\n      this.isLoading = true; // console.log(this.initData);\n\n      this.$api.app.install(this.initData).then(function (res) {\n        _this9.isLoading = false;\n\n        if (res.data.success == 200) {\n          _this9.currentInstallAppName = res.data.data;\n\n          _this9.analyse(_this9.initData);\n\n          _this9.currentSlide = 2;\n          _this9.currentInstallAppText = "Start Installation...";\n          _this9.cancelButtonText = \'Continue in background\';\n        } else {\n          _this9.$buefy.toast.open({\n            message: res.data.message,\n            type: \'is-warning\'\n          });\n        }\n      });\n    },\n\n    /**\n     * @description: Save edit update\n     * @return {*} void\n     */\n    updateApp: function updateApp() {\n      var _this10 = this;\n\n      this.processData();\n      this.isLoading = true;\n      var updateData = this.uuid2var(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33___default()(this.initData));\n      this.$api.app.updateContainerSetting(this.id, updateData).then(function (res) {\n        if (res.data.success == 200) {\n          _this10.isLoading = false;\n\n          _this10.$emit(\'updateState\');\n        } else {\n          _this10.$buefy.toast.open({\n            message: res.data.message,\n            type: \'is-warning\'\n          });\n        }\n\n        _this10.$emit(\'close\');\n      });\n    },\n\n    /**\n     * @description: Show import panel\n     * @return {*} void\n     */\n    showImportPanel: function showImportPanel() {\n      var _this11 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _forms_ImportPanel_vue__WEBPACK_IMPORTED_MODULE_21__["default"],\n        hasModalCard: true,\n        customClass: \'\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'update\': function update(e) {\n            //localStorage.removeItem("app_data")\n            _this11.initData = e;\n\n            _this11.changeIcon(_this11.initData.image);\n\n            _this11.$buefy.dialog.alert({\n              title: \'⚠️ \' + _this11.$t(\'Attention\'),\n              message: \'<div class="nobrk"><h4 class="title is-5">\' + _this11.$t(\'AutoFill only helps you to complete most of the configuration.\') + \'</h4>\' + \'<p class="mb-3">\' + _this11.$t(\'Some configuration information such as:\') + \'</p>\' + \'<ul>\' + \'<li>1. \' + _this11.$t(\'the port and path of the Web UI\') + \'</li>\' + \'<li>2. \' + _this11.$t(\'the mount location of the volume or file\') + \'</li>\' + \'<li>3. \' + _this11.$t(\'the port mapping of the Host\') + \'</li>\' + \'<li>4. \' + _this11.$t(\'optional configuration items\') + \'</li>\' + \'</ul>\' + \'<p class="mt-3">\' + _this11.$t(\'These include but are not limited to these cases and <b>still need to be confirmed or modified by you.</b>\') + \'</p>\' + \'<p class="mt-3">\' + _this11.$t(\'Feel free to suggest improvements to this feature in Discord Server!\') + \'</p></div>\',\n              type: \'is-dark\'\n            });\n          }\n        },\n        props: {\n          initData: this.initData,\n          netWorks: this.networks,\n          oriNetWorks: this.tempNetworks,\n          deviceMemory: this.totalMemory\n        }\n      });\n    },\n\n    /**\n     * @description: Get remote synchronization information\n     * @param {*} function\n     * @return {*} void\n     */\n    getAsyncData: lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default()(function (name) {\n      var _this12 = this;\n\n      if (!name.length) {\n        this.data = [];\n        return;\n      }\n\n      this.isFetching = true;\n      axios__WEBPACK_IMPORTED_MODULE_15___default.a.get("https://hub.docker.com/api/content/v1/products/search?source=community&q=".concat(name, "&page=1&page_size=4")).then(function (_ref) {\n        var data = _ref.data;\n        _this12.data = [];\n        data.summaries.forEach(function (item) {\n          return _this12.data.push(item.name);\n        });\n      }).catch(function (error) {\n        _this12.data = [];\n        throw error;\n      }).finally(function () {\n        _this12.isFetching = false;\n      });\n    }, 500),\n\n    /**\n       * @description: Export AppData to json file\n       * @param {*} function\n       * @return {*} void\n       */\n    exportJSON: function exportJSON() {\n      var exportData = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33___default()(this.initData);\n      exportData.network_model = this.getNetworkName(this.initData.network_model);\n      exportData.version = "1.0";\n      exportData = this.uuid2var(exportData);\n      delete exportData.memory;\n      var data = JSON.stringify(exportData);\n      var blob = new Blob([data], {\n        type: \'\'\n      });\n      file_saver__WEBPACK_IMPORTED_MODULE_35___default.a.saveAs(blob, "".concat(exportData.label, ".json"));\n    },\n\n    /**\n       * @description: change uuid to var\n       * @param {*} function\n       * @return {data} Object\n       */\n    uuid2var: function uuid2var(data) {\n      var _this13 = this;\n\n      data.volumes.forEach(function (item) {\n        item.host = item.host.replace(_this13.id, \'$AppID\');\n      });\n      data.devices.forEach(function (item) {\n        item.host = item.host.replace(_this13.id, \'$AppID\');\n      });\n      return data;\n    },\n\n    /**\n     * @description: Get Network name from network list\n     * @param {*} \n     * @return {*} String\n     */\n    getNetworkName: function getNetworkName(netId) {\n      if (netId == "") {\n        return "bridge";\n      } else {\n        var network = this.tempNetworks.filter(function (net) {\n          return net.name == netId;\n        });\n        return network[0].name;\n      }\n    },\n\n    /**\n     * @description: Get App icon form image\n     * @param {*} image\n     * @return {*}\n     */\n    getIconFromImage: function getIconFromImage(image) {\n      if (image == "") {\n        return "";\n      } else {\n        var appIcon = image.split(":")[0].split("/").pop();\n        return "https://icon.casaos.io/main/all/".concat(appIcon, ".png");\n      }\n    },\n\n    /**\n     * @description: Change App icon when image changed\n     * @param {String} image\n     * @return {*} void\n     */\n    changeIcon: function changeIcon(image) {\n      this.initData.icon = this.getIconFromImage(image);\n    },\n\n    /**\n     * @description: Show Terminal & Logs panel\n     * @return {*} void\n     */\n    showTerminalPanel: function showTerminalPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _AppTerminalPanel_vue__WEBPACK_IMPORTED_MODULE_22__["default"],\n        hasModalCard: true,\n        customClass: \'terminal-modal\',\n        trapFocus: true,\n        canCancel: [],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          appid: this.id,\n          appName: this.initData.label\n        }\n      });\n    }\n  },\n  destroyed: function destroyed() {\n    clearInterval(this.timer);\n  },\n  sockets: {\n    app_install: function app_install(res) {\n      var resData = res.body.data;\n\n      if (this.currentInstallAppName != resData.name) {\n        return false;\n      }\n\n      if (!resData.finished) {\n        this.currentInstallAppError = !resData.success;\n\n        if (resData.success) {\n          this.currentInstallAppType = resData.type;\n\n          if (resData.message !== "") {\n            var messageArray = resData.message.split(/[(\\r\\n)\\r\\n]+/);\n            messageArray.forEach(function (item, index) {\n              if (!item) {\n                messageArray.splice(index, 1);\n              }\n            });\n            var lastMessage = lodash_last__WEBPACK_IMPORTED_MODULE_34___default()(messageArray);\n            var info = JSON.parse(lastMessage);\n            var id = info.id != undefined ? info.id : "";\n            var progress = "";\n\n            if (info.progressDetail != undefined) {\n              var progressDetail = info.progressDetail;\n\n              if (!isNaN(progressDetail.current / progressDetail.total)) {\n                progress = "[ ".concat(String(Math.floor(progressDetail.current / progressDetail.total * 100)), "% ]");\n              }\n            }\n\n            var status = info.status;\n            this.currentInstallAppText = status + ":" + id + " " + progress;\n          }\n        } else {\n          this.currentInstallAppText = resData.message;\n        }\n      } else {\n        localStorage.removeItem("app_data");\n\n        var _this = this;\n\n        setTimeout(function () {\n          _this.$emit(\'updateState\');\n\n          _this.$emit(\'close\');\n        }, 500);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Apps/AppPanel.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/Apps/AppSection.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");\n/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var _forms_InputGroup_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../forms/InputGroup.vue */ "./src/components/forms/InputGroup.vue");\n/* harmony import */ var _forms_EnvInputGroup_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../forms/EnvInputGroup.vue */ "./src/components/forms/EnvInputGroup.vue");\n/* harmony import */ var _forms_CommandsInput_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../forms/CommandsInput.vue */ "./src/components/forms/CommandsInput.vue");\n/* harmony import */ var _forms_Ports_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../forms/Ports.vue */ "./src/components/forms/Ports.vue");\n/* harmony import */ var _AppSideBar_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./AppSideBar.vue */ "./src/components/Apps/AppSideBar.vue");\n/* harmony import */ var _forms_ImportPanel_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../forms/ImportPanel.vue */ "./src/components/forms/ImportPanel.vue");\n/* harmony import */ var _AppTerminalPanel_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./AppTerminalPanel.vue */ "./src/components/Apps/AppTerminalPanel.vue");\n/* harmony import */ var lottie_web_vue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lottie-web-vue */ "./node_modules/lottie-web-vue/dist/lottie-web-vue.esm.js");\n/* harmony import */ var vue_slider_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! vue-slider-component */ "./node_modules/vue-slider-component/dist/vue-slider-component.umd.min.js");\n/* harmony import */ var vue_slider_component__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(vue_slider_component__WEBPACK_IMPORTED_MODULE_24__);\n/* harmony import */ var vue_slider_component_theme_default_css__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! vue-slider-component/theme/default.css */ "./node_modules/vue-slider-component/theme/default.css");\n/* harmony import */ var vue_slider_component_theme_default_css__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(vue_slider_component_theme_default_css__WEBPACK_IMPORTED_MODULE_25__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _plugins_vee_validate__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @/plugins/vee-validate */ "./src/plugins/vee-validate.js");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! lodash/debounce */ "./node_modules/lodash/debounce.js");\n/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_28__);\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! lodash/find */ "./node_modules/lodash/find.js");\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(lodash_find__WEBPACK_IMPORTED_MODULE_29__);\n/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! lodash/uniq */ "./node_modules/lodash/uniq.js");\n/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(lodash_uniq__WEBPACK_IMPORTED_MODULE_30__);\n/* harmony import */ var lodash_isNull__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! lodash/isNull */ "./node_modules/lodash/isNull.js");\n/* harmony import */ var lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default = /*#__PURE__*/__webpack_require__.n(lodash_isNull__WEBPACK_IMPORTED_MODULE_31__);\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! lodash/orderBy */ "./node_modules/lodash/orderBy.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_32___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_32__);\n/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! lodash/cloneDeep */ "./node_modules/lodash/cloneDeep.js");\n/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33__);\n/* harmony import */ var lodash_last__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! lodash/last */ "./node_modules/lodash/last.js");\n/* harmony import */ var lodash_last__WEBPACK_IMPORTED_MODULE_34___default = /*#__PURE__*/__webpack_require__.n(lodash_last__WEBPACK_IMPORTED_MODULE_34__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! file-saver */ "./node_modules/file-saver/dist/FileSaver.min.js");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_35___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_35__);\n/* harmony import */ var vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! vue-awesome-swiper */ "./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js");\n/* harmony import */ var vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36___default = /*#__PURE__*/__webpack_require__.n(vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__);\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//\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//\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//\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//\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//\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//\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//\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\n\n\nvar _data = ["AUDIT_CONTROL", "AUDIT_READ", "BLOCK_SUSPEND", "BPF", "CHECKPOINT_RESTORE", "DAC_READ_SEARCH", "IPC_LOCK", "IPC_OWNER", "LEASE", "LINUX_IMMUTABLE", "MAC_ADMIN", "MAC_OVERRIDE", "NET_ADMIN", "NET_BROADCAST", "PERFMON", "SYS_ADMIN", "SYS_BOOT", "SYS_MODULE", "SYS_NICE", "SYS_PACCT", "SYS_PTRACE", "SYS_RAWIO", "SYS_RESOURCE", "SYS_TIME", "SYS_TTY_CONFIG", "SYSLOG", "WAKE_ALARM"];\n/* harmony default export */ __webpack_exports__["default"] = ({\n  components: {\n    Ports: _forms_Ports_vue__WEBPACK_IMPORTED_MODULE_19__["default"],\n    InputGroup: _forms_InputGroup_vue__WEBPACK_IMPORTED_MODULE_16__["default"],\n    EnvInputGroup: _forms_EnvInputGroup_vue__WEBPACK_IMPORTED_MODULE_17__["default"],\n    CommandsInput: _forms_CommandsInput_vue__WEBPACK_IMPORTED_MODULE_18__["default"],\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_26__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_26__["ValidationProvider"],\n    AppSideBar: _AppSideBar_vue__WEBPACK_IMPORTED_MODULE_20__["default"],\n    LottieAnimation: lottie_web_vue__WEBPACK_IMPORTED_MODULE_23__["default"],\n    VueSlider: vue_slider_component__WEBPACK_IMPORTED_MODULE_24___default.a,\n    Swiper: vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__["Swiper"],\n    SwiperSlide: vue_awesome_swiper__WEBPACK_IMPORTED_MODULE_36__["SwiperSlide"]\n  },\n  props: {\n    id: String,\n    state: String,\n    isCasa: {\n      type: Boolean,\n      default: true\n    },\n    runningStatus: String,\n    configData: Object,\n    settingData: {\n      type: Object\n    }\n  },\n  data: function data() {\n    return {\n      timer: 0,\n      data: [],\n      isLoading: true,\n      isFetching: false,\n      isFirst: true,\n      errorType: 1,\n      currentInstallAppName: null,\n      currentInstallAppError: false,\n      currentInstallAppType: null,\n      currentInstallAppText: "",\n      appIcon: "",\n      sidebarOpen: false,\n      cancelButtonText: "Cancel",\n      baseUrl: "",\n      totalMemory: 0,\n      networks: [],\n      tempNetworks: [],\n      networkModes: [],\n      initData: {\n        host: "",\n        protocol: "http",\n        port_map: null,\n        cpu_shares: 10,\n        memory: 300,\n        restart: "always",\n        label: "",\n        position: true,\n        index: "",\n        icon: "",\n        network_model: "",\n        image: "",\n        description: "",\n        origin: "custom",\n        ports: [],\n        volumes: [],\n        envs: [],\n        devices: [],\n        cap_add: [],\n        cmd: [],\n        privileged: false,\n        host_name: ""\n      },\n      portSelected: null,\n      capArray: _data,\n      pageIndex: 1,\n      pageSize: 5,\n      listTotal: 0,\n      pageList: {},\n      communityList: {},\n      recommendList: {},\n      currentSlide: 0,\n      currentInstallId: 0,\n      //Image List Swiper\n      disPrev: true,\n      disNext: false,\n      swiperOptions: {\n        loop: false,\n        autoplay: true,\n        spaceBetween: 24,\n        breakpoints: {\n          640: {\n            slidesPerView: 1\n          },\n          768: {\n            slidesPerView: 2\n          },\n          1366: {\n            slidesPerView: 3\n          }\n        },\n        on: {\n          slideChangeTransitionStart: this.handleInfoSlide\n        }\n      },\n      // Featured Swiper\n      disFeaturedPrev: true,\n      disFeaturedNext: false,\n      featureSwiperOptions: {\n        loop: false,\n        autoplay: true,\n        spaceBetween: 24,\n        breakpoints: {\n          640: {\n            slidesPerView: 1\n          },\n          768: {\n            slidesPerView: 2\n          },\n          1366: {\n            slidesPerView: 3\n          }\n        },\n        on: {\n          slideChangeTransitionStart: this.handleFeaturedSlide\n        }\n      },\n      searchKey: "",\n      currentCate: {},\n      currentSort: {},\n      cateMenu: [],\n      sortMenu: [{\n        icon: "",\n        slash: "rank",\n        name: "Popular"\n      }, {\n        icon: "",\n        slash: "new",\n        name: "New"\n      }, {\n        icon: "",\n        slash: "name",\n        name: "Name"\n      }],\n      storeQueryData: {\n        index: 1,\n        category_id: "",\n        type: "rank",\n        key: this.searchKey\n      },\n      //  App Detail info\n      appDetailData: {}\n    };\n  },\n  created: function created() {\n    var _this2 = this;\n\n    // Set Front-end base url\n    this.baseUrl = "".concat(document.domain); // this.initData.host = `${document.domain}:`\n    //Get Max memory info form device\n\n    this.totalMemory = Math.floor(this.configData.memory.total / 1048576);\n    this.initData.memory = this.totalMemory; //Handling network types\n\n    this.tempNetworks = this.configData.networks;\n    this.networkModes = lodash_uniq__WEBPACK_IMPORTED_MODULE_30___default()(this.tempNetworks.map(function (item) {\n      return item.driver;\n    }));\n    this.networks = this.networkModes.map(function (item) {\n      var tempitem = {};\n      tempitem.driver = item;\n      tempitem.networks = _this2.tempNetworks.filter(function (net) {\n        return net.driver == item;\n      });\n      return tempitem;\n    });\n    this.networks = lodash_orderBy__WEBPACK_IMPORTED_MODULE_32___default()(this.networks, [\'driver\'], [\'asc\']); //If it is edit, Init data\n\n    if (this.settingData != undefined) {\n      this.isLoading = false;\n      this.initData = this.preProcessData(this.settingData);\n      this.currentSlide = 1;\n    } else {\n      var gg = lodash_find__WEBPACK_IMPORTED_MODULE_29___default()(this.tempNetworks, function (o) {\n        return o.driver == "bridge";\n      });\n      this.initData.network_model = gg.length > 0 ? gg[0].name : "bridge";\n      this.getCategoryList();\n    }\n  },\n  computed: {\n    showPorts: function showPorts() {\n      if (this.initData.network_model.toLowerCase().indexOf("macvlan") > -1 || this.initData.network_model.indexOf("host") > -1) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    showHostPort: function showHostPort() {\n      if (this.initData.network_model.indexOf("host") > -1) {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    bridgePorts: function bridgePorts() {\n      return this.initData.ports.filter(function (item) {\n        return item.host != "";\n      });\n    },\n    filteredBeidgePort: function filteredBeidgePort() {\n      var _this3 = this;\n\n      return this.bridgePorts.filter(function (port) {\n        console.log(port.host);\n        return port.host.indexOf(_this3.initData.port_map) >= 0;\n      });\n    },\n    showImportButton: function showImportButton() {\n      return this.currentSlide == 1 && this.state == \'install\';\n    },\n    showExportButton: function showExportButton() {\n      return this.currentSlide == 1 && this.state == \'update\';\n    },\n    showTerminalButton: function showTerminalButton() {\n      return this.currentSlide == 1 && this.state == \'update\' && this.runningStatus == \'running\';\n    },\n    panelTitle: function panelTitle() {\n      if (this.currentSlide == 0) {\n        return this.$t("App Store");\n      } else if (this.currentSlide == 1) {\n        if (!this.isCasa) {\n          return this.$t("Import") + " " + this.initData.label;\n        } else {\n          return this.settingData != undefined ? this.initData.label + " " + this.$t("Setting") : this.$t("Install a new App manually");\n        }\n      } else {\n        return this.$t("Installing") + " " + this.initData.image;\n      }\n    },\n    showDetailSwiper: function showDetailSwiper() {\n      return !this.appDetailData.screenshot_link ? false : true;\n    },\n    currentInstallAppTextClass: function currentInstallAppTextClass() {\n      return this.currentInstallAppError ? \'has-text-danger\' : \'has-text-black\';\n    }\n  },\n  watch: {\n    // Watch if Icon url has changed\n    \'initData.icon\': function initDataIcon(val) {\n      this.updateIconUrl(val);\n    },\n    \'initData.label\': function initDataLabel(val) {\n      var newLabel = val.replace(/[^a-zA-Z0-9_.-]/g, "");\n      this.updateLabel(newLabel);\n    },\n    // Watch if Section index changes\n    currentSlide: function currentSlide(val) {\n      if (val == 1) {\n        this.isLoading = false;\n      }\n    },\n    // Watch if initData changes\n    initData: {\n      handler: function handler(val) {\n        if (this.state == \'install\') {\n          localStorage.setItem("app_data", JSON.stringify(val));\n        }\n      },\n      deep: true\n    },\n    // Watch if the query data of app store changes\n    storeQueryData: {\n      handler: function handler() {\n        this.getStoreList();\n      },\n      deep: true\n    },\n    // Watch if app cates changes\n    currentCate: {\n      handler: function handler(val) {\n        if (!this.isFirst) {\n          this.storeQueryData.category_id = val.id;\n        }\n      },\n      deep: true\n    },\n    // Watch if app sort changes\n    currentSort: {\n      handler: function handler(val) {\n        if (!this.isFirst) {\n          this.storeQueryData.type = val.slash;\n        }\n      },\n      deep: true\n    }\n  },\n  methods: {\n    analyse: function analyse(data) {\n      try {\n        var appName = data.label;\n        var action = "install";\n        this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n      } catch (err) {}\n    },\n\n    /**\n     * @description: \n     * @param {*} function\n     * @return {*}\n     */\n    updateIconUrl: lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default()(function (string) {\n      this.appIcon = string;\n    }, 300),\n    updateLabel: lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default()(function (string) {\n      this.initData.label = string;\n    }, 50),\n\n    /**\n     * @description: \n     * @param {*} text\n     * @return {*}\n     */\n    getFilteredTags: function getFilteredTags(text) {\n      this.capArray = _data.filter(function (option) {\n        return option.toString().indexOf(text.toUpperCase()) >= 0;\n      });\n    },\n\n    /**\n     * @description: \n     * @param {*} swiper\n     * @return {*}\n     */\n    handleInfoSlide: function handleInfoSlide(swiper) {\n      this.disPrev = swiper.activeIndex == 0 ? true : false;\n      this.disNext = swiper.isEnd;\n    },\n\n    /**\n     * @description: \n     * @param {*} swiper\n     * @return {*}\n     */\n    handleFeaturedSlide: function handleFeaturedSlide(swiper) {\n      this.disFeaturedPrev = swiper.activeIndex == 0 ? true : false;\n      this.disFeaturedNext = swiper.isEnd;\n    },\n\n    /**\n     * @description: Get category list\n     * @param {*} \n     * @return {*} void\n     */\n    getCategoryList: function getCategoryList() {\n      var _this4 = this;\n\n      this.$api.app.storeCategoryList().then(function (res) {\n        _this4.cateMenu = res.data.data.filter(function (item) {\n          return item.count > 0;\n        });\n        _this4.currentCate = _this4.cateMenu[0];\n        _this4.currentSort = _this4.sortMenu[0];\n\n        if (_this4.isFirst) {\n          _this4.isFirst = false;\n        }\n      });\n    },\n\n    /**\n     * @description: Show the details of app\n     * @param {id} String\n     * @return {*} void\n     */\n    showAppDetial: function showAppDetial(id) {\n      var _this5 = this;\n\n      this.isLoading = true;\n      this.$api.app.storeAppInfo(id).then(function (resp) {\n        _this5.isLoading = false;\n        _this5.sidebarOpen = true;\n        _this5.appDetailData = resp.data.data;\n      });\n    },\n\n    /**\n     * @description: Get App store list\n     * @param {*}\n     * @return {*} void\n     */\n    getStoreList: function getStoreList() {\n      var _this6 = this;\n\n      this.isLoading = true;\n      this.$api.app.storeList(this.storeQueryData).then(function (res) {\n        _this6.isLoading = false;\n\n        if (res.data.success == 200) {\n          // this.listTotal = res.data.data.count\n          _this6.pageList = res.data.data.list;\n          _this6.communityList = res.data.data.community;\n          _this6.recommendList = res.data.data.recommend;\n        }\n      });\n    },\n\n    /**\n     * @description: Quick Install App from app store\n     * @param {*}\n     * @return {*} void\n     */\n    qucikInstall: function qucikInstall(id) {\n      var _this7 = this;\n\n      this.currentInstallId = id;\n      this.$api.app.storeAppInfo(id).then(function (resp) {\n        if (resp.data.success == 200) {\n          var respData = resp.data.data;\n          _this7.initData.protocol = respData.protocol;\n          _this7.initData.host = respData.host;\n          _this7.initData.port_map = respData.port_map;\n          _this7.initData.cpu_shares = 50;\n          _this7.initData.memory = respData.max_memory;\n          _this7.initData.restart = "always";\n          _this7.initData.label = respData.title;\n          _this7.initData.position = true;\n          _this7.initData.index = respData.index;\n          _this7.initData.icon = respData.icon;\n          _this7.initData.network_model = respData.network_model;\n          _this7.initData.image = respData.image;\n          _this7.initData.description = respData.description;\n          _this7.initData.origin = respData.origin;\n          _this7.initData.ports = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.ports) ? [] : respData.ports;\n          _this7.initData.volumes = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.volumes) ? [] : respData.volumes;\n          _this7.initData.envs = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.envs) ? [] : respData.envs;\n          _this7.initData.devices = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.devices) ? [] : respData.devices;\n          _this7.initData.cap_add = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.cap_add) ? [] : respData.cap_add;\n          _this7.initData.cmd = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(respData.cmd) ? [] : respData.cmd;\n          _this7.initData.privileged = respData.privileged;\n          _this7.initData.host_name = respData.host_name;\n          _this7.currentInstallId = 0;\n\n          if (respData.tip !== "null" && respData.tip !== "[]" && respData.tip !== "") {\n            _this7.$buefy.dialog.confirm({\n              title: _this7.$t(\'Attention\'),\n              message: _this7.formatTips(respData.tip),\n              type: \'is-dark\',\n              onConfirm: function onConfirm() {\n                _this7.sidebarOpen = false;\n\n                _this7.installAppData();\n              }\n            });\n          } else {\n            _this7.sidebarOpen = false;\n\n            _this7.installAppData();\n          }\n        }\n      });\n    },\n\n    /**\n     * @description: Format AppStore tip datas\n     * @param {data}\n     * @return {html} Str \n     */\n    formatTips: function formatTips(data) {\n      var html = "";\n\n      if (!lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data) && data != "") {\n        JSON.parse(data).forEach(function (item) {\n          html += "<span class=\' is-size-65 un-break-word\'>" + item.content + "</span>";\n\n          if (item.value != \'\') {\n            html += "<span class=\'tag is-primary ml-1\'>" + item.value + "</span>";\n          }\n\n          html += "<br/>";\n        });\n      }\n\n      return html;\n    },\n\n    /**\n     * @description: Pre-processed data before setting\n     * @param {ConfigObject} data\n     * @return {ConfigObject} data\n     */\n    preProcessData: function preProcessData(data) {\n      data.ports = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.ports) ? [] : data.ports;\n      data.volumes = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.volumes) ? [] : data.volumes;\n      data.envs = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.envs) ? [] : data.envs;\n      data.devices = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.devices) ? [] : data.devices;\n      data.cap_add = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.cap_add) ? [] : data.cap_add;\n      data.cmd = lodash_isNull__WEBPACK_IMPORTED_MODULE_31___default()(data.cmd) ? [] : data.cmd;\n      data.port_map = data.port_map === "" ? null : data.port_map;\n      data.cpu_shares = data.cpu_shares === 0 || data.cpu_shares > 99 ? 90 : data.cpu_shares;\n      data.memory = data.memory === 0 ? this.totalMemory : data.memory;\n      data.restart = data.restart === "no" ? "unless-stopped" : data.restart;\n      data.network_model = data.network_model === "default" ? "bridge" : data.network_model;\n      data.icon = data.icon === "" ? this.getIconFromImage(data.image) : data.icon;\n      return data;\n    },\n\n    /**\n     * @description: Process the datas before submit\n     * @param {*}\n     * @return {*} void\n     */\n    processData: function processData() {\n      this.initData.cpu_shares = Number(this.initData.cpu_shares);\n      var model = this.initData.network_model.split("-");\n      this.initData.network_model = model[0];\n    },\n\n    /**\n     * @description: Back to prev Step\n     * @param {*}\n     * @return {*} void\n     */\n    prevStep: function prevStep() {\n      this.currentSlide--;\n    },\n\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkStep: function checkStep(ref) {\n      return Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /**\n     * @description: Submit datas after valid\n     * @param {*}\n     * @return {*} void\n     */\n    installApp: function installApp() {\n      var _this8 = this;\n\n      this.checkStep(this.$refs.ob1).then(function (val) {\n        if (val) {\n          _this8.installAppData(_this8.id);\n        }\n      });\n    },\n    installAppData: function installAppData() {\n      var _this9 = this;\n\n      this.processData();\n      this.isLoading = true; // console.log(this.initData);\n\n      this.$api.app.install(this.initData).then(function (res) {\n        _this9.isLoading = false;\n\n        if (res.data.success == 200) {\n          _this9.currentInstallAppName = res.data.data;\n\n          _this9.analyse(_this9.initData);\n\n          _this9.currentSlide = 2;\n          _this9.currentInstallAppText = "Start Installation...";\n          _this9.cancelButtonText = \'Continue in background\';\n        } else {\n          _this9.$buefy.toast.open({\n            message: res.data.message,\n            type: \'is-warning\'\n          });\n        }\n      });\n    },\n\n    /**\n     * @description: Save edit update\n     * @return {*} void\n     */\n    updateApp: function updateApp() {\n      var _this10 = this;\n\n      this.processData();\n      this.isLoading = true;\n      var updateData = this.uuid2var(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33___default()(this.initData));\n      this.$api.app.updateContainerSetting(this.id, updateData).then(function (res) {\n        if (res.data.success == 200) {\n          _this10.isLoading = false;\n\n          _this10.$emit(\'updateState\');\n        } else {\n          _this10.$buefy.toast.open({\n            message: res.data.message,\n            type: \'is-warning\'\n          });\n        }\n\n        _this10.$emit(\'close\');\n      });\n    },\n\n    /**\n     * @description: Show import panel\n     * @return {*} void\n     */\n    showImportPanel: function showImportPanel() {\n      var _this11 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _forms_ImportPanel_vue__WEBPACK_IMPORTED_MODULE_21__["default"],\n        hasModalCard: true,\n        customClass: \'\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'update\': function update(e) {\n            //localStorage.removeItem("app_data")\n            _this11.initData = e;\n\n            _this11.changeIcon(_this11.initData.image);\n\n            _this11.$buefy.dialog.alert({\n              title: \'⚠️ \' + _this11.$t(\'Attention\'),\n              message: \'<div class="nobrk"><h4 class="title is-5">\' + _this11.$t(\'AutoFill only helps you to complete most of the configuration.\') + \'</h4>\' + \'<p class="mb-3">\' + _this11.$t(\'Some configuration information such as:\') + \'</p>\' + \'<ul>\' + \'<li>1. \' + _this11.$t(\'the port and path of the Web UI\') + \'</li>\' + \'<li>2. \' + _this11.$t(\'the mount location of the volume or file\') + \'</li>\' + \'<li>3. \' + _this11.$t(\'the port mapping of the Host\') + \'</li>\' + \'<li>4. \' + _this11.$t(\'optional configuration items\') + \'</li>\' + \'</ul>\' + \'<p class="mt-3">\' + _this11.$t(\'These include but are not limited to these cases and <b>still need to be confirmed or modified by you.</b>\') + \'</p>\' + \'<p class="mt-3">\' + _this11.$t(\'Feel free to suggest improvements to this feature in Discord Server!\') + \'</p></div>\',\n              type: \'is-dark\'\n            });\n          }\n        },\n        props: {\n          initData: this.initData,\n          netWorks: this.networks,\n          oriNetWorks: this.tempNetworks,\n          deviceMemory: this.totalMemory\n        }\n      });\n    },\n\n    /**\n     * @description: Get remote synchronization information\n     * @param {*} function\n     * @return {*} void\n     */\n    getAsyncData: lodash_debounce__WEBPACK_IMPORTED_MODULE_28___default()(function (name) {\n      var _this12 = this;\n\n      if (!name.length) {\n        this.data = [];\n        return;\n      }\n\n      this.isFetching = true;\n      axios__WEBPACK_IMPORTED_MODULE_15___default.a.get("https://hub.docker.com/api/content/v1/products/search?source=community&q=".concat(name, "&page=1&page_size=4")).then(function (_ref) {\n        var data = _ref.data;\n        _this12.data = [];\n        data.summaries.forEach(function (item) {\n          return _this12.data.push(item.name);\n        });\n      }).catch(function (error) {\n        _this12.data = [];\n        throw error;\n      }).finally(function () {\n        _this12.isFetching = false;\n      });\n    }, 500),\n\n    /**\n       * @description: Export AppData to json file\n       * @param {*} function\n       * @return {*} void\n       */\n    exportJSON: function exportJSON() {\n      var exportData = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_33___default()(this.initData);\n      exportData.network_model = this.getNetworkName(this.initData.network_model);\n      exportData.version = "1.0";\n      exportData = this.uuid2var(exportData);\n      delete exportData.memory;\n      var data = JSON.stringify(exportData);\n      var blob = new Blob([data], {\n        type: \'\'\n      });\n      file_saver__WEBPACK_IMPORTED_MODULE_35___default.a.saveAs(blob, "".concat(exportData.label, ".json"));\n    },\n\n    /**\n       * @description: change uuid to var\n       * @param {*} function\n       * @return {data} Object\n       */\n    uuid2var: function uuid2var(data) {\n      var _this13 = this;\n\n      data.volumes.forEach(function (item) {\n        item.host = item.host.replace(_this13.id, \'$AppID\');\n      });\n      data.devices.forEach(function (item) {\n        item.host = item.host.replace(_this13.id, \'$AppID\');\n      });\n      return data;\n    },\n\n    /**\n     * @description: Get Network name from network list\n     * @param {*} \n     * @return {*} String\n     */\n    getNetworkName: function getNetworkName(netId) {\n      if (netId == "") {\n        return "bridge";\n      } else {\n        var network = this.tempNetworks.filter(function (net) {\n          return net.name == netId;\n        });\n        return network[0].name;\n      }\n    },\n\n    /**\n     * @description: Get App icon form image\n     * @param {*} image\n     * @return {*}\n     */\n    getIconFromImage: function getIconFromImage(image) {\n      if (image == "") {\n        return "";\n      } else {\n        var appIcon = image.split(":")[0].split("/").pop();\n        return "https://icon.casaos.io/main/all/".concat(appIcon, ".png");\n      }\n    },\n\n    /**\n     * @description: Change App icon when image changed\n     * @param {String} image\n     * @return {*} void\n     */\n    changeIcon: function changeIcon(image) {\n      this.initData.icon = this.getIconFromImage(image);\n    },\n\n    /**\n     * @description: Show Terminal & Logs panel\n     * @return {*} void\n     */\n    showTerminalPanel: function showTerminalPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _AppTerminalPanel_vue__WEBPACK_IMPORTED_MODULE_22__["default"],\n        hasModalCard: true,\n        customClass: \'terminal-modal\',\n        trapFocus: true,\n        canCancel: [],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          appid: this.id,\n          appName: this.initData.label\n        }\n      });\n    }\n  },\n  destroyed: function destroyed() {\n    clearInterval(this.timer);\n  },\n  sockets: {\n    app_install: function app_install(res) {\n      var resData = res.body.data;\n\n      if (this.currentInstallAppName != resData.name) {\n        return false;\n      }\n\n      if (!resData.finished) {\n        this.currentInstallAppError = !resData.success;\n\n        if (resData.success) {\n          this.currentInstallAppType = resData.type;\n\n          if (resData.message !== "") {\n            var messageArray = resData.message.split(/[(\\r\\n)\\r\\n]+/);\n            messageArray.forEach(function (item, index) {\n              if (!item) {\n                messageArray.splice(index, 1);\n              }\n            });\n            var lastMessage = lodash_last__WEBPACK_IMPORTED_MODULE_34___default()(messageArray);\n            var info = JSON.parse(lastMessage);\n            var id = info.id != undefined ? info.id : "";\n            var progress = "";\n\n            if (info.progressDetail != undefined) {\n              var progressDetail = info.progressDetail;\n\n              if (!isNaN(progressDetail.current / progressDetail.total)) {\n                progress = "[ ".concat(String(Math.floor(progressDetail.current / progressDetail.total * 100)), "% ]");\n              }\n            }\n\n            var status = info.status;\n            this.currentInstallAppText = status + ":" + id + " " + progress;\n          }\n        } else {\n          this.currentInstallAppText = resData.message;\n        }\n      } else {\n        localStorage.removeItem("app_data");\n\n        var _this = this;\n\n        setTimeout(function () {\n          _this.$emit(\'updateState\');\n\n          _this.$emit(\'close\');\n        }, 500);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Apps/AppPanel.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/Apps/AppSection.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/Apps/AppSection.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.string.match.js */ "./node_modules/core-js/modules/es.string.match.js");\n/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.sort.js */ "./node_modules/core-js/modules/es.array.sort.js");\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _AppCard_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./AppCard.vue */ "./src/components/Apps/AppCard.vue");\n/* harmony import */ var _AppPanel_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AppPanel.vue */ "./src/components/Apps/AppPanel.vue");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vuedraggable */ "./node_modules/vuedraggable/dist/vuedraggable.umd.js");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _AddNewButtonCard_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./AddNewButtonCard.vue */ "./src/components/Apps/AddNewButtonCard.vue");\n/* harmony import */ var lodash_xor__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/xor */ "./node_modules/lodash/xor.js");\n/* harmony import */ var lodash_xor__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_xor__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/concat */ "./node_modules/lodash/concat.js");\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_concat__WEBPACK_IMPORTED_MODULE_11__);\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//\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/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      appList: [],\n      notImportedList: [],\n      appConfig: {},\n      drag: false,\n      isLoading: true,\n      isShowing: false,\n      importHelpText: "Click icon to import apps into CasaOS",\n      appHelpText: \'Drag icons to sort\',\n      draggable: ".handle"\n    };\n  },\n  components: {\n    AppCard: _AppCard_vue__WEBPACK_IMPORTED_MODULE_6__["default"],\n    AppNewButtonCard: _AddNewButtonCard_vue__WEBPACK_IMPORTED_MODULE_9__["default"],\n    draggable: vuedraggable__WEBPACK_IMPORTED_MODULE_8___default.a\n  },\n  computed: {\n    dragOptions: function dragOptions() {\n      return {\n        animation: 300,\n        group: "description",\n        disabled: false,\n        ghostClass: "ghost"\n      };\n    },\n    showDragTip: function showDragTip() {\n      return this.draggable == ".handle";\n    }\n  },\n  created: function created() {\n    this.getList();\n    this.draggable = this.isMobile() ? "" : ".handle";\n  },\n  methods: {\n    onChange: function onChange(e) {\n      console.log(e);\n    },\n    isMobile: function isMobile() {\n      var flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);\n      return flag;\n    },\n\n    /**\n     * @description: Fetch the list of installed apps\n     * @return {*} void\n     */\n    getList: function getList() {\n      var _this = this;\n\n      return Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var listRes, casaAppList, sortRes, sortList, newList;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return _this.$api.app.myAppList();\n\n              case 2:\n                listRes = _context.sent;\n\n                if (!(listRes.data.success == 200)) {\n                  _context.next = 11;\n                  break;\n                }\n\n                casaAppList = listRes.data.data.list;\n                _context.next = 7;\n                return _this.$api.app.getAppListOrder();\n\n              case 7:\n                sortRes = _context.sent;\n\n                if (sortRes.data.success == 200) {\n                  sortList = sortRes.data.data;\n                  newList = casaAppList.map(function (item) {\n                    return item.custom_id;\n                  });\n\n                  if (sortList != "") {\n                    // Resort list\n                    sortList = _this.getNewSortList(sortList, newList);\n                    casaAppList.sort(function (a, b) {\n                      return sortList.indexOf(a.custom_id) - sortList.indexOf(b.custom_id);\n                    });\n                  }\n\n                  _this.appList = casaAppList;\n\n                  if (lodash_xor__WEBPACK_IMPORTED_MODULE_10___default()(sortList, newList).length > 0) {\n                    _this.saveSortData();\n                  }\n                } else {\n                  _this.appList = casaAppList;\n                }\n\n                _this.notImportedList = listRes.data.data.local;\n                _this.isLoading = false;\n\n              case 11:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /**\n     * @description: \n     * @param {Array} oriList\n     * @param {Array} newList\n     * @return {*}\n     */\n    getNewSortList: function getNewSortList(oriList, newList) {\n      var xorList = lodash_xor__WEBPACK_IMPORTED_MODULE_10___default()(oriList, newList);\n      xorList.reverse();\n      return lodash_concat__WEBPACK_IMPORTED_MODULE_11___default()(oriList, xorList);\n    },\n\n    /**\n     * @description: Save Sort Table\n     * @param {*}\n     * @return {*}\n     */\n    saveSortData: function saveSortData() {\n      var newList = this.appList.map(function (item) {\n        return item.custom_id;\n      });\n      var data = {\n        data: JSON.stringify(newList)\n      };\n      this.$api.app.saveAppListOrder(data);\n    },\n\n    /**\n     * @description: Handle on Sort End\n     * @param {*}\n     * @return {*}\n     */\n    onSortEnd: function onSortEnd() {\n      this.drag = false;\n      this.saveSortData();\n    },\n\n    /**\n     * @description: Show Install Panel Programmatic\n     * @return {*} void\n     */\n    showInstall: function showInstall() {\n      var _this2 = this;\n\n      this.isShowing = true;\n      this.$api.app.appConfig().then(function (res) {\n        _this2.isShowing = false;\n\n        if (res.data.success == 200) {\n          _this2.$buefy.modal.open({\n            parent: _this2,\n            component: _AppPanel_vue__WEBPACK_IMPORTED_MODULE_7__["default"],\n            hasModalCard: true,\n            customClass: \'app-panel\',\n            trapFocus: true,\n            canCancel: [\'escape\'],\n            scroll: "keep",\n            animation: "zoom-in",\n            events: {\n              \'updateState\': function updateState() {\n                _this2.getList();\n              }\n            },\n            props: {\n              id: "0",\n              state: "install",\n              configData: res.data.data\n            }\n          });\n        }\n      });\n    },\n\n    /**\n     * @description: Show Settings Panel Programmatic\n     * @param {String} id\n     * @param {String} status\n     * @param {Boolean} isCasa \n     * @return {*}\n     */\n    showConfigPanel: function showConfigPanel(id, status, isCasa) {\n      var _this3 = this;\n\n      this.$api.app.getContainerSettingdata(id).then(function (ret) {\n        console.log(ret.data.data);\n\n        _this3.$api.app.appConfig().then(function (res) {\n          if (res.data.success == 200) {\n            _this3.$buefy.modal.open({\n              parent: _this3,\n              component: _AppPanel_vue__WEBPACK_IMPORTED_MODULE_7__["default"],\n              hasModalCard: true,\n              customClass: \'\',\n              trapFocus: true,\n              canCancel: [\'\'],\n              scroll: "keep",\n              animation: "zoom-in",\n              events: {\n                \'updateState\': function updateState() {\n                  _this3.getList();\n                }\n              },\n              props: {\n                id: id,\n                state: "update",\n                isCasa: isCasa,\n                runningStatus: status,\n                configData: res.data.data,\n                settingData: ret.data.data\n              }\n            });\n          }\n        });\n      });\n    }\n  },\n  sockets: {\n    app_install: function app_install(res) {\n      var data = res.body.data;\n\n      if (data.finished) {\n        this.getList();\n      }\n    },\n    app_uninstall: function app_uninstall() {\n      this.getList();\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Apps/AppSection.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/Apps/AppSideBar.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.string.match.js */ "./node_modules/core-js/modules/es.string.match.js");\n/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.sort.js */ "./node_modules/core-js/modules/es.array.sort.js");\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _AppCard_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./AppCard.vue */ "./src/components/Apps/AppCard.vue");\n/* harmony import */ var _AppPanel_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AppPanel.vue */ "./src/components/Apps/AppPanel.vue");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vuedraggable */ "./node_modules/vuedraggable/dist/vuedraggable.umd.js");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _AddNewButtonCard_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./AddNewButtonCard.vue */ "./src/components/Apps/AddNewButtonCard.vue");\n/* harmony import */ var lodash_xor__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/xor */ "./node_modules/lodash/xor.js");\n/* harmony import */ var lodash_xor__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_xor__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/concat */ "./node_modules/lodash/concat.js");\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_concat__WEBPACK_IMPORTED_MODULE_11__);\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//\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/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      appList: [],\n      notImportedList: [],\n      appConfig: {},\n      drag: false,\n      isLoading: true,\n      isShowing: false,\n      importHelpText: "Click icon to import apps into CasaOS",\n      appHelpText: \'Drag icons to sort\',\n      draggable: ".handle"\n    };\n  },\n  components: {\n    AppCard: _AppCard_vue__WEBPACK_IMPORTED_MODULE_6__["default"],\n    AppNewButtonCard: _AddNewButtonCard_vue__WEBPACK_IMPORTED_MODULE_9__["default"],\n    draggable: vuedraggable__WEBPACK_IMPORTED_MODULE_8___default.a\n  },\n  computed: {\n    dragOptions: function dragOptions() {\n      return {\n        animation: 300,\n        group: "description",\n        disabled: false,\n        ghostClass: "ghost"\n      };\n    },\n    showDragTip: function showDragTip() {\n      return this.draggable == ".handle";\n    }\n  },\n  created: function created() {\n    this.getList();\n    this.draggable = this.isMobile() ? "" : ".handle";\n  },\n  methods: {\n    onChange: function onChange(e) {\n      console.log(e);\n    },\n    isMobile: function isMobile() {\n      var flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);\n      return flag;\n    },\n\n    /**\n     * @description: Fetch the list of installed apps\n     * @return {*} void\n     */\n    getList: function getList() {\n      var _this = this;\n\n      return Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var listRes, casaAppList, sortRes, sortList, newList;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return _this.$api.app.myAppList();\n\n              case 2:\n                listRes = _context.sent;\n\n                if (!(listRes.data.success == 200)) {\n                  _context.next = 11;\n                  break;\n                }\n\n                casaAppList = listRes.data.data.list;\n                _context.next = 7;\n                return _this.$api.app.getAppListOrder();\n\n              case 7:\n                sortRes = _context.sent;\n\n                if (sortRes.data.success == 200) {\n                  sortList = sortRes.data.data;\n                  newList = casaAppList.map(function (item) {\n                    return item.custom_id;\n                  });\n\n                  if (sortList != "") {\n                    // Resort list\n                    sortList = _this.getNewSortList(sortList, newList);\n                    casaAppList.sort(function (a, b) {\n                      return sortList.indexOf(a.custom_id) - sortList.indexOf(b.custom_id);\n                    });\n                  }\n\n                  _this.appList = casaAppList;\n\n                  if (lodash_xor__WEBPACK_IMPORTED_MODULE_10___default()(sortList, newList).length > 0) {\n                    _this.saveSortData();\n                  }\n                } else {\n                  _this.appList = casaAppList;\n                }\n\n                _this.notImportedList = listRes.data.data.local;\n                _this.isLoading = false;\n\n              case 11:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /**\n     * @description: \n     * @param {Array} oriList\n     * @param {Array} newList\n     * @return {*}\n     */\n    getNewSortList: function getNewSortList(oriList, newList) {\n      var xorList = lodash_xor__WEBPACK_IMPORTED_MODULE_10___default()(oriList, newList);\n      xorList.reverse();\n      return lodash_concat__WEBPACK_IMPORTED_MODULE_11___default()(oriList, xorList);\n    },\n\n    /**\n     * @description: Save Sort Table\n     * @param {*}\n     * @return {*}\n     */\n    saveSortData: function saveSortData() {\n      var newList = this.appList.map(function (item) {\n        return item.custom_id;\n      });\n      var data = {\n        data: JSON.stringify(newList)\n      };\n      this.$api.app.saveAppListOrder(data);\n    },\n\n    /**\n     * @description: Handle on Sort End\n     * @param {*}\n     * @return {*}\n     */\n    onSortEnd: function onSortEnd() {\n      this.drag = false;\n      this.saveSortData();\n    },\n\n    /**\n     * @description: Show Install Panel Programmatic\n     * @return {*} void\n     */\n    showInstall: function showInstall() {\n      var _this2 = this;\n\n      this.isShowing = true;\n      this.$api.app.appConfig().then(function (res) {\n        _this2.isShowing = false;\n\n        if (res.data.success == 200) {\n          _this2.$buefy.modal.open({\n            parent: _this2,\n            component: _AppPanel_vue__WEBPACK_IMPORTED_MODULE_7__["default"],\n            hasModalCard: true,\n            customClass: \'app-panel\',\n            trapFocus: true,\n            canCancel: [\'escape\'],\n            scroll: "keep",\n            animation: "zoom-in",\n            events: {\n              \'updateState\': function updateState() {\n                _this2.getList();\n              }\n            },\n            props: {\n              id: "0",\n              state: "install",\n              configData: res.data.data\n            }\n          });\n        }\n      });\n    },\n\n    /**\n     * @description: Show Settings Panel Programmatic\n     * @param {String} id\n     * @param {String} status\n     * @param {Boolean} isCasa \n     * @return {*}\n     */\n    showConfigPanel: function showConfigPanel(id, status, isCasa) {\n      var _this3 = this;\n\n      this.$api.app.getContainerSettingdata(id).then(function (ret) {\n        console.log(ret.data.data);\n\n        _this3.$api.app.appConfig().then(function (res) {\n          if (res.data.success == 200) {\n            _this3.$buefy.modal.open({\n              parent: _this3,\n              component: _AppPanel_vue__WEBPACK_IMPORTED_MODULE_7__["default"],\n              hasModalCard: true,\n              customClass: \'\',\n              trapFocus: true,\n              canCancel: [\'\'],\n              scroll: "keep",\n              animation: "zoom-in",\n              events: {\n                \'updateState\': function updateState() {\n                  _this3.getList();\n                }\n              },\n              props: {\n                id: id,\n                state: "update",\n                isCasa: isCasa,\n                runningStatus: status,\n                configData: res.data.data,\n                settingData: ret.data.data\n              }\n            });\n          }\n        });\n      });\n    }\n  },\n  sockets: {\n    app_install: function app_install(res) {\n      var data = res.body.data;\n\n      if (data.finished) {\n        this.getList();\n      }\n    },\n    app_uninstall: function app_uninstall() {\n      this.getList();\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Apps/AppSection.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/Apps/AppSideBar.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/Apps/AppSideBar.vue?vue&type=script&lang=js& ***!
   \************************************************************************************************************************************************************************************************************************************************************/
@@ -46,11 +46,11 @@
 /*!************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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/Storage/StorageManagerPanel.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lottie_web_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lottie-web-vue */ "./node_modules/lottie-web-vue/dist/lottie-web-vue.esm.js");\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_delay__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/delay */ "./node_modules/lodash/delay.js");\n/* harmony import */ var lodash_delay__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_delay__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var lodash_max__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/max */ "./node_modules/lodash/max.js");\n/* harmony import */ var lodash_max__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_max__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! lodash/orderBy */ "./node_modules/lodash/orderBy.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../mixins/mixin */ "./src/mixins/mixin.js");\n/* harmony import */ var _DriveItem_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./DriveItem.vue */ "./src/components/Storage/DriveItem.vue");\n/* harmony import */ var _StorageItem_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./StorageItem.vue */ "./src/components/Storage/StorageItem.vue");\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//\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//\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/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "storage-manager-panel",\n  components: {\n    LottieAnimation: lottie_web_vue__WEBPACK_IMPORTED_MODULE_9__["default"],\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_14__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_14__["ValidationProvider"],\n    DriveItem: _DriveItem_vue__WEBPACK_IMPORTED_MODULE_16__["default"],\n    StorageItem: _StorageItem_vue__WEBPACK_IMPORTED_MODULE_17__["default"]\n  },\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_10___default.a, _mixins_mixin__WEBPACK_IMPORTED_MODULE_15__["mixin"]],\n  data: function data() {\n    return {\n      isLoading: true,\n      creatIsShow: false,\n      isCreating: false,\n      isValiding: false,\n      activeTab: 0,\n      activeDisk: "",\n      createStorageName: "",\n      createStoragePath: "",\n      createStorageSeiral: "",\n      createStorageType: "",\n      diskData: [],\n      unDiskData: [],\n      storageData: []\n    };\n  },\n  computed: {\n    title: function title() {\n      return this.creatIsShow ? this.$t(\'Create Storage\') : this.$t(\'Storage Manager\');\n    }\n  },\n  mounted: function mounted() {\n    //Smooth \n    this.$smoothReflow({\n      el: \'.modal-card\',\n      property: [\'height\', \'width\'],\n      transition: \'height .25s ease, width .75s ease-out\'\n    }); //Get disk list\n\n    var _this = this;\n\n    lodash_delay__WEBPACK_IMPORTED_MODULE_11___default()(function () {\n      _this.getDiskList();\n    }, 150);\n  },\n  methods: {\n    /**\n     * @description: Get disk list\n     * @param {} \n     * @return {void} \n     */\n    getDiskList: function getDiskList() {\n      var _this2 = this;\n\n      var showDefault = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      this.$api.disk.diskList().then(function (res) {\n        if (res.data.success === 200) {\n          _this2.diskData = res.data.data.drive;\n          _this2.unDiskData = res.data.data.avail;\n          _this2.storageData = lodash_orderBy__WEBPACK_IMPORTED_MODULE_13___default()(res.data.data.storage, [\'create_at\'], [\'asc\']).map(function (disk) {\n            return {\n              name: disk.name,\n              isSystem: disk.name == "System",\n              fsType: disk.type,\n              size: disk.size,\n              availSize: disk.avail,\n              usePercent: 100 - Math.floor(disk.avail * 100 / disk.size),\n              diskName: disk.drive_name,\n              path: disk.path,\n              mount_point: disk.mountpoint\n            };\n          });\n\n          var diskNumArray = _this2.storageData.map(function (disk) {\n            if (disk.name.includes("Storage")) {\n              var diskNum = disk.name.replace("Storage", "");\n              return /^\\d+$/.test(diskNum) ? Number(diskNum) : 0;\n            } else {\n              return 0;\n            }\n          });\n\n          var nextMaxNum = lodash_max__WEBPACK_IMPORTED_MODULE_12___default()(diskNumArray) + 1;\n\n          if (_this2.unDiskData.length > 0) {\n            _this2.createStoragePath = _this2.unDiskData[0].path;\n            _this2.createStorageSeiral = _this2.unDiskData[0].serial;\n            _this2.createStorageType = _this2.getDiskType(_this2.unDiskData[0].need_format);\n            _this2.createStorageName = "Storage" + nextMaxNum;\n            _this2.activeDisk = 0;\n          }\n\n          if (showDefault) {\n            _this2.showDefault();\n\n            _this2.isCreating = false;\n            _this2.createStorageName = "";\n          }\n\n          _this2.isLoading = false;\n        }\n      });\n    },\n\n    /**\n     * @description: Disk choose handle\n     * @param {int} evt index of select \n     * @return {void} \n     */\n    onDiskChoose: function onDiskChoose(index) {\n      this.createStoragePath = this.unDiskData[index].path;\n      this.createStorageSeiral = this.unDiskData[index].serial;\n      this.createStorageType = this.getDiskType(this.unDiskData[index].need_format);\n    },\n    showDefault: function showDefault() {\n      this.creatIsShow = false;\n    },\n    showCreate: function showCreate() {\n      this.creatIsShow = true;\n      var diskNumArray = this.storageData.map(function (disk) {\n        if (disk.name.includes("Storage")) {\n          var diskNum = disk.name.replace("Storage", "");\n          return /^\\d+$/.test(diskNum) ? Number(diskNum) : 0;\n        } else {\n          return 0;\n        }\n      });\n      var nextMaxNum = lodash_max__WEBPACK_IMPORTED_MODULE_12___default()(diskNumArray) + 1;\n      this.createStorageName = "Storage" + nextMaxNum;\n    },\n\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkStep: function checkStep(ref) {\n      return Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /**\n     * @description: Create a new storage\n     * @param {} \n     * @return {void} \n     */\n    createStorge: function createStorge(needFormat) {\n      var _this3 = this;\n\n      this.isValiding = true;\n      this.checkStep(this.$refs.ob1).then(function (val) {\n        _this3.isValiding = false;\n\n        if (val) {\n          _this3.submitCreate(needFormat);\n        }\n      });\n    },\n    submitCreate: function submitCreate(format) {\n      var _this4 = this;\n\n      this.isCreating = true;\n      var data = {\n        path: this.createStoragePath,\n        serial: this.createStorageSeiral,\n        name: this.createStorageName,\n        format: format\n      };\n      this.$api.disk.addStorage(data).then(function (res) {\n        if (res.data.success != 200) {\n          _this4.isCreating = false;\n\n          _this4.$buefy.toast.open({\n            duration: 3000,\n            message: res.data.message,\n            type: \'is-danger\'\n          });\n        } else {\n          _this4.getDiskList(true);\n        }\n      });\n    },\n    getDiskType: function getDiskType(need_format) {\n      return need_format ? "format" : "mountable";\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Storage/StorageManagerPanel.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/TopBar.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! regenerator-runtime/runtime.js */ "./node_modules/regenerator-runtime/runtime.js");\n/* harmony import */ var regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(regenerator_runtime_runtime_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lottie_web_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lottie-web-vue */ "./node_modules/lottie-web-vue/dist/lottie-web-vue.esm.js");\n/* harmony import */ var vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_delay__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/delay */ "./node_modules/lodash/delay.js");\n/* harmony import */ var lodash_delay__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_delay__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var lodash_max__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash/max */ "./node_modules/lodash/max.js");\n/* harmony import */ var lodash_max__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(lodash_max__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! lodash/orderBy */ "./node_modules/lodash/orderBy.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var vee_validate__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! vee-validate */ "./node_modules/vee-validate/dist/vee-validate.esm.js");\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../mixins/mixin */ "./src/mixins/mixin.js");\n/* harmony import */ var _DriveItem_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./DriveItem.vue */ "./src/components/Storage/DriveItem.vue");\n/* harmony import */ var _StorageItem_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./StorageItem.vue */ "./src/components/Storage/StorageItem.vue");\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//\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//\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/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "storage-manager-panel",\n  components: {\n    LottieAnimation: lottie_web_vue__WEBPACK_IMPORTED_MODULE_9__["default"],\n    ValidationObserver: vee_validate__WEBPACK_IMPORTED_MODULE_14__["ValidationObserver"],\n    ValidationProvider: vee_validate__WEBPACK_IMPORTED_MODULE_14__["ValidationProvider"],\n    DriveItem: _DriveItem_vue__WEBPACK_IMPORTED_MODULE_16__["default"],\n    StorageItem: _StorageItem_vue__WEBPACK_IMPORTED_MODULE_17__["default"]\n  },\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_10___default.a, _mixins_mixin__WEBPACK_IMPORTED_MODULE_15__["mixin"]],\n  data: function data() {\n    return {\n      isLoading: true,\n      creatIsShow: false,\n      isCreating: false,\n      isValiding: false,\n      activeTab: 0,\n      activeDisk: "",\n      createStorageName: "",\n      createStoragePath: "",\n      createStorageSeiral: "",\n      createStorageType: "",\n      diskData: [],\n      unDiskData: [],\n      storageData: []\n    };\n  },\n  computed: {\n    title: function title() {\n      return this.creatIsShow ? this.$t(\'Create Storage\') : this.$t(\'Storage Manager\');\n    }\n  },\n  mounted: function mounted() {\n    //Smooth \n    this.$smoothReflow({\n      el: \'.modal-card\',\n      property: [\'height\', \'width\'],\n      transition: \'height .25s ease, width .75s ease-out\'\n    }); //Get disk list\n\n    var _this = this;\n\n    lodash_delay__WEBPACK_IMPORTED_MODULE_11___default()(function () {\n      _this.getDiskList();\n    }, 150);\n  },\n  methods: {\n    /**\n     * @description: Get disk list\n     * @param {} \n     * @return {void} \n     */\n    getDiskList: function getDiskList() {\n      var _this2 = this;\n\n      var showDefault = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      this.$api.disk.diskList().then(function (res) {\n        if (res.data.success === 200) {\n          _this2.diskData = res.data.data.drive;\n          _this2.unDiskData = res.data.data.avail;\n          _this2.storageData = lodash_orderBy__WEBPACK_IMPORTED_MODULE_13___default()(res.data.data.storage, [\'create_at\'], [\'asc\']).map(function (disk) {\n            return {\n              name: disk.name,\n              isSystem: disk.name == "System",\n              fsType: disk.type,\n              size: disk.size,\n              availSize: disk.avail,\n              usePercent: 100 - Math.floor(disk.avail * 100 / disk.size),\n              diskName: disk.drive_name,\n              path: disk.path,\n              mount_point: disk.mountpoint\n            };\n          });\n\n          var diskNumArray = _this2.storageData.map(function (disk) {\n            if (disk.name.includes("Storage")) {\n              var diskNum = disk.name.replace("Storage", "");\n              return /^\\d+$/.test(diskNum) ? Number(diskNum) : 0;\n            } else {\n              return 0;\n            }\n          });\n\n          var nextMaxNum = lodash_max__WEBPACK_IMPORTED_MODULE_12___default()(diskNumArray) + 1;\n\n          if (_this2.unDiskData.length > 0) {\n            _this2.createStoragePath = _this2.unDiskData[0].path;\n            _this2.createStorageSeiral = _this2.unDiskData[0].serial;\n            _this2.createStorageType = _this2.getDiskType(_this2.unDiskData[0].need_format);\n            _this2.createStorageName = "Storage" + nextMaxNum;\n            _this2.activeDisk = 0;\n          }\n\n          if (showDefault) {\n            _this2.showDefault();\n\n            _this2.isCreating = false;\n            _this2.createStorageName = "";\n          }\n\n          _this2.isLoading = false;\n        }\n      });\n    },\n\n    /**\n     * @description: Disk choose handle\n     * @param {int} evt index of select \n     * @return {void} \n     */\n    onDiskChoose: function onDiskChoose(index) {\n      this.createStoragePath = this.unDiskData[index].path;\n      this.createStorageSeiral = this.unDiskData[index].serial;\n      this.createStorageType = this.getDiskType(this.unDiskData[index].need_format);\n    },\n    showDefault: function showDefault() {\n      this.creatIsShow = false;\n    },\n    showCreate: function showCreate() {\n      this.creatIsShow = true;\n      var diskNumArray = this.storageData.map(function (disk) {\n        if (disk.name.includes("Storage")) {\n          var diskNum = disk.name.replace("Storage", "");\n          return /^\\d+$/.test(diskNum) ? Number(diskNum) : 0;\n        } else {\n          return 0;\n        }\n      });\n      var nextMaxNum = lodash_max__WEBPACK_IMPORTED_MODULE_12___default()(diskNumArray) + 1;\n      this.createStorageName = "Storage" + nextMaxNum;\n    },\n\n    /**\n     * @description: Validate form async\n     * @param {Object} ref ref of component\n     * @return {Boolean} \n     */\n    checkStep: function checkStep(ref) {\n      return Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var isValid;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return ref.validate();\n\n              case 2:\n                isValid = _context.sent;\n                return _context.abrupt("return", isValid);\n\n              case 4:\n              case "end":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }))();\n    },\n\n    /**\n     * @description: Create a new storage\n     * @param {} \n     * @return {void} \n     */\n    createStorge: function createStorge(needFormat) {\n      var _this3 = this;\n\n      this.isValiding = true;\n      this.checkStep(this.$refs.ob1).then(function (val) {\n        _this3.isValiding = false;\n\n        if (val) {\n          _this3.submitCreate(needFormat);\n        }\n      });\n    },\n    submitCreate: function submitCreate(format) {\n      var _this4 = this;\n\n      this.isCreating = true;\n      var data = {\n        path: this.createStoragePath,\n        serial: this.createStorageSeiral,\n        name: this.createStorageName,\n        format: format\n      };\n      this.$api.disk.addStorage(data).then(function (res) {\n        if (res.data.success != 200) {\n          _this4.isCreating = false;\n\n          _this4.$buefy.toast.open({\n            duration: 3000,\n            message: res.data.message,\n            type: \'is-danger\'\n          });\n        } else {\n          _this4.getDiskList(true);\n        }\n      });\n    },\n    getDiskType: function getDiskType(need_format) {\n      return need_format ? "format" : "mountable";\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Storage/StorageManagerPanel.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/TopBar.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/TopBar.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_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _account_AccountPanel_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./account/AccountPanel.vue */ "./src/components/account/AccountPanel.vue");\n/* harmony import */ var _logsAndTerminal_TerminalPanel_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./logsAndTerminal/TerminalPanel.vue */ "./src/components/logsAndTerminal/TerminalPanel.vue");\n/* harmony import */ var _settings_PortPanel_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./settings/PortPanel.vue */ "./src/components/settings/PortPanel.vue");\n/* harmony import */ var _settings_UpdateModal_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./settings/UpdateModal.vue */ "./src/components/settings/UpdateModal.vue");\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_6__ = __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//\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//\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//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "top-bar",\n  mixins: [_mixins_mixin__WEBPACK_IMPORTED_MODULE_6__["mixin"]],\n  data: function data() {\n    return {\n      timer: 0,\n      barData: {\n        auto_update: false,\n        background: "",\n        background_type: "",\n        search_engine: "https://duckduckgo.com/?q=",\n        search_switch: false,\n        shortcuts_switch: false,\n        widgets_switch: false,\n        lang: this.getInitLang()\n      },\n      updateInfo: {\n        current_version: \'0\',\n        is_need: false,\n        version: Object\n      },\n      isUpdating: false,\n      latestText: "Currently the latest version",\n      updateText: "A new version is available!",\n      userInfo: this.$store.state.userinfo,\n      port: "",\n      autoUsbMount: false,\n      deviceModel: "",\n      // Language Sets\n      languages: [{\n        lang: "de_de",\n        name: "Deutsch"\n      }, {\n        lang: "en_us",\n        name: "English"\n      }, {\n        lang: "es_es",\n        name: "Español"\n      }, {\n        lang: "fr_fr",\n        name: "Français"\n      }, {\n        lang: "it_it",\n        name: "Italiano"\n      }, {\n        lang: "ru_ru",\n        name: "Русский"\n      }, {\n        lang: "pl_pl",\n        name: "Polska"\n      }, {\n        lang: "pt_br",\n        name: "Português (Brasil)"\n      }, {\n        lang: "zh_cn",\n        name: "简体中文"\n      }],\n      // Search Engine Sets\n      searchEngines: [{\n        url: "https://duckduckgo.com/?q=",\n        name: "DuckDuckGo"\n      }, {\n        url: "https://www.google.com/search?q=",\n        name: "Google"\n      }, {\n        url: "https://www.bing.com/search?q=",\n        name: "Bing"\n      }]\n    };\n  },\n  computed: {\n    sidebarIcon: function sidebarIcon() {\n      return this.$store.state.sidebarOpen ? "close" : "menu";\n    },\n    sidebarIconLabel: function sidebarIconLabel() {\n      return this.$store.state.sidebarOpen ? "Hide Sidebar" : "Show SideBar";\n    },\n    isRaspberryPi: function isRaspberryPi() {\n      return this.deviceModel.toLowerCase().indexOf("raspberry") >= 0;\n    }\n  },\n  created: function created() {\n    this.getConfig();\n    this.getPort();\n  },\n  mounted: function mounted() {\n    this.checkVersion();\n    this.getUserInfo();\n    this.getUsbMountState();\n    this.getHardwareInfo();\n  },\n  methods: {\n    /*************************************************\n    * PART 0  Common\n    **************************************************/\n\n    /**\n     * @description: Get CasaOs Configs\n     * @param {*}\n     * @return {*}\n     */\n    getConfig: function getConfig() {\n      var _this = this;\n\n      this.$api.info.systemConfig().then(function (res) {\n        if (res.data == undefined || res.data == \'\') {\n          _this.barData.lang = _this.getLangFromBrowser();\n\n          _this.$api.info.saveSystemConfig(_this.barData).then(function (res) {\n            if (res.data.success == 200) {\n              _this.getConfig();\n            }\n          });\n        }\n\n        if (res.data.success == 200) {\n          _this.barData = res.data.data;\n          var lang = res.data.data.lang;\n          lang = lang.includes("_") ? lang : "en_us";\n\n          _this.setLang(lang);\n\n          _this.updateStoreSearchEngine();\n\n          _this.$emit(\'changeSiteLoading\');\n        }\n      });\n    },\n\n    /**\n     * @description: Save CasaOs Configs\n     * @param {*}\n     * @return {*}\n     */\n    saveData: function saveData() {\n      this.$api.info.saveSystemConfig(this.barData);\n      var lang = this.barData.lang;\n      lang = lang.includes("_") ? lang : "en_us";\n      this.setLang(lang);\n      this.updateStoreSearchEngine();\n    },\n\n    /**\n     * @description: Handle Dropmenu state\n     * @param {Boolean} isOpen\n     * @return {*}\n     */\n    onOpen: function onOpen(isOpen) {\n      if (isOpen) {\n        this.checkVersion();\n      }\n    },\n\n    /**\n     * @description: Show SideBar\n     * @param {*}\n     * @return {*}\n     */\n    showSideBar: function showSideBar() {\n      this.$store.commit(\'changeSideBarState\');\n    },\n\n    /*************************************************\n    * PART 1-1  Dashboard Setting - Search Engine\n    **************************************************/\n\n    /**\n     * @description: Update search Engine in store\n     * @param {*}\n     * @return {*}\n     */\n    updateStoreSearchEngine: function updateStoreSearchEngine() {\n      this.$store.commit(\'changeSearchEngine\', this.barData.search_engine);\n    },\n\n    /*************************************************\n    * PART 1-2  Dashboard Setting - Language\n    **************************************************/\n\n    /**\n     * @description: Get Initnal Language\n     * @param {*}\n     * @return {String} lang\n     */\n    getInitLang: function getInitLang() {\n      var lang = localStorage.getItem(\'lang\') ? localStorage.getItem(\'lang\') : this.getLangFromBrowser();\n      lang = lang.includes("_") ? lang : "en_us";\n      return lang;\n    },\n\n    /*************************************************\n    * PART 1-3  Dashboard Setting - Web UI Port\n    **************************************************/\n\n    /**\n     * @description: Get CasaOs WebUI port\n     * @return {*} \n     */\n    getPort: function getPort() {\n      var _this2 = this;\n\n      this.$api.info.getSystemPort().then(function (res) {\n        if (res.data.success == 200) {\n          _this2.port = res.data.data;\n        }\n      });\n    },\n\n    /**\n     * @description: Show Port panel\n     * @return {*} \n     */\n    showPortPanel: function showPortPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _settings_PortPanel_vue__WEBPACK_IMPORTED_MODULE_4__["default"],\n        hasModalCard: true,\n        customClass: \'account-modal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          initPort: this.port\n        }\n      });\n    },\n\n    /*************************************************\n    * PART 1-4  Dashboard Setting - Auto USB Mount Switch\n    **************************************************/\n\n    /**\n     * @description: Get Auto USB Mount State\n     * @return {*} \n     */\n    getUsbMountState: function getUsbMountState() {\n      var _this3 = this;\n\n      this.$api.info.getUsbMountState().then(function (res) {\n        if (res.data.success == 200) {\n          _this3.autoUsbMount = res.data.data === "True";\n        }\n      });\n    },\n\n    /**\n     * @description: Enable or Disable USB Auto Mount\n     * @param {*}\n     * @return {*}\n     */\n    usbAutoMount: function usbAutoMount() {\n      if (this.autoUsbMount) {\n        this.$api.info.setUsbMountOn(); // Show \n\n        if (this.isRaspberryPi) {\n          this.$buefy.snackbar.open({\n            message: this.$t(\'Enabling this function may cause boot failures when the Raspberry Pi device is booted from USB\'),\n            type: \'is-warning\',\n            position: \'is-top\'\n          });\n        }\n      } else {\n        this.$api.info.setUsbMountOff();\n      }\n    },\n\n    /**\n     * @description: Get Hardware Info etc. Board Info\n     * @param {*}\n     * @return {*}\n     */\n    getHardwareInfo: function getHardwareInfo() {\n      var _this4 = this;\n\n      this.$api.info.hardwareInfo().then(function (res) {\n        if (res.data.success == 200) {\n          _this4.deviceModel = res.data.data.drive_model;\n        }\n      });\n    },\n\n    /*************************************************\n    * PART 1-5  Dashboard Setting - Update\n    **************************************************/\n\n    /**\n     * @description: Get Version info \n     * @return {*} void\n     */\n    checkVersion: function checkVersion() {\n      var _this5 = this;\n\n      this.$api.info.checkVersion().then(function (res) {\n        if (res.data.success == 200) {\n          _this5.updateInfo = res.data.data;\n        }\n      });\n    },\n\n    /**\n     * @description: Open Update Modal\n     * @return {*} void\n     */\n    showUpdateModal: function showUpdateModal() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _settings_UpdateModal_vue__WEBPACK_IMPORTED_MODULE_5__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: \'keep\',\n        animation: \'zoom-in\',\n        props: {\n          changeLog: this.updateInfo.version.change_log\n        }\n      });\n    },\n\n    /*************************************************\n    * PART 2  Userinfo\n    **************************************************/\n\n    /**\n     * @description: Get user info\n     * @return {*} void\n     */\n    getUserInfo: function getUserInfo() {\n      var _this6 = this;\n\n      this.$api.user.getUserInfo().then(function (res) {\n        if (res.data.success == 200) {\n          _this6.$store.commit(\'changeUserInfo\', res.data.data);\n\n          _this6.userInfo = res.data.data;\n        }\n      });\n    },\n\n    /**\n     * @description: Show Account panel\n     * @return {*} void\n     */\n    showAccountPanel: function showAccountPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _account_AccountPanel_vue__WEBPACK_IMPORTED_MODULE_2__["default"],\n        hasModalCard: true,\n        customClass: \'account-modal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in"\n      });\n    },\n    logout: function logout() {\n      this.$router.push("/logout");\n    },\n\n    /*************************************************\n    * PART 3  Terminal\n    **************************************************/\n\n    /**\n     * @description: Show Terminal panel\n     * @return {*} void\n     */\n    showTerminalPanel: function showTerminalPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _logsAndTerminal_TerminalPanel_vue__WEBPACK_IMPORTED_MODULE_3__["default"],\n        hasModalCard: true,\n        customClass: \'terminal-modal\',\n        trapFocus: true,\n        canCancel: [],\n        scroll: "keep",\n        animation: "zoom-in"\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/TopBar.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/account/AccountPanel.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_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _account_AccountPanel_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./account/AccountPanel.vue */ "./src/components/account/AccountPanel.vue");\n/* harmony import */ var _logsAndTerminal_TerminalPanel_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./logsAndTerminal/TerminalPanel.vue */ "./src/components/logsAndTerminal/TerminalPanel.vue");\n/* harmony import */ var _settings_PortPanel_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./settings/PortPanel.vue */ "./src/components/settings/PortPanel.vue");\n/* harmony import */ var _settings_UpdateModal_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./settings/UpdateModal.vue */ "./src/components/settings/UpdateModal.vue");\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_6__ = __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//\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//\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//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "top-bar",\n  mixins: [_mixins_mixin__WEBPACK_IMPORTED_MODULE_6__["mixin"]],\n  data: function data() {\n    return {\n      timer: 0,\n      barData: {\n        auto_update: false,\n        background: "",\n        background_type: "",\n        search_engine: "https://duckduckgo.com/?q=",\n        search_switch: false,\n        shortcuts_switch: false,\n        widgets_switch: false,\n        lang: this.getInitLang()\n      },\n      updateInfo: {\n        current_version: \'0\',\n        is_need: false,\n        version: Object\n      },\n      isUpdating: false,\n      latestText: "Currently the latest version",\n      updateText: "A new version is available!",\n      userInfo: this.$store.state.userinfo,\n      port: "",\n      autoUsbMount: false,\n      deviceModel: "",\n      // Language Sets\n      languages: [{\n        lang: "de_de",\n        name: "Deutsch"\n      }, {\n        lang: "en_us",\n        name: "English"\n      }, {\n        lang: "es_es",\n        name: "Español"\n      }, {\n        lang: "fr_fr",\n        name: "Français"\n      }, {\n        lang: "it_it",\n        name: "Italiano"\n      }, {\n        lang: "ru_ru",\n        name: "Русский"\n      }, {\n        lang: "pl_pl",\n        name: "Polska"\n      }, {\n        lang: "pt_br",\n        name: "Português (Brasil)"\n      }, {\n        lang: "zh_cn",\n        name: "简体中文"\n      }],\n      // Search Engine Sets\n      searchEngines: [{\n        url: "https://duckduckgo.com/?q=",\n        name: "DuckDuckGo"\n      }, {\n        url: "https://www.google.com/search?q=",\n        name: "Google"\n      }, {\n        url: "https://www.bing.com/search?q=",\n        name: "Bing"\n      }]\n    };\n  },\n  computed: {\n    sidebarIcon: function sidebarIcon() {\n      return this.$store.state.sidebarOpen ? "close" : "menu";\n    },\n    sidebarIconLabel: function sidebarIconLabel() {\n      return this.$store.state.sidebarOpen ? "Hide Sidebar" : "Show SideBar";\n    },\n    isRaspberryPi: function isRaspberryPi() {\n      return this.deviceModel.toLowerCase().indexOf("raspberry") >= 0;\n    }\n  },\n  created: function created() {\n    this.getConfig();\n    this.getPort();\n  },\n  mounted: function mounted() {\n    this.checkVersion();\n    this.getUserInfo();\n    this.getUsbMountState();\n    this.getHardwareInfo();\n  },\n  methods: {\n    /*************************************************\n    * PART 0  Common\n    **************************************************/\n\n    /**\n     * @description: Get CasaOs Configs\n     * @param {*}\n     * @return {*}\n     */\n    getConfig: function getConfig() {\n      var _this = this;\n\n      this.$api.info.systemConfig().then(function (res) {\n        if (res.data == undefined || res.data == \'\') {\n          _this.barData.lang = _this.getLangFromBrowser();\n\n          _this.$api.info.saveSystemConfig(_this.barData).then(function (res) {\n            if (res.data.success == 200) {\n              _this.getConfig();\n            }\n          });\n        }\n\n        if (res.data.success == 200) {\n          _this.barData = res.data.data;\n          var lang = res.data.data.lang;\n          lang = lang.includes("_") ? lang : "en_us";\n\n          _this.setLang(lang);\n\n          _this.updateStoreSearchEngine();\n\n          _this.$emit(\'changeSiteLoading\');\n        }\n      });\n    },\n\n    /**\n     * @description: Save CasaOs Configs\n     * @param {*}\n     * @return {*}\n     */\n    saveData: function saveData() {\n      this.$api.info.saveSystemConfig(this.barData);\n      var lang = this.barData.lang;\n      lang = lang.includes("_") ? lang : "en_us";\n      this.setLang(lang);\n      this.updateStoreSearchEngine();\n    },\n\n    /**\n     * @description: Handle Dropmenu state\n     * @param {Boolean} isOpen\n     * @return {*}\n     */\n    onOpen: function onOpen(isOpen) {\n      if (isOpen) {\n        this.$store.commit(\'closeSideBar\');\n        this.checkVersion();\n      }\n    },\n\n    /**\n     * @description: Show SideBar\n     * @param {*}\n     * @return {*}\n     */\n    showSideBar: function showSideBar() {\n      this.$store.commit(\'changeSideBarState\');\n    },\n\n    /*************************************************\n    * PART 1-1  Dashboard Setting - Search Engine\n    **************************************************/\n\n    /**\n     * @description: Update search Engine in store\n     * @param {*}\n     * @return {*}\n     */\n    updateStoreSearchEngine: function updateStoreSearchEngine() {\n      this.$store.commit(\'changeSearchEngine\', this.barData.search_engine);\n    },\n\n    /*************************************************\n    * PART 1-2  Dashboard Setting - Language\n    **************************************************/\n\n    /**\n     * @description: Get Initnal Language\n     * @param {*}\n     * @return {String} lang\n     */\n    getInitLang: function getInitLang() {\n      var lang = localStorage.getItem(\'lang\') ? localStorage.getItem(\'lang\') : this.getLangFromBrowser();\n      lang = lang.includes("_") ? lang : "en_us";\n      return lang;\n    },\n\n    /*************************************************\n    * PART 1-3  Dashboard Setting - Web UI Port\n    **************************************************/\n\n    /**\n     * @description: Get CasaOs WebUI port\n     * @return {*} \n     */\n    getPort: function getPort() {\n      var _this2 = this;\n\n      this.$api.info.getSystemPort().then(function (res) {\n        if (res.data.success == 200) {\n          _this2.port = res.data.data;\n        }\n      });\n    },\n\n    /**\n     * @description: Show Port panel\n     * @return {*} \n     */\n    showPortPanel: function showPortPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _settings_PortPanel_vue__WEBPACK_IMPORTED_MODULE_4__["default"],\n        hasModalCard: true,\n        customClass: \'account-modal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          initPort: this.port\n        }\n      });\n    },\n\n    /*************************************************\n    * PART 1-4  Dashboard Setting - Auto USB Mount Switch\n    **************************************************/\n\n    /**\n     * @description: Get Auto USB Mount State\n     * @return {*} \n     */\n    getUsbMountState: function getUsbMountState() {\n      var _this3 = this;\n\n      this.$api.info.getUsbMountState().then(function (res) {\n        if (res.data.success == 200) {\n          _this3.autoUsbMount = res.data.data === "True";\n        }\n      });\n    },\n\n    /**\n     * @description: Enable or Disable USB Auto Mount\n     * @param {*}\n     * @return {*}\n     */\n    usbAutoMount: function usbAutoMount() {\n      if (this.autoUsbMount) {\n        this.$api.info.setUsbMountOn(); // Show \n\n        if (this.isRaspberryPi) {\n          this.$buefy.snackbar.open({\n            message: this.$t(\'Enabling this function may cause boot failures when the Raspberry Pi device is booted from USB\'),\n            type: \'is-warning\',\n            position: \'is-top\'\n          });\n        }\n      } else {\n        this.$api.info.setUsbMountOff();\n      }\n    },\n\n    /**\n     * @description: Get Hardware Info etc. Board Info\n     * @param {*}\n     * @return {*}\n     */\n    getHardwareInfo: function getHardwareInfo() {\n      var _this4 = this;\n\n      this.$api.info.hardwareInfo().then(function (res) {\n        if (res.data.success == 200) {\n          _this4.deviceModel = res.data.data.drive_model;\n        }\n      });\n    },\n\n    /*************************************************\n    * PART 1-5  Dashboard Setting - Update\n    **************************************************/\n\n    /**\n     * @description: Get Version info \n     * @return {*} void\n     */\n    checkVersion: function checkVersion() {\n      var _this5 = this;\n\n      this.$api.info.checkVersion().then(function (res) {\n        if (res.data.success == 200) {\n          _this5.updateInfo = res.data.data;\n        }\n      });\n    },\n\n    /**\n     * @description: Open Update Modal\n     * @return {*} void\n     */\n    showUpdateModal: function showUpdateModal() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _settings_UpdateModal_vue__WEBPACK_IMPORTED_MODULE_5__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: \'keep\',\n        animation: \'zoom-in\',\n        props: {\n          changeLog: this.updateInfo.version.change_log\n        }\n      });\n    },\n\n    /*************************************************\n    * PART 2  Userinfo\n    **************************************************/\n\n    /**\n     * @description: Get user info\n     * @return {*} void\n     */\n    getUserInfo: function getUserInfo() {\n      var _this6 = this;\n\n      this.$store.commit(\'closeSideBar\');\n      this.$api.user.getUserInfo().then(function (res) {\n        if (res.data.success == 200) {\n          _this6.$store.commit(\'changeUserInfo\', res.data.data);\n\n          _this6.userInfo = res.data.data;\n        }\n      });\n    },\n\n    /**\n     * @description: Show Account panel\n     * @return {*} void\n     */\n    showAccountPanel: function showAccountPanel() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _account_AccountPanel_vue__WEBPACK_IMPORTED_MODULE_2__["default"],\n        hasModalCard: true,\n        customClass: \'account-modal\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in"\n      });\n    },\n    logout: function logout() {\n      this.$router.push("/logout");\n    },\n\n    /*************************************************\n    * PART 3  Terminal\n    **************************************************/\n\n    /**\n     * @description: Show Terminal panel\n     * @return {*} void\n     */\n    showTerminalPanel: function showTerminalPanel() {\n      this.$store.commit(\'closeSideBar\');\n      this.$buefy.modal.open({\n        parent: this,\n        component: _logsAndTerminal_TerminalPanel_vue__WEBPACK_IMPORTED_MODULE_3__["default"],\n        hasModalCard: true,\n        customClass: \'terminal-modal\',\n        trapFocus: true,\n        canCancel: [],\n        scroll: "keep",\n        animation: "zoom-in"\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/TopBar.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/account/AccountPanel.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/account/AccountPanel.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************************************************************************************************************************************************************************************/
@@ -150,7 +150,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/filebrowser/uploader/components/uploader.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");\n/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");\n/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var simple_uploader_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! simple-uploader.js */ "./node_modules/simple-uploader.js/src/uploader.js");\n/* harmony import */ var simple_uploader_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(simple_uploader_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _common_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/utils */ "./src/components/filebrowser/uploader/common/utils.js");\n/* harmony import */ var _btn_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./btn.vue */ "./src/components/filebrowser/uploader/components/btn.vue");\n/* harmony import */ var _drop_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./drop.vue */ "./src/components/filebrowser/uploader/components/drop.vue");\n/* harmony import */ var _unsupport_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./unsupport.vue */ "./src/components/filebrowser/uploader/components/unsupport.vue");\n/* harmony import */ var _list_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./list.vue */ "./src/components/filebrowser/uploader/components/list.vue");\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n // import UploaderFiles from \'./files.vue\'\n// import UploaderFile from \'./file.vue\'\n\nvar COMPONENT_NAME = \'uploader\';\nvar FILE_ADDED_EVENT = \'fileAdded\';\nvar FILES_ADDED_EVENT = \'filesAdded\';\nvar UPLOAD_START_EVENT = \'uploadStart\';\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: COMPONENT_NAME,\n  provide: function provide() {\n    return {\n      uploader: this\n    };\n  },\n  props: {\n    options: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    },\n    autoStart: {\n      type: Boolean,\n      default: true\n    },\n    fileStatusText: {\n      type: [Object, Function],\n      default: function _default() {\n        return {\n          success: \'success\',\n          error: \'error\',\n          uploading: \'uploading\',\n          paused: \'paused\',\n          waiting: \'waiting\'\n        };\n      }\n    }\n  },\n  data: function data() {\n    return {\n      started: false,\n      files: [],\n      fileList: []\n    };\n  },\n  methods: {\n    uploadStart: function uploadStart() {\n      this.started = true;\n    },\n    fileAdded: function fileAdded(file) {\n      this.$emit(Object(_common_utils__WEBPACK_IMPORTED_MODULE_3__["kebabCase"])(FILE_ADDED_EVENT), file);\n\n      if (file.ignored) {\n        // is ignored, filter it\n        return false;\n      }\n    },\n    filesAdded: function filesAdded(files, fileList) {\n      this.$emit(Object(_common_utils__WEBPACK_IMPORTED_MODULE_3__["kebabCase"])(FILES_ADDED_EVENT), files, fileList);\n\n      if (files.ignored || fileList.ignored) {\n        // is ignored, filter it\n        return false;\n      }\n    },\n    fileRemoved: function fileRemoved() {\n      this.files = this.uploader.files;\n      this.fileList = this.uploader.fileList;\n    },\n    filesSubmitted: function filesSubmitted() {\n      this.files = this.uploader.files;\n      this.fileList = this.uploader.fileList;\n\n      if (this.autoStart) {\n        this.uploader.upload();\n      }\n    },\n    allEvent: function allEvent() {\n      var _EVENTSMAP;\n\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n\n      var name = args[0];\n      var EVENTSMAP = (_EVENTSMAP = {}, Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_EVENTSMAP, FILE_ADDED_EVENT, true), Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_EVENTSMAP, FILES_ADDED_EVENT, true), Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_EVENTSMAP, UPLOAD_START_EVENT, \'uploadStart\'), _EVENTSMAP);\n      var handler = EVENTSMAP[name];\n\n      if (handler) {\n        if (handler === true) {\n          return;\n        }\n\n        this[handler].apply(this, args.slice(1));\n      }\n\n      args[0] = Object(_common_utils__WEBPACK_IMPORTED_MODULE_3__["kebabCase"])(name);\n      this.$emit.apply(this, args);\n    }\n  },\n  created: function created() {\n    // eslint-disable-next-line vue/no-mutating-props\n    this.options.initialPaused = !this.autoStart;\n    var uploader = new simple_uploader_js__WEBPACK_IMPORTED_MODULE_2___default.a(this.options);\n    this.uploader = uploader;\n    this.uploader.fileStatusText = this.fileStatusText;\n    uploader.on(\'catchAll\', this.allEvent);\n    uploader.on(FILE_ADDED_EVENT, this.fileAdded);\n    uploader.on(FILES_ADDED_EVENT, this.filesAdded);\n    uploader.on(\'fileRemoved\', this.fileRemoved);\n    uploader.on(\'filesSubmitted\', this.filesSubmitted);\n  },\n  destroyed: function destroyed() {\n    var uploader = this.uploader;\n    uploader.off(\'catchAll\', this.allEvent);\n    uploader.off(FILE_ADDED_EVENT, this.fileAdded);\n    uploader.off(FILES_ADDED_EVENT, this.filesAdded);\n    uploader.off(\'fileRemoved\', this.fileRemoved);\n    uploader.off(\'filesSubmitted\', this.filesSubmitted);\n    this.uploader = null;\n  },\n  components: {\n    UploaderBtn: _btn_vue__WEBPACK_IMPORTED_MODULE_4__["default"],\n    UploaderDrop: _drop_vue__WEBPACK_IMPORTED_MODULE_5__["default"],\n    UploaderUnsupport: _unsupport_vue__WEBPACK_IMPORTED_MODULE_6__["default"],\n    UploaderList: _list_vue__WEBPACK_IMPORTED_MODULE_7__["default"] // UploaderFiles,\n    // UploaderFile\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/filebrowser/uploader/components/uploader.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/forms/CommandsInput.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");\n/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");\n/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var simple_uploader_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! simple-uploader.js */ "./node_modules/simple-uploader.js/src/uploader.js");\n/* harmony import */ var simple_uploader_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(simple_uploader_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _common_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common/utils */ "./src/components/filebrowser/uploader/common/utils.js");\n/* harmony import */ var _btn_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./btn.vue */ "./src/components/filebrowser/uploader/components/btn.vue");\n/* harmony import */ var _drop_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./drop.vue */ "./src/components/filebrowser/uploader/components/drop.vue");\n/* harmony import */ var _unsupport_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./unsupport.vue */ "./src/components/filebrowser/uploader/components/unsupport.vue");\n/* harmony import */ var _list_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./list.vue */ "./src/components/filebrowser/uploader/components/list.vue");\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n // import UploaderFiles from \'./files.vue\'\n// import UploaderFile from \'./file.vue\'\n\nvar COMPONENT_NAME = \'uploader\';\nvar FILE_ADDED_EVENT = \'fileAdded\';\nvar FILES_ADDED_EVENT = \'filesAdded\';\nvar UPLOAD_START_EVENT = \'uploadStart\';\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: COMPONENT_NAME,\n  provide: function provide() {\n    return {\n      uploader: this\n    };\n  },\n  props: {\n    options: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    },\n    autoStart: {\n      type: Boolean,\n      default: true\n    },\n    fileStatusText: {\n      type: [Object, Function],\n      default: function _default() {\n        return {\n          success: \'success\',\n          error: \'error\',\n          uploading: \'uploading\',\n          paused: \'paused\',\n          waiting: \'waiting\'\n        };\n      }\n    }\n  },\n  data: function data() {\n    return {\n      started: false,\n      files: [],\n      fileList: []\n    };\n  },\n  methods: {\n    uploadStart: function uploadStart() {\n      this.started = true;\n    },\n    fileAdded: function fileAdded(file) {\n      this.$emit(Object(_common_utils__WEBPACK_IMPORTED_MODULE_3__["kebabCase"])(FILE_ADDED_EVENT), file);\n\n      if (file.ignored) {\n        // is ignored, filter it\n        return false;\n      }\n    },\n    filesAdded: function filesAdded(files, fileList) {\n      this.$emit(Object(_common_utils__WEBPACK_IMPORTED_MODULE_3__["kebabCase"])(FILES_ADDED_EVENT), files, fileList);\n\n      if (files.ignored || fileList.ignored) {\n        // is ignored, filter it\n        return false;\n      }\n    },\n    fileRemoved: function fileRemoved() {\n      this.files = this.uploader.files;\n      this.fileList = this.uploader.fileList;\n    },\n    filesSubmitted: function filesSubmitted() {\n      this.files = this.uploader.files;\n      this.fileList = this.uploader.fileList;\n\n      if (this.autoStart) {\n        this.uploader.upload();\n      }\n    },\n    allEvent: function allEvent() {\n      var _EVENTSMAP;\n\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n\n      var name = args[0];\n      var EVENTSMAP = (_EVENTSMAP = {}, Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_EVENTSMAP, FILE_ADDED_EVENT, true), Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_EVENTSMAP, FILES_ADDED_EVENT, true), Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_EVENTSMAP, UPLOAD_START_EVENT, \'uploadStart\'), _EVENTSMAP);\n      var handler = EVENTSMAP[name];\n\n      if (handler) {\n        if (handler === true) {\n          return;\n        }\n\n        this[handler].apply(this, args.slice(1));\n      }\n\n      args[0] = Object(_common_utils__WEBPACK_IMPORTED_MODULE_3__["kebabCase"])(name);\n      this.$emit.apply(this, args);\n    }\n  },\n  created: function created() {\n    // eslint-disable-next-line vue/no-mutating-props\n    this.options.initialPaused = !this.autoStart;\n    var uploader = new simple_uploader_js__WEBPACK_IMPORTED_MODULE_2___default.a(this.options);\n    this.uploader = uploader;\n    this.uploader.fileStatusText = this.fileStatusText;\n    uploader.on(\'catchAll\', this.allEvent);\n    uploader.on(FILE_ADDED_EVENT, this.fileAdded);\n    uploader.on(FILES_ADDED_EVENT, this.filesAdded);\n    uploader.on(\'fileRemoved\', this.fileRemoved);\n    uploader.on(\'filesSubmitted\', this.filesSubmitted);\n  },\n  destroyed: function destroyed() {\n    var uploader = this.uploader;\n    uploader.off(\'catchAll\', this.allEvent);\n    uploader.off(FILE_ADDED_EVENT, this.fileAdded);\n    uploader.off(FILES_ADDED_EVENT, this.filesAdded);\n    uploader.off(\'fileRemoved\', this.fileRemoved);\n    uploader.off(\'filesSubmitted\', this.filesSubmitted);\n    this.uploader = null;\n  },\n  components: {\n    UploaderBtn: _btn_vue__WEBPACK_IMPORTED_MODULE_4__["default"],\n    UploaderDrop: _drop_vue__WEBPACK_IMPORTED_MODULE_5__["default"],\n    UploaderUnsupport: _unsupport_vue__WEBPACK_IMPORTED_MODULE_6__["default"],\n    UploaderList: _list_vue__WEBPACK_IMPORTED_MODULE_7__["default"] // UploaderFiles,\n    // UploaderFile\n\n  }\n});\n\n//# sourceURL=webpack:///./src/components/filebrowser/uploader/components/uploader.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/forms/CommandsInput.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/forms/CommandsInput.vue?vue&type=script&lang=js& ***!
   \****************************************************************************************************************************************************************************************************************************************************************/
@@ -166,7 +166,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/forms/ImportPanel.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 _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.trim.js */ "./node_modules/core-js/modules/es.string.trim.js");\n/* harmony import */ var core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");\n/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.object.entries.js */ "./node_modules/core-js/modules/es.object.entries.js");\n/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");\n/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__ = __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_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! lodash/upperFirst */ "./node_modules/lodash/upperFirst.js");\n/* harmony import */ var lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19__);\n/* harmony import */ var lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! lodash/lowerFirst */ "./node_modules/lodash/lowerFirst.js");\n/* harmony import */ var lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20__);\n/* harmony import */ var yargs_parser__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! yargs-parser */ "./node_modules/yargs-parser/build/lib/index.js");\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! lodash/concat */ "./node_modules/lodash/concat.js");\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(lodash_concat__WEBPACK_IMPORTED_MODULE_22__);\n/* harmony import */ var yamljs__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! yamljs */ "./node_modules/yamljs/lib/Yaml.js");\n/* harmony import */ var yamljs__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(yamljs__WEBPACK_IMPORTED_MODULE_23__);\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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      activeTab: 0,\n      file: {},\n      dropFiles: {},\n      dockerCliCommands: "",\n      dockerComposeCommands: "",\n      parseError: false,\n      appFileLoaded: false,\n      errors: "",\n      dropText: this.$t(\'Drop your app file here or click to upload\'),\n      updateData: this.initData\n    };\n  },\n  props: {\n    initData: Object,\n    netWorks: Array,\n    oriNetWorks: Array,\n    deviceMemory: Number\n  },\n  created: function created() {//console.log(this.oriNetWorks);\n  },\n  methods: {\n    /**\n     * @description: Emit Event to tell parent Update\n     * @param {*}\n     * @return {*} void\n     */\n    emitSubmit: function emitSubmit() {\n      if (this.activeTab == 0) {\n        if (this.parseCli()) {\n          this.errors = "";\n          this.$emit(\'update\', this.updateData);\n          this.$emit(\'close\');\n        } else {\n          this.errors = this.$t(\'Please fill correct command line\');\n          this.parseError = true;\n        }\n      } else if (this.activeTab == 1) {\n        if (this.parseComposeYaml()) {\n          this.errors = "";\n          this.$emit(\'update\', this.updateData);\n          this.$emit(\'close\');\n        } else {\n          this.errors = this.$t(\'Please fill correct compose YAML\');\n          this.parseError = true;\n        }\n      } else if (this.activeTab == 2) {\n        if (this.appFileLoaded) {\n          this.errors = "";\n          this.$emit(\'update\', this.updateData);\n          this.$emit(\'close\');\n        } else {\n          this.errors = this.$t(\'Please import a valid App file\');\n          this.parseError = true;\n        }\n      }\n    },\n    volumeAutoCheck: function volumeAutoCheck(containerPath, hostPath, appName) {\n      var finalHostPath = hostPath;\n      var rootDir = "/DATA";\n      var checkArray = [{\n        keywords: ["config"],\n        value: "/AppData/".concat(appName).concat(containerPath)\n      }, {\n        keywords: ["tvshows", "TV", "tv"],\n        value: "/Media/TV Shows"\n      }, {\n        keywords: ["movies", "Movie", "movie"],\n        value: "/Media/Movies"\n      }, {\n        keywords: ["Music", "music"],\n        value: "/Media/Music"\n      }, {\n        keywords: ["download"],\n        value: "/Downloads"\n      }, {\n        keywords: ["pictures", "photo"],\n        value: "/Gallery"\n      }, {\n        keywords: ["media"],\n        value: "/Media"\n      }];\n      checkArray.forEach(function (item) {\n        if (item.keywords.some(function (keywordsItem) {\n          return containerPath.includes(keywordsItem);\n        })) {\n          finalHostPath = rootDir + item.value;\n          return;\n        }\n      });\n      return finalHostPath;\n    },\n\n    /**\n     * @description: Parse Import Docker Cli Commands\n     * @return {Boolean} \n     */\n    parseCli: function parseCli() {\n      var _this2 = this;\n\n      var formattedInput = this.dockerCliCommands.replace(/<[^>]*>/g, \'Custom_data\').replace(/[\\r\\n]/g, "").replace(/\\\\/g, "\\\\ ").replace("-d", "").replace(/[\\\\]/g, \'\').trim();\n      var parsedInput = Object(yargs_parser__WEBPACK_IMPORTED_MODULE_21__["default"])(formattedInput);\n      var command = parsedInput._;\n\n      if (command[0] !== \'docker\' || command[1] !== \'run\' && command[1] !== \'create\') {\n        return false;\n      } else {\n        //Image\n        this.updateData.image = Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(command).pop(); //Label\n\n        if (parsedInput.name != undefined) {\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(parsedInput.name);\n        } else {\n          var imageArray = this.updateData.image.split("/");\n\n          var lastNode = Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(imageArray).pop();\n\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(lastNode.split(":")[0]);\n        } //Envs\n\n\n        var env = lodash_concat__WEBPACK_IMPORTED_MODULE_22___default()(this.makeArray(parsedInput.e), this.makeArray(parsedInput.env));\n        this.updateData.envs = env.map(function (item) {\n          var ii = item.split("=");\n          return {\n            host: ii[1].replace(/"/g, ""),\n            container: ii[0]\n          };\n        }); //Ports\n\n        var ports = lodash_concat__WEBPACK_IMPORTED_MODULE_22___default()(this.makeArray(parsedInput.p), this.makeArray(parsedInput.publish));\n        this.updateData.ports = ports.map(function (item) {\n          var pArray = item.split(":");\n          var endArray = pArray[1].split("/");\n          var protocol = endArray[1] ? endArray[1] : \'tcp\';\n          return {\n            container: endArray[0],\n            host: pArray[0],\n            protocol: protocol\n          };\n        }); //Volume\n\n        var volumes = lodash_concat__WEBPACK_IMPORTED_MODULE_22___default()(this.makeArray(parsedInput.v), this.makeArray(parsedInput.volume));\n        this.updateData.volumes = volumes.map(function (item) {\n          var ii = item.split(":");\n\n          if (ii.length > 1) {\n            // console.log(this.volumeAutoCheck(ii[1],ii[0], _.lowerFirst(this.updateData.label)));\n            return {\n              container: ii[1],\n              host: _this2.volumeAutoCheck(ii[1], ii[0], lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this2.updateData.label))\n            };\n          } else {\n            return {\n              container: ii[0],\n              host: _this2.volumeAutoCheck(ii[0], "", lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this2.updateData.label))\n            };\n          }\n        }); // Devices\n\n        this.updateData.devices = this.makeArray(parsedInput.device).map(function (item) {\n          var ii = item.split(":");\n          return {\n            container: ii[1],\n            host: ii[0]\n          };\n        }); //Network\n\n        var pnetwork = parsedInput.network != undefined ? parsedInput.network : parsedInput.net;\n\n        if (pnetwork != undefined) {\n          var network = pnetwork == \'physical\' ? \'macvlan\' : pnetwork;\n          var seletNetworks = this.netWorks.filter(function (item) {\n            if (item.driver == network) {\n              return true;\n            }\n          });\n\n          if (seletNetworks.length > 0) {\n            this.updateData.network_model = seletNetworks[0].networks[0].name;\n          }\n        } //privileged\n\n\n        this.updateData.privileged = parsedInput.privileged != undefined; //cap-add\n\n        this.updateData.cap_add = this.makeArray(parsedInput.capAdd); //hostname\n\n        if (parsedInput.hostname != undefined) {\n          this.updateData.host_name = parsedInput.hostname;\n        } else {\n          if (parsedInput.h != undefined) {\n            this.updateData.host_name = parsedInput.h;\n          } else {\n            this.updateData.host_name = "";\n          }\n        } //Restart\n\n\n        if (parsedInput.restart != undefined) {\n          this.updateData.restart = parsedInput.restart;\n        }\n\n        return true;\n      }\n    },\n\n    /**\n     * @description: Make String to Array\n     * @param {*}\n     * @return {Array}\n     */\n    makeArray: function makeArray(foo) {\n      var newArray = typeof foo == "string" ? [foo] : foo;\n      return newArray == undefined ? [] : newArray;\n    },\n\n    /**\n     * @description: Parse Import Docker Compose Commands\n     * @return {Boolean} \n     */\n    parseComposeYaml: function parseComposeYaml() {\n      var _this3 = this;\n\n      try {\n        var yaml = yamljs__WEBPACK_IMPORTED_MODULE_23___default.a.parse(this.dockerComposeCommands);\n\n        if (yaml.version === undefined) {\n          return false;\n        }\n\n        var parsedInput = Object.values(yaml.services)[0]; // Image\n\n        this.updateData.image = parsedInput.image; // Label\n\n        if (parsedInput.container_name != undefined) {\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(parsedInput.container_name);\n        } else {\n          var imageArray = parsedInput.image.split("/");\n\n          var lastNode = Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(imageArray).pop();\n\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(lastNode.split(":")[0]);\n        } // Envs\n\n\n        if (parsedInput.environment) {\n          var envArray = Array.isArray(parsedInput.environment) ? parsedInput.environment : Object.entries(parsedInput.environment);\n          this.updateData.envs = envArray.map(function (item) {\n            var ii = Object(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(item) === "object" ? Array.from(item) : item.split("=");\n            return {\n              host: ii[1].replace(/"/g, ""),\n              container: ii[0]\n            };\n          });\n        } else {\n          this.updateData.envs = [];\n        } //Ports\n\n\n        this.updateData.ports = this.makeArray(parsedInput.ports).map(function (item) {\n          var pArray = item.split(":");\n          var endArray = pArray[1].split("/");\n          var protocol = endArray[1] ? endArray[1] : \'tcp\';\n          return {\n            container: endArray[0],\n            host: pArray[0],\n            protocol: protocol\n          };\n        }); //Volume\n\n        this.updateData.volumes = this.makeArray(parsedInput.volumes).map(function (item) {\n          var ii = item.split(":");\n\n          if (ii.length > 1) {\n            return {\n              container: ii[1],\n              host: _this3.volumeAutoCheck(ii[1], ii[0], lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this3.updateData.label))\n            };\n          } else {\n            return {\n              container: ii[0],\n              host: _this3.volumeAutoCheck(ii[0], "", lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this3.updateData.label))\n            };\n          }\n        }); // Devices\n\n        this.updateData.devices = this.makeArray(parsedInput.device).map(function (item) {\n          var ii = item.split(":");\n          return {\n            container: ii[1],\n            host: ii[0]\n          };\n        }); //Network\n\n        var pnetwork = parsedInput.network_mode != undefined ? parsedInput.network_mode : parsedInput.network != undefined ? parsedInput.network[0] : undefined;\n\n        if (pnetwork != undefined) {\n          var network = pnetwork == \'physical\' ? \'macvlan\' : pnetwork;\n          var seletNetworks = this.netWorks.filter(function (item) {\n            if (item.driver == network) {\n              return true;\n            }\n          });\n\n          if (seletNetworks.length > 0) {\n            this.updateData.network_model = seletNetworks[0].networks[0].name;\n          }\n        } //hostname\n\n\n        this.updateData.host_name = parsedInput.hostname != undefined ? parsedInput.hostname : ""; // privileged\n\n        this.updateData.privileged = parsedInput.privileged != undefined; //cap-add\n\n        if (parsedInput.cap_add != undefined) {\n          this.updateData.cap_add = parsedInput.cap_add;\n        } //Restart\n\n\n        if (parsedInput.restart != undefined) {\n          this.updateData.restart = parsedInput.restart;\n        }\n\n        return true;\n      } catch (error) {\n        console.log(error);\n        return false;\n      }\n    },\n    // Delete Drop file\n    deleteDropFile: function deleteDropFile(index) {\n      this.dropFiles.splice(index, 1);\n    },\n    onSelect: function onSelect(val) {\n      var _this = this;\n\n      var reader = new FileReader();\n\n      if (typeof FileReader === "undefined") {\n        this.$buefy.toast.open({\n          duration: 3000,\n          message: this.$t(\'Your browser does not support file reading.\'),\n          type: \'is-danger\'\n        });\n        return;\n      }\n\n      reader.readAsText(val);\n\n      reader.onload = function () {\n        try {\n          _this.updateData = JSON.parse(this.result);\n\n          if (_this.updateData.version === undefined) {\n            _this.$buefy.toast.open({\n              duration: 3000,\n              message: _this.$t(\'This is not a valid App file.\'),\n              type: \'is-danger\'\n            });\n\n            _this.appFileLoaded = false;\n            return false;\n          } else {\n            delete _this.updateData.versison;\n            _this.updateData.network_model = _this.getNetworkModel(_this.updateData.network_model);\n            _this.updateData.memory = _this.deviceMemory;\n            _this.dropText = val.name + " " + _this.$t(\'has been selected\');\n            _this.appFileLoaded = true;\n            return true;\n          }\n        } catch (e) {\n          _this.$buefy.toast.open({\n            duration: 3000,\n            message: _this.$t(\'This is not a valid json file.\'),\n            type: \'is-danger\'\n          });\n\n          _this.appFileLoaded = false;\n          return false;\n        }\n      };\n    },\n    getNetworkModel: function getNetworkModel(netName) {\n      var network = this.oriNetWorks.filter(function (net) {\n        return net.name == netName;\n      });\n      return network.length > 0 ? network[0].name : this.oriNetWorks[0].name;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/forms/ImportPanel.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/forms/InputGroup.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 _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");\n/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.trim.js */ "./node_modules/core-js/modules/es.string.trim.js");\n/* harmony import */ var core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_trim_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.string.split.js */ "./node_modules/core-js/modules/es.string.split.js");\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");\n/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.object.entries.js */ "./node_modules/core-js/modules/es.object.entries.js");\n/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");\n/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__ = __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_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");\n/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! lodash/upperFirst */ "./node_modules/lodash/upperFirst.js");\n/* harmony import */ var lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19__);\n/* harmony import */ var lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! lodash/lowerFirst */ "./node_modules/lodash/lowerFirst.js");\n/* harmony import */ var lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20__);\n/* harmony import */ var yargs_parser__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! yargs-parser */ "./node_modules/yargs-parser/build/lib/index.js");\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! lodash/concat */ "./node_modules/lodash/concat.js");\n/* harmony import */ var lodash_concat__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(lodash_concat__WEBPACK_IMPORTED_MODULE_22__);\n/* harmony import */ var yamljs__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! yamljs */ "./node_modules/yamljs/lib/Yaml.js");\n/* harmony import */ var yamljs__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(yamljs__WEBPACK_IMPORTED_MODULE_23__);\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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__["default"] = ({\n  data: function data() {\n    return {\n      activeTab: 0,\n      file: {},\n      dropFiles: {},\n      dockerCliCommands: "",\n      dockerComposeCommands: "",\n      parseError: false,\n      appFileLoaded: false,\n      errors: "",\n      dropText: this.$t(\'Drop your app file here or click to upload\'),\n      updateData: this.initData\n    };\n  },\n  props: {\n    initData: Object,\n    netWorks: Array,\n    oriNetWorks: Array,\n    deviceMemory: Number\n  },\n  created: function created() {//console.log(this.oriNetWorks);\n  },\n  methods: {\n    /**\n     * @description: Emit Event to tell parent Update\n     * @param {*}\n     * @return {*} void\n     */\n    emitSubmit: function emitSubmit() {\n      if (this.activeTab == 0) {\n        if (this.parseCli()) {\n          this.errors = "";\n          this.$emit(\'update\', this.updateData);\n          this.$emit(\'close\');\n        } else {\n          this.errors = this.$t(\'Please fill correct command line\');\n          this.parseError = true;\n        }\n      } else if (this.activeTab == 1) {\n        if (this.parseComposeYaml()) {\n          this.errors = "";\n          this.$emit(\'update\', this.updateData);\n          this.$emit(\'close\');\n        } else {\n          this.errors = this.$t(\'Please fill correct compose YAML\');\n          this.parseError = true;\n        }\n      } else if (this.activeTab == 2) {\n        if (this.appFileLoaded) {\n          this.errors = "";\n          this.$emit(\'update\', this.updateData);\n          this.$emit(\'close\');\n        } else {\n          this.errors = this.$t(\'Please import a valid App file\');\n          this.parseError = true;\n        }\n      }\n    },\n    volumeAutoCheck: function volumeAutoCheck(containerPath, hostPath, appName) {\n      var finalHostPath = hostPath;\n      var rootDir = "/DATA";\n      var checkArray = [{\n        keywords: ["config"],\n        value: "/AppData/".concat(appName).concat(containerPath)\n      }, {\n        keywords: ["tvshows", "TV", "tv"],\n        value: "/Media/TV Shows"\n      }, {\n        keywords: ["movies", "Movie", "movie"],\n        value: "/Media/Movies"\n      }, {\n        keywords: ["Music", "music"],\n        value: "/Media/Music"\n      }, {\n        keywords: ["download"],\n        value: "/Downloads"\n      }, {\n        keywords: ["pictures", "photo"],\n        value: "/Gallery"\n      }, {\n        keywords: ["media"],\n        value: "/Media"\n      }];\n      checkArray.forEach(function (item) {\n        if (item.keywords.some(function (keywordsItem) {\n          return containerPath.includes(keywordsItem);\n        })) {\n          finalHostPath = rootDir + item.value;\n          return;\n        }\n      });\n      return finalHostPath;\n    },\n\n    /**\n     * @description: Parse Import Docker Cli Commands\n     * @return {Boolean} \n     */\n    parseCli: function parseCli() {\n      var _this2 = this;\n\n      var formattedInput = this.dockerCliCommands.replace(/<[^>]*>/g, \'Custom_data\').replace(/[\\r\\n]/g, "").replace(/\\\\/g, "\\\\ ").replace("-d", "").replace(/[\\\\]/g, \'\').trim();\n      var parsedInput = Object(yargs_parser__WEBPACK_IMPORTED_MODULE_21__["default"])(formattedInput);\n      var command = parsedInput._;\n\n      if (command[0] !== \'docker\' || command[1] !== \'run\' && command[1] !== \'create\') {\n        return false;\n      } else {\n        //Image\n        this.updateData.image = Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(command).pop(); //Label\n\n        if (parsedInput.name != undefined) {\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(parsedInput.name);\n        } else {\n          var imageArray = this.updateData.image.split("/");\n\n          var lastNode = Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(imageArray).pop();\n\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(lastNode.split(":")[0]);\n        } //Envs\n\n\n        var env = lodash_concat__WEBPACK_IMPORTED_MODULE_22___default()(this.makeArray(parsedInput.e), this.makeArray(parsedInput.env));\n        this.updateData.envs = env.map(function (item) {\n          var ii = item.split("=");\n          return {\n            host: ii[1].replace(/"/g, ""),\n            container: ii[0]\n          };\n        }); //Ports\n\n        var ports = lodash_concat__WEBPACK_IMPORTED_MODULE_22___default()(this.makeArray(parsedInput.p), this.makeArray(parsedInput.publish));\n        this.updateData.ports = ports.map(function (item) {\n          var pArray = item.split(":");\n          var endArray = pArray[1].split("/");\n          var protocol = endArray[1] ? endArray[1] : \'tcp\';\n          return {\n            container: endArray[0],\n            host: pArray[0],\n            protocol: protocol\n          };\n        }); //Volume\n\n        var volumes = lodash_concat__WEBPACK_IMPORTED_MODULE_22___default()(this.makeArray(parsedInput.v), this.makeArray(parsedInput.volume));\n        this.updateData.volumes = volumes.map(function (item) {\n          var ii = item.split(":");\n\n          if (ii.length > 1) {\n            // console.log(this.volumeAutoCheck(ii[1],ii[0], _.lowerFirst(this.updateData.label)));\n            return {\n              container: ii[1],\n              host: _this2.volumeAutoCheck(ii[1], ii[0], lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this2.updateData.label))\n            };\n          } else {\n            return {\n              container: ii[0],\n              host: _this2.volumeAutoCheck(ii[0], "", lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this2.updateData.label))\n            };\n          }\n        }); // Devices\n\n        this.updateData.devices = this.makeArray(parsedInput.device).map(function (item) {\n          var ii = item.split(":");\n          return {\n            container: ii[1],\n            host: ii[0]\n          };\n        }); //Network\n\n        var pnetwork = parsedInput.network != undefined ? parsedInput.network : parsedInput.net;\n\n        if (pnetwork != undefined) {\n          var network = pnetwork == \'physical\' ? \'macvlan\' : pnetwork;\n          var seletNetworks = this.netWorks.filter(function (item) {\n            if (item.driver == network) {\n              return true;\n            }\n          });\n\n          if (seletNetworks.length > 0) {\n            this.updateData.network_model = seletNetworks[0].networks[0].name;\n          }\n        } //privileged\n\n\n        this.updateData.privileged = parsedInput.privileged != undefined; //cap-add\n\n        this.updateData.cap_add = this.makeArray(parsedInput.capAdd); //hostname\n\n        if (parsedInput.hostname != undefined) {\n          this.updateData.host_name = parsedInput.hostname;\n        } else {\n          if (parsedInput.h != undefined) {\n            this.updateData.host_name = parsedInput.h;\n          } else {\n            this.updateData.host_name = "";\n          }\n        } //Restart\n\n\n        if (parsedInput.restart != undefined) {\n          this.updateData.restart = parsedInput.restart;\n        }\n\n        return true;\n      }\n    },\n\n    /**\n     * @description: Make String to Array\n     * @param {*}\n     * @return {Array}\n     */\n    makeArray: function makeArray(foo) {\n      var newArray = typeof foo == "string" ? [foo] : foo;\n      return newArray == undefined ? [] : newArray;\n    },\n\n    /**\n     * @description: Parse Import Docker Compose Commands\n     * @return {Boolean} \n     */\n    parseComposeYaml: function parseComposeYaml() {\n      var _this3 = this;\n\n      try {\n        var yaml = yamljs__WEBPACK_IMPORTED_MODULE_23___default.a.parse(this.dockerComposeCommands);\n\n        if (yaml.version === undefined) {\n          return false;\n        }\n\n        var parsedInput = Object.values(yaml.services)[0]; // Image\n\n        this.updateData.image = parsedInput.image; // Label\n\n        if (parsedInput.container_name != undefined) {\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(parsedInput.container_name);\n        } else {\n          var imageArray = parsedInput.image.split("/");\n\n          var lastNode = Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__["default"])(imageArray).pop();\n\n          this.updateData.label = lodash_upperFirst__WEBPACK_IMPORTED_MODULE_19___default()(lastNode.split(":")[0]);\n        } // Envs\n\n\n        if (parsedInput.environment) {\n          var envArray = Array.isArray(parsedInput.environment) ? parsedInput.environment : Object.entries(parsedInput.environment);\n          this.updateData.envs = envArray.map(function (item) {\n            var ii = Object(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(item) === "object" ? Array.from(item) : item.split("=");\n            return {\n              host: ii[1].replace(/"/g, ""),\n              container: ii[0]\n            };\n          });\n        } else {\n          this.updateData.envs = [];\n        } //Ports\n\n\n        this.updateData.ports = this.makeArray(parsedInput.ports).map(function (item) {\n          var pArray = item.split(":");\n          var endArray = pArray[1].split("/");\n          var protocol = endArray[1] ? endArray[1] : \'tcp\';\n          return {\n            container: endArray[0],\n            host: pArray[0],\n            protocol: protocol\n          };\n        }); //Volume\n\n        this.updateData.volumes = this.makeArray(parsedInput.volumes).map(function (item) {\n          var ii = item.split(":");\n\n          if (ii.length > 1) {\n            return {\n              container: ii[1],\n              host: _this3.volumeAutoCheck(ii[1], ii[0], lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this3.updateData.label))\n            };\n          } else {\n            return {\n              container: ii[0],\n              host: _this3.volumeAutoCheck(ii[0], "", lodash_lowerFirst__WEBPACK_IMPORTED_MODULE_20___default()(_this3.updateData.label))\n            };\n          }\n        }); // Devices\n\n        this.updateData.devices = this.makeArray(parsedInput.device).map(function (item) {\n          var ii = item.split(":");\n          return {\n            container: ii[1],\n            host: ii[0]\n          };\n        }); //Network\n\n        var pnetwork = parsedInput.network_mode != undefined ? parsedInput.network_mode : parsedInput.network != undefined ? parsedInput.network[0] : undefined;\n\n        if (pnetwork != undefined) {\n          var network = pnetwork == \'physical\' ? \'macvlan\' : pnetwork;\n          var seletNetworks = this.netWorks.filter(function (item) {\n            if (item.driver == network) {\n              return true;\n            }\n          });\n\n          if (seletNetworks.length > 0) {\n            this.updateData.network_model = seletNetworks[0].networks[0].name;\n          }\n        } //hostname\n\n\n        this.updateData.host_name = parsedInput.hostname != undefined ? parsedInput.hostname : ""; // privileged\n\n        this.updateData.privileged = parsedInput.privileged != undefined; //cap-add\n\n        if (parsedInput.cap_add != undefined) {\n          this.updateData.cap_add = parsedInput.cap_add;\n        } //Restart\n\n\n        if (parsedInput.restart != undefined) {\n          this.updateData.restart = parsedInput.restart;\n        }\n\n        return true;\n      } catch (error) {\n        console.log(error);\n        return false;\n      }\n    },\n    // Delete Drop file\n    deleteDropFile: function deleteDropFile(index) {\n      this.dropFiles.splice(index, 1);\n    },\n    onSelect: function onSelect(val) {\n      var _this = this;\n\n      var reader = new FileReader();\n\n      if (typeof FileReader === "undefined") {\n        this.$buefy.toast.open({\n          duration: 3000,\n          message: this.$t(\'Your browser does not support file reading.\'),\n          type: \'is-danger\'\n        });\n        return;\n      }\n\n      reader.readAsText(val);\n\n      reader.onload = function () {\n        try {\n          _this.updateData = JSON.parse(this.result);\n\n          if (_this.updateData.version === undefined) {\n            _this.$buefy.toast.open({\n              duration: 3000,\n              message: _this.$t(\'This is not a valid App file.\'),\n              type: \'is-danger\'\n            });\n\n            _this.appFileLoaded = false;\n            return false;\n          } else {\n            delete _this.updateData.versison;\n            _this.updateData.network_model = _this.getNetworkModel(_this.updateData.network_model);\n            _this.updateData.memory = _this.deviceMemory;\n            _this.dropText = val.name + " " + _this.$t(\'has been selected\');\n            _this.appFileLoaded = true;\n            return true;\n          }\n        } catch (e) {\n          _this.$buefy.toast.open({\n            duration: 3000,\n            message: _this.$t(\'This is not a valid json file.\'),\n            type: \'is-danger\'\n          });\n\n          _this.appFileLoaded = false;\n          return false;\n        }\n      };\n    },\n    getNetworkModel: function getNetworkModel(netName) {\n      var network = this.oriNetWorks.filter(function (net) {\n        return net.name == netName;\n      });\n      return network.length > 0 ? network[0].name : this.oriNetWorks[0].name;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/forms/ImportPanel.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/forms/InputGroup.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/forms/InputGroup.vue?vue&type=script&lang=js& ***!
   \*************************************************************************************************************************************************************************************************************************************************************/
@@ -190,7 +190,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/settings/PortPanel.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_array_concat_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0__);\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/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "port-panel",\n  data: function data() {\n    return {\n      timer: 0,\n      isLoading: false,\n      confirmation: "",\n      message: "",\n      notificationShow: false,\n      port: this.initPort,\n      errorType: "is-success",\n      errors: ""\n    };\n  },\n  props: {\n    initPort: {\n      type: String,\n      default: "0"\n    }\n  },\n  methods: {\n    savePort: function savePort() {\n      var _this = this;\n\n      this.isLoading = true;\n      this.$api.info.saveSystemPort({\n        port: this.port\n      }).then(function (res) {\n        if (res.data.success == 200) {\n          _this.errorType = "is-success";\n          _this.errors = "";\n\n          _this.$api.info.stopCasaOS();\n\n          _this.checkUpdate();\n        } else {\n          _this.isLoading = false;\n          _this.errorType = "is-danger";\n          _this.errors = res.data.message;\n        }\n      });\n    },\n    checkUpdate: function checkUpdate() {\n      var _this2 = this;\n\n      this.timer = setInterval(function () {\n        var protocol = document.location.protocol;\n        var checkUrl = "".concat(protocol, "//").concat(_this2.$baseIp, ":").concat(_this2.port);\n\n        _this2.$api.info.checkUiPort(checkUrl + \'/v1/sys/port\').then(function (res) {\n          if (res.data.success == 200) {\n            clearInterval(_this2.timer);\n            var url = "http://".concat(_this2.$baseIp, ":").concat(res.data.data);\n            window.open(url, \'_self\');\n          }\n        });\n      }, 1000);\n    }\n  },\n  destroyed: function destroyed() {\n    clearInterval(this.timer);\n  }\n});\n\n//# sourceURL=webpack:///./src/components/settings/PortPanel.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/settings/UpdateModal.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_array_concat_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_0__);\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/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "port-panel",\n  data: function data() {\n    return {\n      timer: 0,\n      isLoading: false,\n      confirmation: "",\n      message: "",\n      notificationShow: false,\n      port: this.initPort,\n      errorType: "is-success",\n      errors: ""\n    };\n  },\n  props: {\n    initPort: {\n      type: String,\n      default: "0"\n    }\n  },\n  methods: {\n    savePort: function savePort() {\n      var _this = this;\n\n      this.isLoading = true;\n      this.$api.info.saveSystemPort({\n        port: this.port\n      }).then(function (res) {\n        if (res.data.success == 200) {\n          _this.errorType = "is-success";\n          _this.errors = "";\n\n          _this.$api.info.stopCasaOS();\n\n          _this.checkUpdate();\n        } else {\n          _this.isLoading = false;\n          _this.errorType = "is-danger";\n          _this.errors = res.data.message;\n        }\n      });\n    },\n    checkUpdate: function checkUpdate() {\n      var _this2 = this;\n\n      this.timer = setInterval(function () {\n        var protocol = document.location.protocol;\n        var checkUrl = "".concat(protocol, "//").concat(_this2.$baseIp, ":").concat(_this2.port);\n\n        _this2.$api.info.checkUiPort(checkUrl + \'/v1/sys/port\').then(function (res) {\n          if (res.data.success == 200) {\n            clearInterval(_this2.timer);\n            var url = "http://".concat(_this2.$baseIp, ":").concat(res.data.data);\n            window.open(url, \'_self\');\n          }\n        });\n      }, 1000);\n    }\n  },\n  destroyed: function destroyed() {\n    clearInterval(this.timer);\n  }\n});\n\n//# sourceURL=webpack:///./src/components/settings/PortPanel.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/settings/UpdateModal.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/settings/UpdateModal.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        plotOptions: {\n          radialBar: {\n            startAngle: 0,\n            endAngle: 360,\n            offsetX: 0,\n            offsetY: 0,\n            hollow: {\n              margin: 0,\n              size: '60%',\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) / 100;\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      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&":
 /*!***********************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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& ***!
   \***********************************************************************************************************************************************************************************************************************************************/
@@ -246,7 +246,7 @@
 /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Apps/AppSection.vue?vue&type=template&id=cf73c23e& ***!
   \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    { staticClass: "home-section has-text-left mt-6" },\n    [\n      _c("div", { staticClass: "title-bar is-flex is-align-items-center" }, [\n        _c(\n          "h1",\n          { staticClass: "title is-4  has-text-white is-flex-shrink-1" },\n          [\n            _vm._v(_vm._s(_vm.$t("Apps")) + " "),\n            _vm.showDragTip\n              ? _c(\n                  "b-tooltip",\n                  {\n                    attrs: {\n                      label: _vm.$t(_vm.appHelpText),\n                      type: "is-dark",\n                      multilined: ""\n                    }\n                  },\n                  [\n                    _c("b-icon", {\n                      attrs: {\n                        icon: "help-circle-outline",\n                        "custom-size": "mdi-18px"\n                      }\n                    })\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          "div",\n          { staticClass: "buttons " },\n          [\n            _c(\n              "b-button",\n              {\n                attrs: {\n                  id: "v-step-0",\n                  "icon-left": "apps",\n                  type: "is-dark",\n                  size: "is-small",\n                  loading: _vm.isShowing,\n                  rounded: ""\n                },\n                on: { click: _vm.showInstall }\n              },\n              [_vm._v(_vm._s(_vm.$t("App Store")))]\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\n        "draggable",\n        _vm._b(\n          {\n            staticClass: "columns is-variable is-2 is-multiline app-list",\n            attrs: { tag: "div", draggable: _vm.draggable },\n            on: {\n              start: function($event) {\n                _vm.drag = true\n              },\n              end: _vm.onSortEnd\n            },\n            model: {\n              value: _vm.appList,\n              callback: function($$v) {\n                _vm.appList = $$v\n              },\n              expression: "appList"\n            }\n          },\n          "draggable",\n          _vm.dragOptions,\n          false\n        ),\n        [\n          !_vm.isLoading\n            ? [\n                _vm._l(_vm.appList, function(item) {\n                  return _c(\n                    "div",\n                    {\n                      key: "app-" + item.name,\n                      staticClass: "column is-narrow is-3 handle"\n                    },\n                    [\n                      _c("app-card", {\n                        attrs: { item: item, isCasa: true },\n                        on: {\n                          updateState: _vm.getList,\n                          configApp: _vm.showConfigPanel\n                        }\n                      })\n                    ],\n                    1\n                  )\n                }),\n                _vm.appList.length == 0\n                  ? _c("app-new-button-card", {\n                      attrs: { slot: "header" },\n                      on: { showInstall: _vm.showInstall },\n                      slot: "header"\n                    })\n                  : _vm._e()\n              ]\n            : _vm._e(),\n          _c("b-loading", {\n            attrs: { slot: "footer", "is-full-page": false },\n            slot: "footer",\n            model: {\n              value: _vm.isLoading,\n              callback: function($$v) {\n                _vm.isLoading = $$v\n              },\n              expression: "isLoading"\n            }\n          })\n        ],\n        2\n      ),\n      _vm.notImportedList.length > 0\n        ? [\n            _c(\n              "div",\n              { staticClass: "title-bar is-flex is-align-items-center mt-5" },\n              [\n                _c(\n                  "h1",\n                  {\n                    staticClass: "title is-4  has-text-white is-flex-shrink-1"\n                  },\n                  [\n                    _vm._v(_vm._s(_vm.$t("Existing Docker Apps")) + " "),\n                    _c(\n                      "b-tooltip",\n                      {\n                        attrs: {\n                          label: _vm.$t(_vm.importHelpText),\n                          type: "is-dark",\n                          multilined: ""\n                        }\n                      },\n                      [\n                        _c("b-icon", {\n                          attrs: {\n                            icon: "help-circle-outline",\n                            "custom-size": "mdi-18px"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ]\n            ),\n            _c(\n              "div",\n              { staticClass: "columns is-variable is-2 is-multiline app-list" },\n              _vm._l(_vm.notImportedList, function(item) {\n                return _c(\n                  "div",\n                  {\n                    key: "app-" + item.name,\n                    staticClass: "column is-narrow is-3"\n                  },\n                  [\n                    _c("app-card", {\n                      attrs: { item: item, isCasa: false },\n                      on: {\n                        updateState: _vm.getList,\n                        configApp: _vm.showConfigPanel,\n                        importApp: _vm.showConfigPanel\n                      }\n                    })\n                  ],\n                  1\n                )\n              }),\n              0\n            )\n          ]\n        : _vm._e()\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/Apps/AppSection.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Apps/AppSideBar.vue?vue&type=template&id=7e7fa090&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    { staticClass: "home-section has-text-left mt-6" },\n    [\n      _c("div", { staticClass: "title-bar is-flex is-align-items-center" }, [\n        _c(\n          "h1",\n          { staticClass: "title is-4  has-text-white is-flex-shrink-1" },\n          [_vm._v(_vm._s(_vm.$t("Apps")) + " ")]\n        ),\n        _c(\n          "div",\n          { staticClass: "buttons " },\n          [\n            _c(\n              "b-button",\n              {\n                attrs: {\n                  id: "v-step-0",\n                  "icon-left": "apps",\n                  type: "is-dark",\n                  size: "is-small",\n                  loading: _vm.isShowing,\n                  rounded: ""\n                },\n                on: { click: _vm.showInstall }\n              },\n              [_vm._v(_vm._s(_vm.$t("App Store")))]\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\n        "draggable",\n        _vm._b(\n          {\n            staticClass: "columns is-variable is-2 is-multiline app-list",\n            attrs: { tag: "div", draggable: _vm.draggable },\n            on: {\n              start: function($event) {\n                _vm.drag = true\n              },\n              end: _vm.onSortEnd\n            },\n            model: {\n              value: _vm.appList,\n              callback: function($$v) {\n                _vm.appList = $$v\n              },\n              expression: "appList"\n            }\n          },\n          "draggable",\n          _vm.dragOptions,\n          false\n        ),\n        [\n          !_vm.isLoading\n            ? [\n                _vm._l(_vm.appList, function(item) {\n                  return _c(\n                    "div",\n                    {\n                      key: "app-" + item.name,\n                      staticClass: "column is-narrow is-3 handle"\n                    },\n                    [\n                      _c("app-card", {\n                        attrs: { item: item, isCasa: true },\n                        on: {\n                          updateState: _vm.getList,\n                          configApp: _vm.showConfigPanel\n                        }\n                      })\n                    ],\n                    1\n                  )\n                }),\n                _vm.appList.length == 0\n                  ? _c("app-new-button-card", {\n                      attrs: { slot: "header" },\n                      on: { showInstall: _vm.showInstall },\n                      slot: "header"\n                    })\n                  : _vm._e()\n              ]\n            : _vm._e(),\n          _c("b-loading", {\n            attrs: { slot: "footer", "is-full-page": false },\n            slot: "footer",\n            model: {\n              value: _vm.isLoading,\n              callback: function($$v) {\n                _vm.isLoading = $$v\n              },\n              expression: "isLoading"\n            }\n          })\n        ],\n        2\n      ),\n      _vm.notImportedList.length > 0\n        ? [\n            _c(\n              "div",\n              { staticClass: "title-bar is-flex is-align-items-center mt-6" },\n              [\n                _c(\n                  "h1",\n                  {\n                    staticClass: "title is-4  has-text-white is-flex-shrink-1"\n                  },\n                  [_vm._v(_vm._s(_vm.$t("Existing Docker Apps")) + " ")]\n                )\n              ]\n            ),\n            _c(\n              "div",\n              { staticClass: "columns is-variable is-2 is-multiline app-list" },\n              _vm._l(_vm.notImportedList, function(item) {\n                return _c(\n                  "div",\n                  {\n                    key: "app-" + item.name,\n                    staticClass: "column is-narrow is-3"\n                  },\n                  [\n                    _c("app-card", {\n                      attrs: { item: item, isCasa: false },\n                      on: {\n                        updateState: _vm.getList,\n                        configApp: _vm.showConfigPanel,\n                        importApp: _vm.showConfigPanel\n                      }\n                    })\n                  ],\n                  1\n                )\n              }),\n              0\n            )\n          ]\n        : _vm._e()\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/Apps/AppSection.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Apps/AppSideBar.vue?vue&type=template&id=7e7fa090&':
 /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Apps/AppSideBar.vue?vue&type=template&id=7e7fa090& ***!
   \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -258,7 +258,7 @@
 /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CoreService.vue?vue&type=template&id=5da81dd4& ***!
   \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c("div", { staticClass: " home-section has-text-left mt-55" }, [\n    _c(\n      "div",\n      { staticClass: "columns is-variable is-2 is-multiline suggestion-list" },\n      [\n        !_vm.isLoading\n          ? [\n              _vm.isSyncConfigLoaded ? _c("sync-block") : _vm._e(),\n              _c("smart-block")\n            ]\n          : _vm._e(),\n        _c("b-loading", {\n          attrs: { "is-full-page": false },\n          model: {\n            value: _vm.isLoading,\n            callback: function($$v) {\n              _vm.isLoading = $$v\n            },\n            expression: "isLoading"\n          }\n        })\n      ],\n      2\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/CoreService.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/SearchBar.vue?vue&type=template&id=0eca37cb&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c("div", { staticClass: " home-section has-text-left mt-6" }, [\n    _c(\n      "div",\n      { staticClass: "columns is-variable is-2 is-multiline suggestion-list" },\n      [\n        !_vm.isLoading\n          ? [\n              _vm.isSyncConfigLoaded ? _c("sync-block") : _vm._e(),\n              _c("smart-block")\n            ]\n          : _vm._e(),\n        _c("b-loading", {\n          attrs: { "is-full-page": false },\n          model: {\n            value: _vm.isLoading,\n            callback: function($$v) {\n              _vm.isLoading = $$v\n            },\n            expression: "isLoading"\n          }\n        })\n      ],\n      2\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/CoreService.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/SearchBar.vue?vue&type=template&id=0eca37cb&':
 /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchBar.vue?vue&type=template&id=0eca37cb& ***!
   \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -282,7 +282,7 @@
 /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TopBar.vue?vue&type=template&id=ae7504a4& ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    { staticClass: "navbar top-bar is-flex is-align-items-center" },\n    [\n      _c(\n        "div",\n        { staticClass: "navbar-brand ml-3" },\n        [\n          _c(\n            "div",\n            {\n              staticClass: "is-flex is-align-items-center mr-3 ml-3",\n              attrs: { id: "sidebar-btn" }\n            },\n            [\n              _c(\n                "b-tooltip",\n                {\n                  attrs: {\n                    label: _vm.sidebarIconLabel,\n                    position: "is-right",\n                    type: "is-dark"\n                  }\n                },\n                [\n                  _c(\n                    "p",\n                    {\n                      attrs: { role: "button" },\n                      on: { click: _vm.showSideBar }\n                    },\n                    [_c("b-icon", { attrs: { icon: _vm.sidebarIcon } })],\n                    1\n                  )\n                ]\n              )\n            ],\n            1\n          ),\n          _c(\n            "b-dropdown",\n            {\n              staticClass: "navbar-item ",\n              attrs: { "aria-role": "list", animation: "fade1" },\n              on: { "active-change": _vm.getUserInfo },\n              scopedSlots: _vm._u([\n                {\n                  key: "trigger",\n                  fn: function() {\n                    return [\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Account"),\n                            position: "is-right",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c(\n                            "p",\n                            { attrs: { role: "button" } },\n                            [\n                              _c("b-icon", {\n                                staticClass: "picon",\n                                attrs: { icon: "account-circle" }\n                              })\n                            ],\n                            1\n                          )\n                        ]\n                      )\n                    ]\n                  },\n                  proxy: true\n                }\n              ])\n            },\n            [\n              _c(\n                "b-dropdown-item",\n                {\n                  attrs: {\n                    "aria-role": "menu-item",\n                    focusable: false,\n                    custom: ""\n                  }\n                },\n                [\n                  _c("h2", { staticClass: "title is-4" }, [\n                    _vm._v(_vm._s(_vm.$t("Account")))\n                  ]),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center item" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-image", {\n                            staticClass: "is-40x40 mr-3",\n                            attrs: {\n                              src: __webpack_require__(/*! @/assets/img/account/default-avatar.svg */ "./src/assets/img/account/default-avatar.svg"),\n                              rounded: ""\n                            }\n                          }),\n                          _c("b", [_vm._v(_vm._s(_vm.userInfo.user_name))])\n                        ],\n                        1\n                      ),\n                      _c("div", [\n                        _c(\n                          "a",\n                          {\n                            attrs: { "aria-role": "button" },\n                            on: { click: _vm.showAccountPanel }\n                          },\n                          [_c("b-icon", { attrs: { icon: "account-edit" } })],\n                          1\n                        )\n                      ])\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center item mt-2" },\n                    [\n                      _c("div", {\n                        staticClass: "is-flex is-align-items-center flex1"\n                      }),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-button",\n                            {\n                              staticClass: "ml-2 ",\n                              attrs: {\n                                type: "is-dark",\n                                size: "is-small",\n                                rounded: ""\n                              },\n                              on: { click: _vm.logout }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Logout")))]\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  )\n                ]\n              )\n            ],\n            1\n          ),\n          _c(\n            "b-dropdown",\n            {\n              staticClass: "navbar-item",\n              attrs: { "aria-role": "list", animation: "fade1" },\n              on: { "active-change": _vm.onOpen },\n              scopedSlots: _vm._u([\n                {\n                  key: "trigger",\n                  fn: function() {\n                    return [\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Settings"),\n                            position: "is-right",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c(\n                            "p",\n                            { attrs: { role: "button" } },\n                            [\n                              _c("b-icon", {\n                                staticClass: "picon",\n                                class: {\n                                  "update-icon-dot": _vm.updateInfo.is_need\n                                },\n                                attrs: { icon: "tune" }\n                              })\n                            ],\n                            1\n                          )\n                        ]\n                      )\n                    ]\n                  },\n                  proxy: true\n                }\n              ])\n            },\n            [\n              _c(\n                "b-dropdown-item",\n                {\n                  attrs: {\n                    "aria-role": "menu-item",\n                    focusable: false,\n                    custom: ""\n                  }\n                },\n                [\n                  _c("h2", { staticClass: "title is-4" }, [\n                    _vm._v(_vm._s(_vm.$t("Dashboard Setting")))\n                  ]),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "magnify",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [_vm._v(_vm._s(_vm.$t("Search Engine")))])\n                        ],\n                        1\n                      ),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-field",\n                            [\n                              _c(\n                                "b-select",\n                                {\n                                  staticClass: "set-select",\n                                  attrs: { size: "is-small" },\n                                  on: { input: _vm.saveData },\n                                  model: {\n                                    value: _vm.barData.search_engine,\n                                    callback: function($$v) {\n                                      _vm.$set(\n                                        _vm.barData,\n                                        "search_engine",\n                                        $$v\n                                      )\n                                    },\n                                    expression: "barData.search_engine"\n                                  }\n                                },\n                                _vm._l(_vm.searchEngines, function(item) {\n                                  return _c(\n                                    "option",\n                                    {\n                                      key: item.name,\n                                      domProps: { value: item.url }\n                                    },\n                                    [_vm._v(_vm._s(item.name))]\n                                  )\n                                }),\n                                0\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "translate",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [_vm._v(_vm._s(_vm.$t("Language")))])\n                        ],\n                        1\n                      ),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-field",\n                            [\n                              _c(\n                                "b-select",\n                                {\n                                  staticClass: "set-select",\n                                  attrs: { size: "is-small" },\n                                  on: { input: _vm.saveData },\n                                  model: {\n                                    value: _vm.barData.lang,\n                                    callback: function($$v) {\n                                      _vm.$set(_vm.barData, "lang", $$v)\n                                    },\n                                    expression: "barData.lang"\n                                  }\n                                },\n                                _vm._l(_vm.languages, function(lang) {\n                                  return _c(\n                                    "option",\n                                    {\n                                      key: lang.lang,\n                                      domProps: { value: lang.lang }\n                                    },\n                                    [_vm._v(_vm._s(lang.name))]\n                                  )\n                                }),\n                                0\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "view-dashboard-outline",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [_vm._v(_vm._s(_vm.$t("WebUI Port")))])\n                        ],\n                        1\n                      ),\n                      _c("div", [_vm._v(" " + _vm._s(_vm.port) + " ")]),\n                      _c(\n                        "div",\n                        { staticClass: "ml-2" },\n                        [\n                          _c(\n                            "b-button",\n                            {\n                              attrs: {\n                                type: "is-dark",\n                                size: "is-small",\n                                rounded: ""\n                              },\n                              on: { click: _vm.showPortPanel }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Edit")))]\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "usb-flash-drive-outline",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [\n                            _vm._v(_vm._s(_vm.$t("Automount USB Drive")))\n                          ]),\n                          _vm.isRaspberryPi\n                            ? _c(\n                                "b-tooltip",\n                                {\n                                  attrs: {\n                                    label: _vm.$t(\n                                      "Enabling this function may cause boot failures when the Raspberry Pi device is booted from USB"\n                                    ),\n                                    type: "is-dark",\n                                    multilined: ""\n                                  }\n                                },\n                                [\n                                  _c("b-icon", {\n                                    staticClass: "ml-1",\n                                    attrs: {\n                                      icon: "help-circle-outline",\n                                      size: "is-small"\n                                    }\n                                  })\n                                ],\n                                1\n                              )\n                            : _vm._e()\n                        ],\n                        1\n                      ),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-field",\n                            [\n                              _c("b-switch", {\n                                staticClass:\n                                  "is-flex-direction-row-reverse mr-0",\n                                attrs: { type: "is-dark" },\n                                on: { input: _vm.usbAutoMount },\n                                model: {\n                                  value: _vm.autoUsbMount,\n                                  callback: function($$v) {\n                                    _vm.autoUsbMount = $$v\n                                  },\n                                  expression: "autoUsbMount"\n                                }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: { icon: "sync", "custom-size": "mdi-18px" }\n                          }),\n                          _vm._v(" "),\n                          _c(\n                            "b",\n                            {\n                              class: {\n                                "update-text-dot": _vm.updateInfo.is_need\n                              }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Update")))]\n                          )\n                        ],\n                        1\n                      ),\n                      _c("div", [\n                        _vm._v(\n                          " v" + _vm._s(_vm.updateInfo.current_version) + " "\n                        )\n                      ])\n                    ]\n                  ),\n                  !_vm.updateInfo.is_need\n                    ? _c(\n                        "div",\n                        {\n                          staticClass:\n                            "is-flex is-align-items-center pl-55 is-size-7"\n                        },\n                        [\n                          _vm._v(" " + _vm._s(_vm.$t(_vm.latestText)) + " "),\n                          _c("b-icon", {\n                            staticClass: "ml-1",\n                            attrs: {\n                              type: "is-success",\n                              icon: "check",\n                              "custom-size": "mdi-18px"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _c(\n                        "div",\n                        {\n                          staticClass:\n                            "is-flex is-align-items-center is-justify-content-end update-container pl-5 "\n                        },\n                        [\n                          _c("div", { staticClass: "flex1 is-size-7" }, [\n                            _vm._v(_vm._s(_vm.$t(_vm.updateText)))\n                          ]),\n                          _c(\n                            "b-button",\n                            {\n                              staticClass: "ml-2",\n                              attrs: {\n                                type: "is-dark",\n                                size: "is-small",\n                                rounded: ""\n                              },\n                              on: { click: _vm.showUpdateModal }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Update")))]\n                          )\n                        ],\n                        1\n                      )\n                ]\n              )\n            ],\n            1\n          ),\n          _c(\n            "div",\n            { staticClass: "is-flex is-align-items-center ml-3" },\n            [\n              _c(\n                "b-tooltip",\n                {\n                  attrs: {\n                    label: _vm.$t("Terminal & Logs"),\n                    position: "is-right",\n                    type: "is-dark"\n                  }\n                },\n                [\n                  _c(\n                    "p",\n                    {\n                      attrs: { role: "button" },\n                      on: { click: _vm.showTerminalPanel }\n                    },\n                    [\n                      _c("b-icon", {\n                        staticClass: "picon",\n                        attrs: { icon: "console" }\n                      })\n                    ],\n                    1\n                  )\n                ]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm._m(0)\n    ]\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c("div", { staticClass: "navbar-menu" }, [\n      _c("div", { staticClass: "navbar-end mr-3" })\n    ])\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/TopBar.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/account/AccountPanel.vue?vue&type=template&id=25a2f429&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    { staticClass: "navbar top-bar is-flex is-align-items-center" },\n    [\n      _c(\n        "div",\n        { staticClass: "navbar-brand ml-3" },\n        [\n          _c(\n            "div",\n            {\n              staticClass: "is-flex is-align-items-center mr-3 ml-3",\n              attrs: { id: "sidebar-btn" }\n            },\n            [\n              _c(\n                "b-tooltip",\n                {\n                  attrs: {\n                    label: _vm.sidebarIconLabel,\n                    active: !_vm.$store.state.isMobile,\n                    position: "is-right",\n                    type: "is-dark"\n                  }\n                },\n                [\n                  _c(\n                    "p",\n                    {\n                      attrs: { role: "button" },\n                      on: { click: _vm.showSideBar }\n                    },\n                    [_c("b-icon", { attrs: { icon: _vm.sidebarIcon } })],\n                    1\n                  )\n                ]\n              )\n            ],\n            1\n          ),\n          _c(\n            "b-dropdown",\n            {\n              staticClass: "navbar-item ",\n              attrs: { "aria-role": "list", animation: "fade1" },\n              on: { "active-change": _vm.getUserInfo },\n              scopedSlots: _vm._u([\n                {\n                  key: "trigger",\n                  fn: function() {\n                    return [\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Account"),\n                            active: !_vm.$store.state.isMobile,\n                            position: "is-right",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c(\n                            "p",\n                            { attrs: { role: "button" } },\n                            [\n                              _c("b-icon", {\n                                staticClass: "picon",\n                                attrs: { icon: "account-circle" }\n                              })\n                            ],\n                            1\n                          )\n                        ]\n                      )\n                    ]\n                  },\n                  proxy: true\n                }\n              ])\n            },\n            [\n              _c(\n                "b-dropdown-item",\n                {\n                  attrs: {\n                    "aria-role": "menu-item",\n                    focusable: false,\n                    custom: ""\n                  }\n                },\n                [\n                  _c("h2", { staticClass: "title is-4" }, [\n                    _vm._v(_vm._s(_vm.$t("Account")))\n                  ]),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center item" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-image", {\n                            staticClass: "is-40x40 mr-3",\n                            attrs: {\n                              src: __webpack_require__(/*! @/assets/img/account/default-avatar.svg */ "./src/assets/img/account/default-avatar.svg"),\n                              rounded: ""\n                            }\n                          }),\n                          _c("b", [_vm._v(_vm._s(_vm.userInfo.user_name))])\n                        ],\n                        1\n                      ),\n                      _c("div", [\n                        _c(\n                          "a",\n                          {\n                            attrs: { "aria-role": "button" },\n                            on: { click: _vm.showAccountPanel }\n                          },\n                          [_c("b-icon", { attrs: { icon: "account-edit" } })],\n                          1\n                        )\n                      ])\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center item mt-2" },\n                    [\n                      _c("div", {\n                        staticClass: "is-flex is-align-items-center flex1"\n                      }),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-button",\n                            {\n                              staticClass: "ml-2 ",\n                              attrs: {\n                                type: "is-dark",\n                                size: "is-small",\n                                rounded: ""\n                              },\n                              on: { click: _vm.logout }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Logout")))]\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  )\n                ]\n              )\n            ],\n            1\n          ),\n          _c(\n            "b-dropdown",\n            {\n              staticClass: "navbar-item",\n              attrs: { "aria-role": "list", animation: "fade1" },\n              on: { "active-change": _vm.onOpen },\n              scopedSlots: _vm._u([\n                {\n                  key: "trigger",\n                  fn: function() {\n                    return [\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Settings"),\n                            active: !_vm.$store.state.isMobile,\n                            position: "is-right",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c(\n                            "p",\n                            { attrs: { role: "button" } },\n                            [\n                              _c("b-icon", {\n                                staticClass: "picon",\n                                class: {\n                                  "update-icon-dot": _vm.updateInfo.is_need\n                                },\n                                attrs: { icon: "tune" }\n                              })\n                            ],\n                            1\n                          )\n                        ]\n                      )\n                    ]\n                  },\n                  proxy: true\n                }\n              ])\n            },\n            [\n              _c(\n                "b-dropdown-item",\n                {\n                  attrs: {\n                    "aria-role": "menu-item",\n                    focusable: false,\n                    custom: ""\n                  }\n                },\n                [\n                  _c("h2", { staticClass: "title is-4" }, [\n                    _vm._v(_vm._s(_vm.$t("Dashboard Setting")))\n                  ]),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "magnify",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [_vm._v(_vm._s(_vm.$t("Search Engine")))])\n                        ],\n                        1\n                      ),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-field",\n                            [\n                              _c(\n                                "b-select",\n                                {\n                                  staticClass: "set-select",\n                                  attrs: { size: "is-small" },\n                                  on: { input: _vm.saveData },\n                                  model: {\n                                    value: _vm.barData.search_engine,\n                                    callback: function($$v) {\n                                      _vm.$set(\n                                        _vm.barData,\n                                        "search_engine",\n                                        $$v\n                                      )\n                                    },\n                                    expression: "barData.search_engine"\n                                  }\n                                },\n                                _vm._l(_vm.searchEngines, function(item) {\n                                  return _c(\n                                    "option",\n                                    {\n                                      key: item.name,\n                                      domProps: { value: item.url }\n                                    },\n                                    [_vm._v(_vm._s(item.name))]\n                                  )\n                                }),\n                                0\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "translate",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [_vm._v(_vm._s(_vm.$t("Language")))])\n                        ],\n                        1\n                      ),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-field",\n                            [\n                              _c(\n                                "b-select",\n                                {\n                                  staticClass: "set-select",\n                                  attrs: { size: "is-small" },\n                                  on: { input: _vm.saveData },\n                                  model: {\n                                    value: _vm.barData.lang,\n                                    callback: function($$v) {\n                                      _vm.$set(_vm.barData, "lang", $$v)\n                                    },\n                                    expression: "barData.lang"\n                                  }\n                                },\n                                _vm._l(_vm.languages, function(lang) {\n                                  return _c(\n                                    "option",\n                                    {\n                                      key: lang.lang,\n                                      domProps: { value: lang.lang }\n                                    },\n                                    [_vm._v(_vm._s(lang.name))]\n                                  )\n                                }),\n                                0\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "view-dashboard-outline",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [_vm._v(_vm._s(_vm.$t("WebUI Port")))])\n                        ],\n                        1\n                      ),\n                      _c("div", [_vm._v(" " + _vm._s(_vm.port) + " ")]),\n                      _c(\n                        "div",\n                        { staticClass: "ml-2" },\n                        [\n                          _c(\n                            "b-button",\n                            {\n                              attrs: {\n                                type: "is-dark",\n                                size: "is-small",\n                                rounded: ""\n                              },\n                              on: { click: _vm.showPortPanel }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Edit")))]\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center mb-2 h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: {\n                              icon: "usb-flash-drive-outline",\n                              "custom-size": "mdi-18px"\n                            }\n                          }),\n                          _vm._v(" "),\n                          _c("b", [\n                            _vm._v(_vm._s(_vm.$t("Automount USB Drive")))\n                          ]),\n                          _vm.isRaspberryPi\n                            ? _c(\n                                "b-tooltip",\n                                {\n                                  attrs: {\n                                    label: _vm.$t(\n                                      "Enabling this function may cause boot failures when the Raspberry Pi device is booted from USB"\n                                    ),\n                                    type: "is-dark",\n                                    multilined: ""\n                                  }\n                                },\n                                [\n                                  _c("b-icon", {\n                                    staticClass: "ml-1",\n                                    attrs: {\n                                      icon: "help-circle-outline",\n                                      size: "is-small"\n                                    }\n                                  })\n                                ],\n                                1\n                              )\n                            : _vm._e()\n                        ],\n                        1\n                      ),\n                      _c(\n                        "div",\n                        [\n                          _c(\n                            "b-field",\n                            [\n                              _c("b-switch", {\n                                staticClass:\n                                  "is-flex-direction-row-reverse mr-0",\n                                attrs: { type: "is-dark" },\n                                on: { input: _vm.usbAutoMount },\n                                model: {\n                                  value: _vm.autoUsbMount,\n                                  callback: function($$v) {\n                                    _vm.autoUsbMount = $$v\n                                  },\n                                  expression: "autoUsbMount"\n                                }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    ]\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center h-30" },\n                    [\n                      _c(\n                        "div",\n                        { staticClass: "is-flex is-align-items-center flex1" },\n                        [\n                          _c("b-icon", {\n                            staticClass: "mr-1",\n                            attrs: { icon: "sync", "custom-size": "mdi-18px" }\n                          }),\n                          _vm._v(" "),\n                          _c(\n                            "b",\n                            {\n                              class: {\n                                "update-text-dot": _vm.updateInfo.is_need\n                              }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Update")))]\n                          )\n                        ],\n                        1\n                      ),\n                      _c("div", [\n                        _vm._v(\n                          " v" + _vm._s(_vm.updateInfo.current_version) + " "\n                        )\n                      ])\n                    ]\n                  ),\n                  !_vm.updateInfo.is_need\n                    ? _c(\n                        "div",\n                        {\n                          staticClass:\n                            "is-flex is-align-items-center pl-55 is-size-7"\n                        },\n                        [\n                          _vm._v(" " + _vm._s(_vm.$t(_vm.latestText)) + " "),\n                          _c("b-icon", {\n                            staticClass: "ml-1",\n                            attrs: {\n                              type: "is-success",\n                              icon: "check",\n                              "custom-size": "mdi-18px"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _c(\n                        "div",\n                        {\n                          staticClass:\n                            "is-flex is-align-items-center is-justify-content-end update-container pl-5 "\n                        },\n                        [\n                          _c("div", { staticClass: "flex1 is-size-7" }, [\n                            _vm._v(_vm._s(_vm.$t(_vm.updateText)))\n                          ]),\n                          _c(\n                            "b-button",\n                            {\n                              staticClass: "ml-2",\n                              attrs: {\n                                type: "is-dark",\n                                size: "is-small",\n                                rounded: ""\n                              },\n                              on: { click: _vm.showUpdateModal }\n                            },\n                            [_vm._v(_vm._s(_vm.$t("Update")))]\n                          )\n                        ],\n                        1\n                      )\n                ]\n              )\n            ],\n            1\n          ),\n          _c(\n            "div",\n            { staticClass: "is-flex is-align-items-center ml-3" },\n            [\n              _c(\n                "b-tooltip",\n                {\n                  attrs: {\n                    label: _vm.$t("Terminal & Logs"),\n                    active: !_vm.$store.state.isMobile,\n                    position: "is-right",\n                    type: "is-dark"\n                  }\n                },\n                [\n                  _c(\n                    "p",\n                    {\n                      attrs: { role: "button" },\n                      on: { click: _vm.showTerminalPanel }\n                    },\n                    [\n                      _c("b-icon", {\n                        staticClass: "picon",\n                        attrs: { icon: "console" }\n                      })\n                    ],\n                    1\n                  )\n                ]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm._m(0)\n    ]\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c("div", { staticClass: "navbar-menu" }, [\n      _c("div", { staticClass: "navbar-end mr-3" })\n    ])\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/TopBar.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/account/AccountPanel.vue?vue&type=template&id=25a2f429&':
 /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/account/AccountPanel.vue?vue&type=template&id=25a2f429& ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -430,7 +430,7 @@
 /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/smartHome/SmartBlock.vue?vue&type=template&id=3a2ae5ca& ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c("div", { staticClass: "column is-one-half" }, [\n    _c("div", { staticClass: "wuji-card" }, [\n      _c("div", { staticClass: "blur-background" }),\n      _c("div", { staticClass: "wuji-content" }, [\n        _c("h6", { staticClass: "title is-6 mb-2 has-text-white" }, [\n          _vm._v(_vm._s(_vm.$t("Smarten up your home")))\n        ]),\n        _c(\n          "div",\n          { staticClass: "is-flex is-align-items-center" },\n          [\n            _c("div", { staticClass: "info " }, [\n              _c("div", { staticClass: "des two-line" }, [\n                _vm._v(\n                  " " +\n                    _vm._s(\n                      _vm.$t(\n                        "We want to give you a smart home experience with privacy, high speed, and localized storage."\n                      )\n                    ) +\n                    " "\n                )\n              ])\n            ]),\n            _c("b-image", {\n              staticClass: "is-64x64",\n              attrs: { src: __webpack_require__(/*! @/assets/img/smart/smart_icon.png */ "./src/assets/img/smart/smart_icon.png") }\n            })\n          ],\n          1\n        ),\n        _c(\n          "div",\n          { staticClass: "buttons" },\n          [\n            _c(\n              "b-button",\n              {\n                attrs: { type: "is-primary", size: "is-small", rounded: "" },\n                on: { click: _vm.goToDiscord }\n              },\n              [_vm._v(_vm._s(_vm.$t("In development")))]\n            )\n          ],\n          1\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/smartHome/SmartBlock.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/syncthing/SyncBlock.vue?vue&type=template&id=129a2c54&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c("div", { staticClass: "column is-one-half" }, [\n    _c("div", { staticClass: "wuji-card" }, [\n      _c("div", { staticClass: "blur-background" }),\n      _c("div", { staticClass: "wuji-content" }, [\n        _c("h6", { staticClass: "title is-6 mb-2 has-text-white" }, [\n          _vm._v(_vm._s(_vm.$t("Smarten up your home")))\n        ]),\n        _c(\n          "div",\n          { staticClass: "is-flex is-align-items-center" },\n          [\n            _c("div", { staticClass: "info " }, [\n              _c("div", { staticClass: "des two-line" }, [\n                _vm._v(\n                  " " +\n                    _vm._s(\n                      _vm.$t(\n                        "We want to give you a smart home experience with privacy, high speed, and localized storage."\n                      )\n                    ) +\n                    " "\n                )\n              ])\n            ]),\n            _c("b-image", {\n              staticClass: "is-54x54",\n              attrs: { src: __webpack_require__(/*! @/assets/img/smart/smart_icon.png */ "./src/assets/img/smart/smart_icon.png") }\n            })\n          ],\n          1\n        ),\n        _c(\n          "div",\n          { staticClass: "buttons" },\n          [\n            _c(\n              "b-button",\n              {\n                attrs: { type: "is-primary", size: "is-small", rounded: "" },\n                on: { click: _vm.goToDiscord }\n              },\n              [_vm._v(_vm._s(_vm.$t("In development")))]\n            )\n          ],\n          1\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/smartHome/SmartBlock.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/syncthing/SyncBlock.vue?vue&type=template&id=129a2c54&':
 /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/syncthing/SyncBlock.vue?vue&type=template&id=129a2c54& ***!
   \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -454,7 +454,7 @@
 /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/widgets/Cpu.vue?vue&type=template&id=6accea42& ***!
   \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c("div", { staticClass: "widget has-text-white clock" }, [\n    _c("div", { staticClass: "blur-background" }),\n    _c("div", { staticClass: "widget-content" }, [\n      _c(\n        "div",\n        { staticClass: "arrow-btn", on: { click: _vm.showMoreInfo } },\n        [\n          _c("b-icon", {\n            class: { open: _vm.showMore },\n            attrs: { icon: "chevron-right" }\n          })\n        ],\n        1\n      ),\n      _c("div", { staticClass: "columns is-mobile " }, [\n        _c(\n          "div",\n          { staticClass: "column is-half has-text-centered" },\n          [\n            _c("apexchart", {\n              attrs: {\n                type: "radialBar",\n                height: _vm.barHeight,\n                options: _vm.chartOptions,\n                series: _vm.cpuSeries\n              }\n            }),\n            _c("p", { staticClass: "is-size-6-5 one-line" }, [\n              _vm._v("CPU "),\n              _c("span", { staticClass: "is-size-7" }, [\n                _vm._v(\n                  "(" +\n                    _vm._s(_vm.cpuCores) +\n                    " " +\n                    _vm._s(_vm.$t("Cores")) +\n                    ")"\n                )\n              ])\n            ])\n          ],\n          1\n        ),\n        _c(\n          "div",\n          { staticClass: "column is-half has-text-centered" },\n          [\n            _c("apexchart", {\n              attrs: {\n                type: "radialBar",\n                height: _vm.barHeight,\n                options: _vm.chartOptions,\n                series: _vm.ramSeries\n              }\n            }),\n            _c("p", { staticClass: "is-size-6-5 one-line" }, [\n              _vm._v("RAM "),\n              _c("span", { staticClass: "is-size-7" }, [\n                _vm._v(\n                  "(" + _vm._s(_vm._f("renderSize")(_vm.totalMemory)) + ")"\n                )\n              ])\n            ])\n          ],\n          1\n        )\n      ]),\n      _vm.showMore\n        ? _c("div", [\n            _c(\n              "div",\n              { staticClass: "more-info pt-3 pb-1" },\n              [\n                _c(\n                  "b-tabs",\n                  {\n                    model: {\n                      value: _vm.activeTab,\n                      callback: function($$v) {\n                        _vm.activeTab = $$v\n                      },\n                      expression: "activeTab"\n                    }\n                  },\n                  [\n                    _c(\n                      "b-tab-item",\n                      { attrs: { label: "CPU" } },\n                      _vm._l(_vm.containerCpuList, function(item, index) {\n                        return _c("div", { key: item.title + index + "-cpu" }, [\n                          !isNaN(item.usage)\n                            ? _c(\n                                "div",\n                                {\n                                  staticClass:\n                                    "is-flex is-size-7 is-align-items-center mb-2"\n                                },\n                                [\n                                  _c(\n                                    "div",\n                                    {\n                                      staticClass:\n                                        "is-flex-grow-1 is-flex is-align-items-center"\n                                    },\n                                    [\n                                      _c("b-image", {\n                                        staticClass:\n                                          "is-16x16 mr-2 is-flex-shrink-0",\n                                        attrs: {\n                                          lazy: false,\n                                          src: item.icon,\n                                          "src-fallback": __webpack_require__(/*! @/assets/img/app/default.png */ "./src/assets/img/app/default.png")\n                                        }\n                                      }),\n                                      _c("span", { staticClass: "one-line" }, [\n                                        _vm._v(_vm._s(item.title))\n                                      ])\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    "div",\n                                    { staticClass: " is-flex-shrink-0" },\n                                    [_vm._v(_vm._s(item.usage) + "%")]\n                                  )\n                                ]\n                              )\n                            : _vm._e()\n                        ])\n                      }),\n                      0\n                    ),\n                    _c(\n                      "b-tab-item",\n                      { attrs: { label: "RAM" } },\n                      _vm._l(_vm.containerRamList, function(item, index) {\n                        return _c("div", { key: item.title + index + "-rem" }, [\n                          !isNaN(item.usage)\n                            ? _c(\n                                "div",\n                                {\n                                  staticClass:\n                                    "is-flex is-size-7 is-align-items-center mb-2"\n                                },\n                                [\n                                  _c(\n                                    "div",\n                                    {\n                                      staticClass:\n                                        "is-flex-grow-1 is-flex is-align-items-center"\n                                    },\n                                    [\n                                      _c("b-image", {\n                                        staticClass:\n                                          "is-16x16 mr-2 is-flex-shrink-0",\n                                        attrs: {\n                                          src: item.icon,\n                                          "src-fallback": __webpack_require__(/*! @/assets/img/app/default.png */ "./src/assets/img/app/default.png")\n                                        }\n                                      }),\n                                      _c("span", { staticClass: "one-line" }, [\n                                        _vm._v(_vm._s(item.title))\n                                      ])\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    "div",\n                                    { staticClass: " is-flex-shrink-0" },\n                                    [\n                                      _vm._v(\n                                        _vm._s(_vm._f("renderSize")(item.usage))\n                                      )\n                                    ]\n                                  )\n                                ]\n                              )\n                            : _vm._e()\n                        ])\n                      }),\n                      0\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/widgets/Cpu.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/widgets/Disks.vue?vue&type=template&id=457f6ced&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c("div", { staticClass: "widget has-text-white clock" }, [\n    _c("div", { staticClass: "blur-background" }),\n    _c("div", { staticClass: "widget-content  pb-1" }, [\n      _c(\n        "div",\n        { staticClass: "arrow-btn", on: { click: _vm.showMoreInfo } },\n        [\n          _c("b-icon", {\n            class: { open: _vm.showMore },\n            attrs: { icon: "chevron-right" }\n          })\n        ],\n        1\n      ),\n      _c("div", { staticClass: "columns is-mobile " }, [\n        _c(\n          "div",\n          { staticClass: "column is-half has-text-centered" },\n          [\n            _c("apexchart", {\n              attrs: {\n                type: "radialBar",\n                height: _vm.barHeight,\n                options: _vm.chartOptions,\n                series: _vm.cpuSeries\n              }\n            }),\n            _c("p", { staticClass: "is-size-6-5 one-line" }, [\n              _vm._v("CPU "),\n              _c("span", { staticClass: "is-size-7" }, [\n                _vm._v(\n                  "(" +\n                    _vm._s(_vm.cpuCores) +\n                    " " +\n                    _vm._s(_vm.$t("Cores")) +\n                    ")"\n                )\n              ])\n            ])\n          ],\n          1\n        ),\n        _c(\n          "div",\n          { staticClass: "column is-half has-text-centered" },\n          [\n            _c("apexchart", {\n              attrs: {\n                type: "radialBar",\n                height: _vm.barHeight,\n                options: _vm.chartOptions,\n                series: _vm.ramSeries\n              }\n            }),\n            _c("p", { staticClass: "is-size-6-5 one-line" }, [\n              _vm._v("RAM "),\n              _c("span", { staticClass: "is-size-7" }, [\n                _vm._v(\n                  "(" + _vm._s(_vm._f("renderSize")(_vm.totalMemory)) + ")"\n                )\n              ])\n            ])\n          ],\n          1\n        )\n      ]),\n      _vm.showMore\n        ? _c("div", [\n            _c(\n              "div",\n              { staticClass: "more-info pt-3 pb-1" },\n              [\n                _c(\n                  "b-tabs",\n                  {\n                    model: {\n                      value: _vm.activeTab,\n                      callback: function($$v) {\n                        _vm.activeTab = $$v\n                      },\n                      expression: "activeTab"\n                    }\n                  },\n                  [\n                    _c(\n                      "b-tab-item",\n                      { attrs: { label: "CPU" } },\n                      _vm._l(_vm.containerCpuList, function(item, index) {\n                        return _c("div", { key: item.title + index + "-cpu" }, [\n                          !isNaN(item.usage)\n                            ? _c(\n                                "div",\n                                {\n                                  staticClass:\n                                    "is-flex is-size-7 is-align-items-center mb-2"\n                                },\n                                [\n                                  _c(\n                                    "div",\n                                    {\n                                      staticClass:\n                                        "is-flex-grow-1 is-flex is-align-items-center"\n                                    },\n                                    [\n                                      _c("b-image", {\n                                        staticClass:\n                                          "is-16x16 mr-2 is-flex-shrink-0",\n                                        attrs: {\n                                          lazy: false,\n                                          src: item.icon,\n                                          "src-fallback": __webpack_require__(/*! @/assets/img/app/default.png */ "./src/assets/img/app/default.png")\n                                        }\n                                      }),\n                                      _c("span", { staticClass: "one-line" }, [\n                                        _vm._v(_vm._s(item.title))\n                                      ])\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    "div",\n                                    { staticClass: " is-flex-shrink-0" },\n                                    [_vm._v(_vm._s(item.usage) + "%")]\n                                  )\n                                ]\n                              )\n                            : _vm._e()\n                        ])\n                      }),\n                      0\n                    ),\n                    _c(\n                      "b-tab-item",\n                      { attrs: { label: "RAM" } },\n                      _vm._l(_vm.containerRamList, function(item, index) {\n                        return _c("div", { key: item.title + index + "-rem" }, [\n                          !isNaN(item.usage)\n                            ? _c(\n                                "div",\n                                {\n                                  staticClass:\n                                    "is-flex is-size-7 is-align-items-center mb-2"\n                                },\n                                [\n                                  _c(\n                                    "div",\n                                    {\n                                      staticClass:\n                                        "is-flex-grow-1 is-flex is-align-items-center"\n                                    },\n                                    [\n                                      _c("b-image", {\n                                        staticClass:\n                                          "is-16x16 mr-2 is-flex-shrink-0",\n                                        attrs: {\n                                          src: item.icon,\n                                          "src-fallback": __webpack_require__(/*! @/assets/img/app/default.png */ "./src/assets/img/app/default.png")\n                                        }\n                                      }),\n                                      _c("span", { staticClass: "one-line" }, [\n                                        _vm._v(_vm._s(item.title))\n                                      ])\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    "div",\n                                    { staticClass: " is-flex-shrink-0" },\n                                    [\n                                      _vm._v(\n                                        _vm._s(_vm._f("renderSize")(item.usage))\n                                      )\n                                    ]\n                                  )\n                                ]\n                              )\n                            : _vm._e()\n                        ])\n                      }),\n                      0\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e()\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/widgets/Cpu.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/widgets/Disks.vue?vue&type=template&id=457f6ced&':
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/widgets/Disks.vue?vue&type=template&id=457f6ced& ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
diff --git a/web/js/app.js b/web/js/app.js
index d237e260b..2a2cd38aa 100644
--- a/web/js/app.js
+++ b/web/js/app.js
@@ -1,8 +1,8 @@
-(function(e){function n(n){for(var a,s,i=n[0],_=n[1],l=n[2],c=0,d=[];c<i.length;c++)s=i[c],Object.prototype.hasOwnProperty.call(r,s)&&r[s]&&d.push(r[s][0]),r[s]=0;for(a in _)Object.prototype.hasOwnProperty.call(_,a)&&(e[a]=_[a]);p&&p(n);while(d.length)d.shift()();return t.push.apply(t,l||[]),o()}function o(){for(var e,n=0;n<t.length;n++){for(var o=t[n],a=!0,s=1;s<o.length;s++){var i=o[s];0!==r[i]&&(a=!1)}a&&(t.splice(n--,1),e=_(_.s=o[0]))}return e}var a={},s={app:0},r={app:0},t=[];function i(e){return _.p+"js/"+({}[e]||e)+".js"}function _(n){if(a[n])return a[n].exports;var o=a[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,_),o.l=!0,o.exports}_.e=function(e){var n=[],o={8:1,9:1,10:1,11:1,16:1,17:1};s[e]?n.push(s[e]):0!==s[e]&&o[e]&&n.push(s[e]=new Promise((function(n,o){for(var a="css/"+({}[e]||e)+"."+{0:"31d6cfe0",1:"31d6cfe0",2:"31d6cfe0",3:"31d6cfe0",4:"31d6cfe0",5:"31d6cfe0",6:"31d6cfe0",7:"31d6cfe0",8:"11ecc7a4",9:"e57f27f9",10:"d72d6157",11:"f8326b27",12:"31d6cfe0",13:"31d6cfe0",14:"31d6cfe0",15:"31d6cfe0",16:"a16d5119",17:"cf8c898a",18:"31d6cfe0"}[e]+".css",r=_.p+a,t=document.getElementsByTagName("link"),i=0;i<t.length;i++){var l=t[i],c=l.getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(c===a||c===r))return n()}var d=document.getElementsByTagName("style");for(i=0;i<d.length;i++){l=d[i],c=l.getAttribute("data-href");if(c===a||c===r)return n()}var p=document.createElement("link");p.rel="stylesheet",p.type="text/css",p.onload=n,p.onerror=function(n){var a=n&&n.target&&n.target.src||r,t=new Error("Loading CSS chunk "+e+" failed.\n("+a+")");t.code="CSS_CHUNK_LOAD_FAILED",t.request=a,delete s[e],p.parentNode.removeChild(p),o(t)},p.href=r;var u=document.getElementsByTagName("head")[0];u.appendChild(p)})).then((function(){s[e]=0})));var a=r[e];if(0!==a)if(a)n.push(a[2]);else{var t=new Promise((function(n,o){a=r[e]=[n,o]}));n.push(a[2]=t);var l,c=document.createElement("script");c.charset="utf-8",c.timeout=120,_.nc&&c.setAttribute("nonce",_.nc),c.src=i(e);var d=new Error;l=function(n){c.onerror=c.onload=null,clearTimeout(p);var o=r[e];if(0!==o){if(o){var a=n&&("load"===n.type?"missing":n.type),s=n&&n.target&&n.target.src;d.message="Loading chunk "+e+" failed.\n("+a+": "+s+")",d.name="ChunkLoadError",d.type=a,d.request=s,o[1](d)}r[e]=void 0}};var p=setTimeout((function(){l({type:"timeout",target:c})}),12e4);c.onerror=c.onload=l,document.head.appendChild(c)}return Promise.all(n)},_.m=e,_.c=a,_.d=function(e,n,o){_.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},_.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},_.t=function(e,n){if(1&n&&(e=_(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(_.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)_.d(o,a,function(n){return e[n]}.bind(null,a));return o},_.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return _.d(n,"a",n),n},_.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},_.p="/ui/",_.oe=function(e){throw console.error(e),e};var l=window["webpackJsonp"]=window["webpackJsonp"]||[],c=l.push.bind(l);l.push=n,l=l.slice();for(var d=0;d<l.length;d++)n(l[d]);var p=c;t.push([0,"vendors~app"]),o()})({"./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/App.vue?vue&type=script&lang=js&":
+(function(e){function n(n){for(var a,s,i=n[0],_=n[1],l=n[2],c=0,d=[];c<i.length;c++)s=i[c],Object.prototype.hasOwnProperty.call(r,s)&&r[s]&&d.push(r[s][0]),r[s]=0;for(a in _)Object.prototype.hasOwnProperty.call(_,a)&&(e[a]=_[a]);p&&p(n);while(d.length)d.shift()();return t.push.apply(t,l||[]),o()}function o(){for(var e,n=0;n<t.length;n++){for(var o=t[n],a=!0,s=1;s<o.length;s++){var i=o[s];0!==r[i]&&(a=!1)}a&&(t.splice(n--,1),e=_(_.s=o[0]))}return e}var a={},s={app:0},r={app:0},t=[];function i(e){return _.p+"js/"+({}[e]||e)+".js"}function _(n){if(a[n])return a[n].exports;var o=a[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,_),o.l=!0,o.exports}_.e=function(e){var n=[],o={8:1,9:1,10:1,11:1,16:1,17:1};s[e]?n.push(s[e]):0!==s[e]&&o[e]&&n.push(s[e]=new Promise((function(n,o){for(var a="css/"+({}[e]||e)+"."+{0:"31d6cfe0",1:"31d6cfe0",2:"31d6cfe0",3:"31d6cfe0",4:"31d6cfe0",5:"31d6cfe0",6:"31d6cfe0",7:"31d6cfe0",8:"332ce37a",9:"e1b97a16",10:"32be8789",11:"dc77452d",12:"31d6cfe0",13:"31d6cfe0",14:"31d6cfe0",15:"31d6cfe0",16:"1f93b660",17:"046fd3d8",18:"31d6cfe0"}[e]+".css",r=_.p+a,t=document.getElementsByTagName("link"),i=0;i<t.length;i++){var l=t[i],c=l.getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(c===a||c===r))return n()}var d=document.getElementsByTagName("style");for(i=0;i<d.length;i++){l=d[i],c=l.getAttribute("data-href");if(c===a||c===r)return n()}var p=document.createElement("link");p.rel="stylesheet",p.type="text/css",p.onload=n,p.onerror=function(n){var a=n&&n.target&&n.target.src||r,t=new Error("Loading CSS chunk "+e+" failed.\n("+a+")");t.code="CSS_CHUNK_LOAD_FAILED",t.request=a,delete s[e],p.parentNode.removeChild(p),o(t)},p.href=r;var u=document.getElementsByTagName("head")[0];u.appendChild(p)})).then((function(){s[e]=0})));var a=r[e];if(0!==a)if(a)n.push(a[2]);else{var t=new Promise((function(n,o){a=r[e]=[n,o]}));n.push(a[2]=t);var l,c=document.createElement("script");c.charset="utf-8",c.timeout=120,_.nc&&c.setAttribute("nonce",_.nc),c.src=i(e);var d=new Error;l=function(n){c.onerror=c.onload=null,clearTimeout(p);var o=r[e];if(0!==o){if(o){var a=n&&("load"===n.type?"missing":n.type),s=n&&n.target&&n.target.src;d.message="Loading chunk "+e+" failed.\n("+a+": "+s+")",d.name="ChunkLoadError",d.type=a,d.request=s,o[1](d)}r[e]=void 0}};var p=setTimeout((function(){l({type:"timeout",target:c})}),12e4);c.onerror=c.onload=l,document.head.appendChild(c)}return Promise.all(n)},_.m=e,_.c=a,_.d=function(e,n,o){_.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},_.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},_.t=function(e,n){if(1&n&&(e=_(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(_.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)_.d(o,a,function(n){return e[n]}.bind(null,a));return o},_.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return _.d(n,"a",n),n},_.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},_.p="/ui/",_.oe=function(e){throw console.error(e),e};var l=window["webpackJsonp"]=window["webpackJsonp"]||[],c=l.push.bind(l);l.push=n,l=l.slice();for(var d=0;d<l.length;d++)n(l[d]);var p=c;t.push([0,"vendors~app"]),o()})({"./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/App.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/App.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_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_BrandBar_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/BrandBar.vue */ "./src/components/BrandBar.vue");\n/* harmony import */ var _components_ContactBar_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/ContactBar.vue */ "./src/components/ContactBar.vue");\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_4__ = __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/* harmony default export */ __webpack_exports__["default"] = ({\n  components: {\n    BrandBar: _components_BrandBar_vue__WEBPACK_IMPORTED_MODULE_2__["default"],\n    ContactBar: _components_ContactBar_vue__WEBPACK_IMPORTED_MODULE_3__["default"]\n  },\n  mixins: [_mixins_mixin__WEBPACK_IMPORTED_MODULE_4__["mixin"]],\n  data: function data() {\n    return {\n      //isLoading: true,\n      steps: [],\n      isWelcome: false,\n      backgroundStyleObj: {\n        backgroundImage: "url(".concat(__webpack_require__(/*! @/assets/background/bg3.jpg */ "./src/assets/background/bg3.jpg"), ")")\n      },\n      noneAni: {\n        classes: \'fadeIn\',\n        duration: 500\n      },\n      initAni: {\n        classes: \'zoomOutIn\',\n        duration: 2500\n      },\n      brandAni: {\n        classes: "fadeInLeft",\n        duration: 700\n      },\n      contactAni: {\n        classes: "fadeInRight",\n        duration: 700\n      },\n      isNotSharing: true\n    };\n  },\n  computed: {\n    isLoading: function isLoading() {\n      return this.$store.state.siteLoading;\n    }\n  },\n  watch: {\n    $route: function $route() {\n      this.isNotSharing = this.$route.path != "/connect";\n    }\n  },\n  created: function created() {\n    console.log("%c\\n_____             _____ _____ \\n|     |___ ___ ___|     |   __|\\n|   --| .\'|_ -| .\'|  |  |__   |\\n|_____|__,|___|__,|_____|_____|\\n-- Made by IceWhale with YOU --\\n", "font-family: monospace");\n    this.checkInit();\n  },\n  mounted: function mounted() {\n    this.setInitLang();\n  },\n  methods: {\n    /**\n     * @description: Check if System need init first\n     * @return {*} void\n     */\n    checkInit: function checkInit() {\n      var _this = this;\n\n      this.$api.info.guideCheck().then(function (res) {\n        if (res.data.success == 200 && res.data.data.need_init_user) {\n          _this.isWelcome = true;\n\n          _this.$store.commit(\'changeSiteLoading\');\n\n          _this.$store.commit(\'changeInitialization\', true);\n\n          localStorage.removeItem("user_token");\n\n          _this.$router.push("/welcome");\n        } else {\n          _this.isWelcome = false;\n        }\n      });\n    },\n\n    /**\n     * @description: Get and Set default language \n     * @return {*} void\n     */\n    setInitLang: function setInitLang() {\n      var lang = localStorage.getItem(\'lang\') ? localStorage.getItem(\'lang\') : this.getLangFromBrowser();\n      lang = lang.includes("_") ? lang : "en_us";\n      this.setLang(lang);\n    }\n  },\n  sockets: {\n    connect: function connect() {\n      console.log(\'socket connected\');\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/App.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/BrandBar.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_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_BrandBar_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/BrandBar.vue */ "./src/components/BrandBar.vue");\n/* harmony import */ var _components_ContactBar_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/ContactBar.vue */ "./src/components/ContactBar.vue");\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_4__ = __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/* harmony default export */ __webpack_exports__["default"] = ({\n  components: {\n    BrandBar: _components_BrandBar_vue__WEBPACK_IMPORTED_MODULE_2__["default"],\n    ContactBar: _components_ContactBar_vue__WEBPACK_IMPORTED_MODULE_3__["default"]\n  },\n  mixins: [_mixins_mixin__WEBPACK_IMPORTED_MODULE_4__["mixin"]],\n  data: function data() {\n    return {\n      //isLoading: true,\n      steps: [],\n      isWelcome: false,\n      backgroundStyleObj: {\n        backgroundImage: "url(".concat(__webpack_require__(/*! @/assets/background/bg3.jpg */ "./src/assets/background/bg3.jpg"), ")")\n      },\n      noneAni: {\n        classes: \'fadeIn\',\n        duration: 500\n      },\n      initAni: {\n        classes: \'zoomOutIn\',\n        duration: 2500\n      },\n      brandAni: {\n        classes: "fadeInLeft",\n        duration: 700\n      },\n      contactAni: {\n        classes: "fadeInRight",\n        duration: 700\n      },\n      isNotSharing: true\n    };\n  },\n  computed: {\n    isLoading: function isLoading() {\n      return this.$store.state.siteLoading;\n    }\n  },\n  watch: {\n    $route: function $route() {\n      this.isNotSharing = this.$route.path != "/connect";\n    }\n  },\n  created: function created() {\n    console.log("%c\\n_____             _____ _____ \\n|     |___ ___ ___|     |   __|\\n|   --| .\'|_ -| .\'|  |  |__   |\\n|_____|__,|___|__,|_____|_____|\\n-- Made by IceWhale with YOU --\\n", "font-family: monospace");\n    this.checkInit();\n  },\n  mounted: function mounted() {\n    this.setInitLang();\n    window.addEventListener(\'resize\', this.onWindowResize);\n    this.onWindowResize();\n  },\n  methods: {\n    /**\n     * @description: Check if System need init first\n     * @return {*} void\n     */\n    checkInit: function checkInit() {\n      var _this = this;\n\n      this.$api.info.guideCheck().then(function (res) {\n        if (res.data.success == 200 && res.data.data.need_init_user) {\n          _this.isWelcome = true;\n\n          _this.$store.commit(\'changeSiteLoading\');\n\n          _this.$store.commit(\'changeInitialization\', true);\n\n          localStorage.removeItem("user_token");\n\n          _this.$router.push("/welcome");\n        } else {\n          _this.isWelcome = false;\n        }\n      });\n    },\n\n    /**\n     * @description: Get and Set default language \n     * @return {*} void\n     */\n    setInitLang: function setInitLang() {\n      var lang = localStorage.getItem(\'lang\') ? localStorage.getItem(\'lang\') : this.getLangFromBrowser();\n      lang = lang.includes("_") ? lang : "en_us";\n      this.setLang(lang);\n    },\n\n    /**\n     * @description: Handle on Window reize\n     * @return {*}\n     */\n    onWindowResize: function onWindowResize() {\n      if (document.body.clientWidth >= 480) {\n        this.$store.commit(\'setIsMobile\', false);\n      } else {\n        this.$store.commit(\'setIsMobile\', true);\n      }\n\n      console.log(this.$store.state.isMobile);\n    }\n  },\n  sockets: {\n    connect: function connect() {\n      console.log(\'socket connected\');\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/App.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/BrandBar.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/BrandBar.vue?vue&type=script&lang=js& ***!
   \*****************************************************************************************************************************************************************************************************************************************************/
@@ -18,7 +18,7 @@
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7ba5bd90& ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    { staticClass: "is-flex is-flex-direction-column", attrs: { id: "app" } },\n    [\n      _vm.isNotSharing\n        ? [\n            _c("div", {\n              directives: [\n                {\n                  name: "animate-css",\n                  rawName: "v-animate-css",\n                  value: _vm.isWelcome ? _vm.initAni : _vm.noneAni,\n                  expression: "isWelcome?initAni:noneAni"\n                }\n              ],\n              style: _vm.backgroundStyleObj,\n              attrs: { id: "background" }\n            }),\n            _c("brand-bar", {\n              directives: [\n                {\n                  name: "animate-css",\n                  rawName: "v-animate-css",\n                  value: _vm.brandAni,\n                  expression: "brandAni"\n                }\n              ]\n            }),\n            _c("contact-bar", {\n              directives: [\n                {\n                  name: "animate-css",\n                  rawName: "v-animate-css",\n                  value: _vm.contactAni,\n                  expression: "contactAni"\n                }\n              ]\n            })\n          ]\n        : _vm._e(),\n      _c("router-view")\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/App.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/BrandBar.vue?vue&type=template&id=dfac1d88&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    { staticClass: "is-flex is-flex-direction-column", attrs: { id: "app" } },\n    [\n      _vm.isNotSharing\n        ? [\n            _c("div", {\n              directives: [\n                {\n                  name: "animate-css",\n                  rawName: "v-animate-css",\n                  value: _vm.isWelcome ? _vm.initAni : _vm.noneAni,\n                  expression: "isWelcome?initAni:noneAni"\n                }\n              ],\n              style: _vm.backgroundStyleObj,\n              attrs: { id: "background" }\n            }),\n            !_vm.$store.state.isMobile\n              ? _c("brand-bar", {\n                  directives: [\n                    {\n                      name: "animate-css",\n                      rawName: "v-animate-css",\n                      value: _vm.brandAni,\n                      expression: "brandAni"\n                    }\n                  ]\n                })\n              : _vm._e(),\n            !_vm.$store.state.isMobile\n              ? _c("contact-bar", {\n                  directives: [\n                    {\n                      name: "animate-css",\n                      rawName: "v-animate-css",\n                      value: _vm.contactAni,\n                      expression: "contactAni"\n                    }\n                  ]\n                })\n              : _vm._e()\n          ]\n        : _vm._e(),\n      _c("router-view")\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/App.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/BrandBar.vue?vue&type=template&id=dfac1d88&':
 /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BrandBar.vue?vue&type=template&id=dfac1d88& ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -26,7 +26,7 @@
 /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ContactBar.vue?vue&type=template&id=f34e36fa& ***!
   \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    {\n      staticClass:\n        "contact-bar is-flex is-align-items-center has-text-white pl-3 pr-3"\n    },\n    [\n      _c(\n        "b-tooltip",\n        { attrs: { label: _vm.$t("Bug report"), "append-to-body": "" } },\n        [\n          _c(\n            "a",\n            { on: { click: _vm.showFeedback } },\n            [_c("b-icon", { attrs: { icon: "bug" } })],\n            1\n          )\n        ]\n      ),\n      _c(\n        "b-tooltip",\n        { attrs: { label: _vm.$t("Join Discord"), "append-to-body": "" } },\n        [\n          _c(\n            "a",\n            {\n              attrs: { href: "https://discord.gg/knqAbbBbeX", target: "_blank" }\n            },\n            [_c("b-icon", { attrs: { icon: "discord" } })],\n            1\n          )\n        ]\n      ),\n      _c(\n        "b-tooltip",\n        { attrs: { label: _vm.$t("Visit our Github"), "append-to-body": "" } },\n        [\n          _c(\n            "a",\n            {\n              attrs: {\n                href: "https://github.com/IceWhaleTech/CasaOS",\n                target: "_blank"\n              }\n            },\n            [_c("b-icon", { attrs: { icon: "github" } })],\n            1\n          )\n        ]\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/ContactBar.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/feedback/FeedbackPanel.vue?vue&type=template&id=3f0153e5&':
+/*! exports provided: render, staticRenderFns */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    "div",\n    {\n      staticClass:\n        "contact-bar is-flex is-align-items-center has-text-white pl-3 pr-3"\n    },\n    [\n      _c(\n        "b-tooltip",\n        {\n          attrs: {\n            label: _vm.$t("Bug report"),\n            "append-to-body": !_vm.$store.state.isMobile\n          }\n        },\n        [\n          _c(\n            "a",\n            { on: { click: _vm.showFeedback } },\n            [_c("b-icon", { attrs: { icon: "bug" } })],\n            1\n          )\n        ]\n      ),\n      _c(\n        "b-tooltip",\n        {\n          attrs: {\n            label: _vm.$t("Join Discord"),\n            "append-to-body": !_vm.$store.state.isMobile\n          }\n        },\n        [\n          _c(\n            "a",\n            {\n              attrs: { href: "https://discord.gg/knqAbbBbeX", target: "_blank" }\n            },\n            [_c("b-icon", { attrs: { icon: "discord" } })],\n            1\n          )\n        ]\n      ),\n      _c(\n        "b-tooltip",\n        {\n          attrs: {\n            label: _vm.$t("Visit our Github"),\n            "append-to-body": !_vm.$store.state.isMobile\n          }\n        },\n        [\n          _c(\n            "a",\n            {\n              attrs: {\n                href: "https://github.com/IceWhaleTech/CasaOS",\n                target: "_blank"\n              }\n            },\n            [_c("b-icon", { attrs: { icon: "github" } })],\n            1\n          )\n        ]\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/ContactBar.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%222c60c8e5-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./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?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/feedback/FeedbackPanel.vue?vue&type=template&id=3f0153e5&':
 /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2c60c8e5-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/feedback/FeedbackPanel.vue?vue&type=template&id=3f0153e5& ***!
   \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -1030,7 +1030,7 @@
 /*!*********************!*\
   !*** ./src/main.js ***!
   \*********************/
-/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.assign.js */ "./node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.promise.finally.js */ "./node_modules/core-js/modules/es.promise.finally.js");\n/* harmony import */ var _Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Users_jerry_Desktop_CasaOS_CasaOS_UI_node_modules_core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var intersection_observer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! intersection-observer */ "./node_modules/intersection-observer/intersection-observer.js");\n/* harmony import */ var intersection_observer__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(intersection_observer__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm.js");\n/* harmony import */ var _App_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/App.vue */ "./src/App.vue");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/router */ "./src/router/index.js");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/store */ "./src/store/index.js");\n/* harmony import */ var _plugins_i18n__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/plugins/i18n */ "./src/plugins/i18n.js");\n/* harmony import */ var _service_api_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @/service/api.js */ "./src/service/api.js");\n/* harmony import */ var buefy__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! buefy */ "./node_modules/buefy/dist/esm/index.js");\n/* harmony import */ var vue_fullscreen__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! vue-fullscreen */ "./node_modules/vue-fullscreen/dist/vue-fullscreen.min.js");\n/* harmony import */ var vue_fullscreen__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(vue_fullscreen__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var vue2_touch_events__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! vue2-touch-events */ "./node_modules/vue2-touch-events/index.js");\n/* harmony import */ var vue2_touch_events__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(vue2_touch_events__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var vue_tour__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! vue-tour */ "./node_modules/vue-tour/dist/vue-tour.umd.js");\n/* harmony import */ var vue_tour__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(vue_tour__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var vue_socket_io_extended__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! vue-socket.io-extended */ "./node_modules/vue-socket.io-extended/dist/vue-socket.io-ext.esm.js");\n/* harmony import */ var _assets_scss_app_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @/assets/scss/app.scss */ "./src/assets/scss/app.scss");\n/* harmony import */ var _assets_scss_app_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_assets_scss_app_scss__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var vue_tour_dist_vue_tour_css__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! vue-tour/dist/vue-tour.css */ "./node_modules/vue-tour/dist/vue-tour.css");\n/* harmony import */ var vue_tour_dist_vue_tour_css__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vue_tour_dist_vue_tour_css__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var v_animate_css__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! v-animate-css */ "./node_modules/v-animate-css/index.js");\n\n\n\n\n\n\n/*\n * @Author: JerryK\n * @Date: 2021-09-22 14:24:43\n * @LastEditors: 老竭力 jerrykuku@qq.com\n * @LastEditTime: 2022-06-13 18:36:23\n * @Description: \n * @FilePath: \\CasaOS-UI\\src\\main.js\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar io = __webpack_require__(/*! socket.io-client */ "./node_modules/socket.io-client/lib/index.js"); // Import Styles\n\n\n\n\n\n_service_api_js__WEBPACK_IMPORTED_MODULE_11__["default"].info.getSocketPort().then(function (res) {\n  var wsPort = res.data.data;\n  var devIp = Object({"NODE_ENV":"prod","BASE_URL":"/ui/"}).VUE_APP_DEV_IP;\n  var devPort = Object({"NODE_ENV":"prod","BASE_URL":"/ui/"}).VUE_APP_DEV_PORT;\n  var localhost = document.location.hostname;\n  var baseIp =  false ? undefined : "".concat(localhost);\n  var baseURL =  false ? undefined : "".concat(localhost);\n  var baseWsURL =  false ? undefined : "".concat(localhost);\n  var wsURL = "ws://".concat(baseWsURL, ":").concat(wsPort);\n  var socket = io(wsURL, {\n    transports: [\'websocket\', \'polling\']\n  });\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(buefy__WEBPACK_IMPORTED_MODULE_12__["default"]);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue_fullscreen__WEBPACK_IMPORTED_MODULE_13___default.a);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(v_animate_css__WEBPACK_IMPORTED_MODULE_19__["default"]);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue2_touch_events__WEBPACK_IMPORTED_MODULE_14___default.a);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue_tour__WEBPACK_IMPORTED_MODULE_15___default.a);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue_socket_io_extended__WEBPACK_IMPORTED_MODULE_16__["default"], socket);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].config.productionTip = false;\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].prototype.$api = _service_api_js__WEBPACK_IMPORTED_MODULE_11__["default"];\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].prototype.$baseIp = baseIp;\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].prototype.$baseURL = baseURL;\n  new vue__WEBPACK_IMPORTED_MODULE_6__["default"]({\n    router: _router__WEBPACK_IMPORTED_MODULE_8__["default"],\n    i18n: _plugins_i18n__WEBPACK_IMPORTED_MODULE_10__["default"],\n    store: _store__WEBPACK_IMPORTED_MODULE_9__["default"],\n    render: function render(h) {\n      return h(_App_vue__WEBPACK_IMPORTED_MODULE_7__["default"]);\n    }\n  }).$mount(\'#app\');\n});\n\n//# sourceURL=webpack:///./src/main.js?')},"./src/mixins/mixin.js":
+/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.assign.js */ "./node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.promise.finally.js */ "./node_modules/core-js/modules/es.promise.finally.js");\n/* harmony import */ var _Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Users_liangjianli_go_CasaOSNew_CasaOS_UI_node_modules_core_js_modules_es_promise_finally_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var intersection_observer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! intersection-observer */ "./node_modules/intersection-observer/intersection-observer.js");\n/* harmony import */ var intersection_observer__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(intersection_observer__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm.js");\n/* harmony import */ var _App_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/App.vue */ "./src/App.vue");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/router */ "./src/router/index.js");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/store */ "./src/store/index.js");\n/* harmony import */ var _plugins_i18n__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/plugins/i18n */ "./src/plugins/i18n.js");\n/* harmony import */ var _service_api_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @/service/api.js */ "./src/service/api.js");\n/* harmony import */ var buefy__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! buefy */ "./node_modules/buefy/dist/esm/index.js");\n/* harmony import */ var vue_fullscreen__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! vue-fullscreen */ "./node_modules/vue-fullscreen/dist/vue-fullscreen.min.js");\n/* harmony import */ var vue_fullscreen__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(vue_fullscreen__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var vue2_touch_events__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! vue2-touch-events */ "./node_modules/vue2-touch-events/index.js");\n/* harmony import */ var vue2_touch_events__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(vue2_touch_events__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var vue_tour__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! vue-tour */ "./node_modules/vue-tour/dist/vue-tour.umd.js");\n/* harmony import */ var vue_tour__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(vue_tour__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var vue_socket_io_extended__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! vue-socket.io-extended */ "./node_modules/vue-socket.io-extended/dist/vue-socket.io-ext.esm.js");\n/* harmony import */ var _assets_scss_app_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @/assets/scss/app.scss */ "./src/assets/scss/app.scss");\n/* harmony import */ var _assets_scss_app_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_assets_scss_app_scss__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var vue_tour_dist_vue_tour_css__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! vue-tour/dist/vue-tour.css */ "./node_modules/vue-tour/dist/vue-tour.css");\n/* harmony import */ var vue_tour_dist_vue_tour_css__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(vue_tour_dist_vue_tour_css__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var v_animate_css__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! v-animate-css */ "./node_modules/v-animate-css/index.js");\n\n\n\n\n\n\n/*\n * @Author: JerryK\n * @Date: 2021-09-22 14:24:43\n *  * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-13 19:30:41\n * @Description: \n * @FilePath: \\CasaOS-UI\\src\\main.js\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar io = __webpack_require__(/*! socket.io-client */ "./node_modules/socket.io-client/lib/index.js"); // Import Styles\n\n\n\n\n\n_service_api_js__WEBPACK_IMPORTED_MODULE_11__["default"].info.getSocketPort().then(function (res) {\n  var wsPort = res.data.data;\n  var devIp = Object({"NODE_ENV":"prod","BASE_URL":"/ui/"}).VUE_APP_DEV_IP;\n  var devPort = Object({"NODE_ENV":"prod","BASE_URL":"/ui/"}).VUE_APP_DEV_PORT;\n  var localhost = document.location.hostname;\n  var baseIp =  false ? undefined : "".concat(localhost);\n  var baseURL =  false ? undefined : "".concat(localhost);\n  var baseWsURL =  false ? undefined : "".concat(localhost);\n  var wsURL = "ws://".concat(baseWsURL, ":").concat(wsPort);\n  var socket = io(wsURL, {\n    transports: [\'websocket\', \'polling\']\n  });\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(buefy__WEBPACK_IMPORTED_MODULE_12__["default"]);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue_fullscreen__WEBPACK_IMPORTED_MODULE_13___default.a);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(v_animate_css__WEBPACK_IMPORTED_MODULE_19__["default"]);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue2_touch_events__WEBPACK_IMPORTED_MODULE_14___default.a);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue_tour__WEBPACK_IMPORTED_MODULE_15___default.a);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].use(vue_socket_io_extended__WEBPACK_IMPORTED_MODULE_16__["default"], socket);\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].config.productionTip = false;\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].prototype.$api = _service_api_js__WEBPACK_IMPORTED_MODULE_11__["default"];\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].prototype.$baseIp = baseIp;\n  vue__WEBPACK_IMPORTED_MODULE_6__["default"].prototype.$baseURL = baseURL;\n  new vue__WEBPACK_IMPORTED_MODULE_6__["default"]({\n    router: _router__WEBPACK_IMPORTED_MODULE_8__["default"],\n    i18n: _plugins_i18n__WEBPACK_IMPORTED_MODULE_10__["default"],\n    store: _store__WEBPACK_IMPORTED_MODULE_9__["default"],\n    render: function render(h) {\n      return h(_App_vue__WEBPACK_IMPORTED_MODULE_7__["default"]);\n    }\n  }).$mount(\'#app\');\n});\n\n//# sourceURL=webpack:///./src/main.js?')},"./src/mixins/mixin.js":
 /*!*****************************!*\
   !*** ./src/mixins/mixin.js ***!
   \*****************************/
@@ -1066,7 +1066,7 @@
 /*!*****************************!*\
   !*** ./src/service/info.js ***!
   \*****************************/
-/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _service_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./service.js */ "./src/service/service.js");\n/*\n * @Author: JerryK\n * @Date: 2021-09-18 21:32:13\n * @LastEditors: 老竭力 jerrykuku@qq.com\n * @LastEditTime: 2022-06-13 19:15:16\n * @Description: System HardWare Info API\n * @FilePath: \\CasaOS-UI\\src\\service\\info.js\n */\n\nvar info = {\n  //All Info\n  utilization: function utilization() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/utilization\');\n  },\n  // Hardware Info\n  hardwareInfo: function hardwareInfo() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'sys/hardware/info\');\n  },\n  //Get CasaOS Config\n  systemConfig: function systemConfig() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/config\');\n  },\n  //Save CasaOs Config\n  saveSystemConfig: function saveSystemConfig(data) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/config\', data);\n  },\n  // Check Verison\n  checkVersion: function checkVersion() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/version/check\');\n  },\n  // Get websocket port\n  getSocketPort: function getSocketPort() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/socket/port\');\n  },\n  //Update System\n  updateSystem: function updateSystem() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/update\');\n  },\n  //ip\n  getIp: function getIp() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'https://ipapi.co/json/\');\n  },\n  //Get CasaOS Config\n  widgetsConfig: function widgetsConfig() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/widget/config\');\n  },\n  //Save CasaOs Config\n  saveWidgetsConfig: function saveWidgetsConfig(data) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/widget/config\', data);\n  },\n  // Get System logs\n  systemLogs: function systemLogs() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/error/logs\');\n  },\n  // Get System Port\n  getSystemPort: function getSystemPort() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/port\');\n  },\n  // Save System Port\n  saveSystemPort: function saveSystemPort(data) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].put(\'/sys/port\', data);\n  },\n  //Stop CasaOS\n  stopCasaOS: function stopCasaOS() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/stop\');\n  },\n  // Get Usb mount State\n  getUsbMountState: function getUsbMountState() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get("/sys/usb/status");\n  },\n  // Set usb mount off\n  setUsbMountOff: function setUsbMountOff() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].put(\'/sys/usb/off\');\n  },\n  // Set usb mount on\n  setUsbMountOn: function setUsbMountOn() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].put(\'/sys/usb/on\');\n  },\n  //Check web ui Port\n  checkUiPort: function checkUiPort(url) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(url);\n  },\n  //Get Debug Info\n  getDebugInfo: function getDebugInfo() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'debug\');\n  },\n  // Get System state\n  guideCheck: function guideCheck() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/guide/check\');\n  }\n};\n/* harmony default export */ __webpack_exports__["default"] = (info);\n\n//# sourceURL=webpack:///./src/service/info.js?')},"./src/service/person.js":
+/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _service_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./service.js */ "./src/service/service.js");\n/*\n * @Author: JerryK\n * @Date: 2021-09-18 21:32:13\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-13 19:31:31\n * @Description: System HardWare Info API\n * @FilePath: \\CasaOS-UI\\src\\service\\info.js\n */\n\nvar info = {\n  //All Info\n  utilization: function utilization() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/utilization\');\n  },\n  // Hardware Info\n  hardwareInfo: function hardwareInfo() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'sys/hardware/info\');\n  },\n  //Get CasaOS Config\n  systemConfig: function systemConfig() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/config\');\n  },\n  //Save CasaOs Config\n  saveSystemConfig: function saveSystemConfig(data) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/config\', data);\n  },\n  // Check Verison\n  checkVersion: function checkVersion() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/version/check\');\n  },\n  // Get websocket port\n  getSocketPort: function getSocketPort() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/socket/port\');\n  },\n  //Update System\n  updateSystem: function updateSystem() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/update\');\n  },\n  //ip\n  getIp: function getIp() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'https://ipapi.co/json/\');\n  },\n  //Get CasaOS Config\n  widgetsConfig: function widgetsConfig() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/widget/config\');\n  },\n  //Save CasaOs Config\n  saveWidgetsConfig: function saveWidgetsConfig(data) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/widget/config\', data);\n  },\n  // Get System logs\n  systemLogs: function systemLogs() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/error/logs\');\n  },\n  // Get System Port\n  getSystemPort: function getSystemPort() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/sys/port\');\n  },\n  // Save System Port\n  saveSystemPort: function saveSystemPort(data) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].put(\'/sys/port\', data);\n  },\n  //Stop CasaOS\n  stopCasaOS: function stopCasaOS() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].post(\'/sys/stop\');\n  },\n  // Get Usb mount State\n  getUsbMountState: function getUsbMountState() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get("/sys/usb/status");\n  },\n  // Set usb mount off\n  setUsbMountOff: function setUsbMountOff() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].put(\'/sys/usb/off\');\n  },\n  // Set usb mount on\n  setUsbMountOn: function setUsbMountOn() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].put(\'/sys/usb/on\');\n  },\n  //Check web ui Port\n  checkUiPort: function checkUiPort(url) {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(url);\n  },\n  //Get Debug Info\n  getDebugInfo: function getDebugInfo() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'debug\');\n  },\n  // Get System state\n  guideCheck: function guideCheck() {\n    return _service_js__WEBPACK_IMPORTED_MODULE_0__["api"].get(\'/guide/check\');\n  }\n};\n/* harmony default export */ __webpack_exports__["default"] = (info);\n\n//# sourceURL=webpack:///./src/service/info.js?')},"./src/service/person.js":
 /*!*******************************!*\
   !*** ./src/service/person.js ***!
   \*******************************/
@@ -1102,11 +1102,11 @@
 /*!********************************!*\
   !*** ./src/store/mutations.js ***!
   \********************************/
-/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/*\n * @Author: Jerryk jerry@icewhale.org\n * @Date: 2022-06-02 19:49:36\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-02 19:50:00\n * @FilePath: \\CasaOS-UI\\src\\store\\mutations.js\n * @Description: \n * \n * Copyright (c) 2022 by IceWhale, All Rights Reserved. \n */\nvar mutations = {\n  setToken: function setToken(state, val) {\n    state.token = val;\n  },\n  setServiceError: function setServiceError(state, val) {\n    state.serviceError = val;\n  },\n  setWidgets: function setWidgets(state, val) {\n    state.widgetsSwitch[val.k] = val.v;\n  },\n  changeUserInfo: function changeUserInfo(state, val) {\n    state.userinfo = val;\n  },\n  changeSideBarState: function changeSideBarState(state) {\n    state.sidebarOpen = !state.sidebarOpen;\n  },\n  closeSideBar: function closeSideBar(state) {\n    state.sidebarOpen = false;\n  },\n  changeSyncthingInfo: function changeSyncthingInfo(state, val) {\n    state.syncthingKey = val.key;\n    state.syncthingPort = val.port;\n  },\n  changeSearchEngine: function changeSearchEngine(state, val) {\n    state.searchEngine = val;\n  },\n  changeSiteLoading: function changeSiteLoading(state) {\n    state.siteLoading = false;\n  },\n  changeInitialization: function changeInitialization(state, val) {\n    state.needInitialization = val;\n  },\n  changeHardwareInfo: function changeHardwareInfo(state, val) {\n    state.hardwareInfo = val;\n  },\n  changePasteFiles: function changePasteFiles(state, val) {\n    state.pasteFiles = val;\n  },\n  changeOperateObject: function changeOperateObject(state, val) {\n    state.operateObject = val;\n  },\n  changeCurrentPath: function changeCurrentPath(state, val) {\n    state.currentPath = val;\n  },\n  changeViewGird: function changeViewGird(state, val) {\n    state.isViewGird = val;\n  },\n  changeShareViewGird: function changeShareViewGird(state, val) {\n    state.isShareViewGird = val;\n  },\n  changeCurrentSharePath: function changeCurrentSharePath(state, val) {\n    state.currentSharePath = val;\n  }\n};\n/* harmony default export */ __webpack_exports__["default"] = (mutations);\n\n//# sourceURL=webpack:///./src/store/mutations.js?')},"./src/store/state.js":
+/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/*\n * @Author: Jerryk jerry@icewhale.org\n * @Date: 2022-06-02 19:49:36\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-14 13:10:38\n * @FilePath: \\CasaOS-UI\\src\\store\\mutations.js\n * @Description: \n * \n * Copyright (c) 2022 by IceWhale, All Rights Reserved. \n */\nvar mutations = {\n  setToken: function setToken(state, val) {\n    state.token = val;\n  },\n  setServiceError: function setServiceError(state, val) {\n    state.serviceError = val;\n  },\n  changeUserInfo: function changeUserInfo(state, val) {\n    state.userinfo = val;\n  },\n  changeSideBarState: function changeSideBarState(state) {\n    state.sidebarOpen = !state.sidebarOpen;\n  },\n  closeSideBar: function closeSideBar(state) {\n    state.sidebarOpen = false;\n  },\n  changeSyncthingInfo: function changeSyncthingInfo(state, val) {\n    state.syncthingKey = val.key;\n    state.syncthingPort = val.port;\n  },\n  changeSearchEngine: function changeSearchEngine(state, val) {\n    state.searchEngine = val;\n  },\n  changeSiteLoading: function changeSiteLoading(state) {\n    state.siteLoading = false;\n  },\n  changeInitialization: function changeInitialization(state, val) {\n    state.needInitialization = val;\n  },\n  changeHardwareInfo: function changeHardwareInfo(state, val) {\n    state.hardwareInfo = val;\n  },\n  changePasteFiles: function changePasteFiles(state, val) {\n    state.pasteFiles = val;\n  },\n  changeOperateObject: function changeOperateObject(state, val) {\n    state.operateObject = val;\n  },\n  changeCurrentPath: function changeCurrentPath(state, val) {\n    state.currentPath = val;\n  },\n  changeViewGird: function changeViewGird(state, val) {\n    state.isViewGird = val;\n  },\n  changeShareViewGird: function changeShareViewGird(state, val) {\n    state.isShareViewGird = val;\n  },\n  changeCurrentSharePath: function changeCurrentSharePath(state, val) {\n    state.currentSharePath = val;\n  },\n  // Set if isMobile or not\n  setIsMobile: function setIsMobile(state, val) {\n    state.isMobile = val;\n  }\n};\n/* harmony default export */ __webpack_exports__["default"] = (mutations);\n\n//# sourceURL=webpack:///./src/store/mutations.js?')},"./src/store/state.js":
 /*!****************************!*\
   !*** ./src/store/state.js ***!
   \****************************/
-/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/*\n * @Author: Jerryk jerry@icewhale.org\n * @Date: 2022-06-02 19:48:26\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-02 19:48:54\n * @FilePath: \\CasaOS-UI\\src\\store\\states.js\n * @Description: \n * \n * Copyright (c) 2022 by IceWhale, All Rights Reserved. \n */\nvar state = {\n  token: "",\n  serviceError: false,\n  userinfo: {},\n  sidebarOpen: false,\n  syncthingKey: \'\',\n  syncthingPort: \'\',\n  searchEngine: \'\',\n  siteLoading: true,\n  needInitialization: false,\n  widgetsSwitch: {\n    clock: true,\n    weather: true,\n    cpu: true,\n    disk: true\n  },\n  hardwareInfo: {},\n  // Files\n  pasteFiles: "",\n  operateObject: null,\n  currentPath: "",\n  isViewGird: true,\n  // Conenct\n  isShareViewGird: true,\n  currentSharePath: ""\n};\n/* harmony default export */ __webpack_exports__["default"] = (state);\n\n//# sourceURL=webpack:///./src/store/state.js?')},0:
+/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/*\n * @Author: Jerryk jerry@icewhale.org\n * @Date: 2022-06-02 19:48:26\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-14 13:08:46\n * @FilePath: \\CasaOS-UI\\src\\store\\state.js\n * @Description: \n * \n * Copyright (c) 2022 by IceWhale, All Rights Reserved. \n */\nvar state = {\n  token: "",\n  serviceError: false,\n  userinfo: {},\n  sidebarOpen: false,\n  syncthingKey: \'\',\n  syncthingPort: \'\',\n  searchEngine: \'\',\n  siteLoading: true,\n  needInitialization: false,\n  hardwareInfo: {},\n  isMobile: false,\n  // Files\n  pasteFiles: "",\n  operateObject: null,\n  currentPath: "",\n  isViewGird: true,\n  // Conenct\n  isShareViewGird: true,\n  currentSharePath: ""\n};\n/* harmony default export */ __webpack_exports__["default"] = (state);\n\n//# sourceURL=webpack:///./src/store/state.js?')},0:
 /*!***************************!*\
   !*** multi ./src/main.js ***!
   \***************************/