From 0297fe67afd86269288d23b4b85007ac00ab1bf3 Mon Sep 17 00:00:00 2001
From: link <a624669980@163.com>
Date: Tue, 14 Jun 2022 18:10:22 +0800
Subject: [PATCH 1/9] Dev (#290)

* fix bug

* updata UI

* 0.3.2

### Added

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

### Changed

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

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

* Modify log help class

* Fix some bugs in 0.3.2

* Solve the operation file queue problem

* Exclude web folders

* update UI

* add cancel file operate

* Update UI

* Merge sockets to transfer data

* Conflict Resolution

* Update send data interval

* Update UI

* fixed bug

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

* update version function

* Fix version update issues

* fixed bug

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

* update UI
---
 CHANGELOG.md    | 14 ++++++++++----
 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 ++++++++--------
 10 files changed, 57 insertions(+), 39 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c6647f6..81aa0c4 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/model/docker.go b/model/docker.go
index 1718eb6..59b006d 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 f976f13..4ed9728 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 8ee9d75..fc39518 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 c282301..36e7835 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 dd936c5..b7ddc78 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 fa5d7bf..c58c9d7 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 8ce7850..20311a7 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 c83b96b..80e22b2 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 d237e26..2a2cd38 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 ***!
   \***************************/

From 0885c1386de39c426c3b851737884e39ea0c6857 Mon Sep 17 00:00:00 2001
From: link <a624669980@163.com>
Date: Tue, 14 Jun 2022 18:11:15 +0800
Subject: [PATCH 2/9] Dev (#291)

* fix bug

* updata UI

* 0.3.2

### Added

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

### Changed

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

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

* Modify log help class

* Fix some bugs in 0.3.2

* Solve the operation file queue problem

* Exclude web folders

* update UI

* add cancel file operate

* Update UI

* Merge sockets to transfer data

* Conflict Resolution

* Update send data interval

* Update UI

* fixed bug

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

* update version function

* Fix version update issues

* fixed bug

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

* update UI

From eedffd7c19340e9c727006ce0c0510cc37f6cf62 Mon Sep 17 00:00:00 2001
From: link <a624669980@163.com>
Date: Tue, 14 Jun 2022 18:22:02 +0800
Subject: [PATCH 3/9] Dev (#292)

* fix bug

* updata UI

* 0.3.2

### Added

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

### Changed

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

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

* Modify log help class

* Fix some bugs in 0.3.2

* Solve the operation file queue problem

* Exclude web folders

* update UI

* add cancel file operate

* Update UI

* Merge sockets to transfer data

* Conflict Resolution

* Update send data interval

* Update UI

* fixed bug

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

* update version function

* Fix version update issues

* fixed bug

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

* update UI

* Update CHANGELOG.md
---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 81aa0c4..80a2b27 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,7 +31,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [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)
+- [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
 

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

* fix bug

* updata UI

* 0.3.2

### Added

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

### Changed

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

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

* Modify log help class

* Fix some bugs in 0.3.2

* Solve the operation file queue problem

* Exclude web folders

* update UI

* add cancel file operate

* Update UI

* Merge sockets to transfer data

* Conflict Resolution

* Update send data interval

* Update UI

* fixed bug

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

* update version function

* Fix version update issues

* fixed bug

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

* update UI

* Update CHANGELOG.md

* update app service

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

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

From f506d6ce498d3f2ff4f5e52125cbc6259f08941d Mon Sep 17 00:00:00 2001
From: link <a624669980@163.com>
Date: Wed, 15 Jun 2022 19:01:26 +0800
Subject: [PATCH 5/9] Dev (#298)

* fix bug

* updata UI

* 0.3.2

### Added

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

### Changed

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

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

* Modify log help class

* Fix some bugs in 0.3.2

* Solve the operation file queue problem

* Exclude web folders

* update UI

* add cancel file operate

* Update UI

* Merge sockets to transfer data

* Conflict Resolution

* Update send data interval

* Update UI

* fixed bug

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

* update version function

* Fix version update issues

* fixed bug

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

* update UI

* Update CHANGELOG.md

* update app service

* update ui

* Fix application installation host mode error

* update ui

* Update UI
---
 route/init.go      |  3 ++-
 route/v1/docker.go |  4 ++--
 service/app.go     |  7 ++++---
 service/docker.go  | 20 ++++++++++----------
 web/index.html     |  2 +-
 web/js/11.js       |  2 +-
 web/js/12.js       |  2 +-
 web/js/3.js        |  2 +-
 web/js/4.js        |  8 ++++----
 web/js/8.js        | 20 ++++++++++----------
 web/js/app.js      |  6 +++---
 11 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/route/init.go b/route/init.go
index 14ab707..8ea6bf7 100644
--- a/route/init.go
+++ b/route/init.go
@@ -103,9 +103,10 @@ func installSyncthing(appId string) {
 	m.Ports = appInfo.Ports
 	m.Restart = "always"
 	m.Volumes = appInfo.Volumes
+	m.NetworkModel = appInfo.NetworkModel
 	m.Label = id
 	m.CustomId = id
-	containerId, err := service.MyService.Docker().DockerContainerCreate(dockerImage+":"+dockerImageVersion, m, appInfo.NetworkModel)
+	containerId, err := service.MyService.Docker().DockerContainerCreate(dockerImage+":"+dockerImageVersion, m)
 	if err != nil {
 		fmt.Println("container create error", err)
 		// create container error
diff --git a/route/v1/docker.go b/route/v1/docker.go
index d440c73..94ce469 100644
--- a/route/v1/docker.go
+++ b/route/v1/docker.go
@@ -327,7 +327,7 @@ func InstallApp(c *gin.Context) {
 			time.Sleep(time.Second)
 		}
 
-		_, err = service.MyService.Docker().DockerContainerCreate(dockerImage+":"+dockerImageVersion, m, appInfo.NetworkModel)
+		_, err = service.MyService.Docker().DockerContainerCreate(dockerImage+":"+dockerImageVersion, m)
 		if err != nil {
 			//service.MyService.Redis().Set(id, "{\"id\"\""+id+"\",\"state\":false,\"message\":\""+err.Error()+"\",\"speed\":80}", 100)
 			notify := notify.Application{}
@@ -901,7 +901,7 @@ func UpdateSetting(c *gin.Context) {
 	service.MyService.Docker().DockerContainerUpdateName(id, id)
 	//service.MyService.Docker().DockerContainerRemove(id, true)
 
-	containerId, err := service.MyService.Docker().DockerContainerCreate(m.Image, m, m.NetworkModel)
+	containerId, err := service.MyService.Docker().DockerContainerCreate(m.Image, m)
 	if err != nil {
 		service.MyService.Docker().DockerContainerUpdateName(m.Label, id)
 		service.MyService.Docker().DockerContainerStart(id)
diff --git a/service/app.go b/service/app.go
index b08bcc8..b2d4686 100644
--- a/service/app.go
+++ b/service/app.go
@@ -479,10 +479,10 @@ func (a *appStruct) GetHardwareUsageSteam() {
 		if err != nil {
 			loger.Error("Failed to get container_list", zap.Any("err", err))
 		}
+		var temp sync.Map
 		var wg sync.WaitGroup
 		for _, v := range containers {
 			if v.State != "running" {
-				dataStats.Delete(v.ID)
 				continue
 			}
 			wg.Add(1)
@@ -490,7 +490,6 @@ 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)
@@ -507,14 +506,16 @@ func (a *appStruct) GetHardwareUsageSteam() {
 				dockerStats.Icon = v.Labels["icon"]
 				dockerStats.Title = strings.ReplaceAll(v.Names[0], "/", "")
 
-				dataStats.Store(v.ID, dockerStats)
+				temp.Store(v.ID, dockerStats)
 				if i == 99 {
 					stats.Body.Close()
 				}
 			}(v, i)
 		}
 		wg.Wait()
+		dataStats = temp
 		isFinish = true
+
 		time.Sleep(time.Second * 1)
 	}
 	isFinish = false
diff --git a/service/docker.go b/service/docker.go
index 69a87fd..593794c 100644
--- a/service/docker.go
+++ b/service/docker.go
@@ -45,7 +45,7 @@ import (
 type DockerService interface {
 	DockerPullImage(imageName string, icon, name string) error
 	IsExistImage(imageName string) bool
-	DockerContainerCreate(imageName string, m model.CustomizationPostData, net string) (containerId string, err error)
+	DockerContainerCreate(imageName string, m model.CustomizationPostData) (containerId string, err error)
 	DockerContainerCopyCreate(info *types.ContainerJSON) (containerId string, err error)
 	DockerContainerStart(name string) error
 	DockerContainerStats(name string) (string, error)
@@ -376,9 +376,9 @@ func (ds *dockerService) DockerContainerCopyCreate(info *types.ContainerJSON) (c
 //param mapPort 容器主端口映射到外部的端口
 //param tcp 容器其他tcp端口
 //param udp 容器其他udp端口
-func (ds *dockerService) DockerContainerCreate(imageName string, m model.CustomizationPostData, net string) (containerId string, err error) {
-	if len(net) == 0 {
-		net = "bridge"
+func (ds *dockerService) DockerContainerCreate(imageName string, m model.CustomizationPostData) (containerId string, err error) {
+	if len(m.NetworkModel) == 0 {
+		m.NetworkModel = "bridge"
 	}
 
 	cli, err := client2.NewClientWithOpts(client2.FromEnv)
@@ -402,7 +402,7 @@ func (ds *dockerService) DockerContainerCreate(imageName string, m model.Customi
 			tContainer, _ := strconv.Atoi(portMap.ContainerPort)
 			if tContainer > 0 {
 				ports[nat.Port(portMap.ContainerPort+"/tcp")] = struct{}{}
-				if net != "host" {
+				if m.NetworkModel != "host" {
 					portMaps[nat.Port(portMap.ContainerPort+"/tcp")] = []nat.PortBinding{{HostPort: portMap.CommendPort}}
 				}
 			}
@@ -411,7 +411,7 @@ func (ds *dockerService) DockerContainerCreate(imageName string, m model.Customi
 			tContainer, _ := strconv.Atoi(portMap.ContainerPort)
 			if tContainer > 0 {
 				ports[nat.Port(portMap.ContainerPort+"/tcp")] = struct{}{}
-				if net != "host" {
+				if m.NetworkModel != "host" {
 					portMaps[nat.Port(portMap.ContainerPort+"/tcp")] = []nat.PortBinding{{HostPort: portMap.CommendPort}}
 				}
 			}
@@ -419,7 +419,7 @@ func (ds *dockerService) DockerContainerCreate(imageName string, m model.Customi
 			uContainer, _ := strconv.Atoi(portMap.ContainerPort)
 			if uContainer > 0 {
 				ports[nat.Port(portMap.ContainerPort+"/udp")] = struct{}{}
-				if net != "host" {
+				if m.NetworkModel != "host" {
 					portMaps[nat.Port(portMap.ContainerPort+"/udp")] = []nat.PortBinding{{HostPort: portMap.CommendPort}}
 				}
 			}
@@ -428,7 +428,7 @@ func (ds *dockerService) DockerContainerCreate(imageName string, m model.Customi
 			uContainer, _ := strconv.Atoi(portMap.ContainerPort)
 			if uContainer > 0 {
 				ports[nat.Port(portMap.ContainerPort+"/udp")] = struct{}{}
-				if net != "host" {
+				if m.NetworkModel != "host" {
 					portMaps[nat.Port(portMap.ContainerPort+"/udp")] = []nat.PortBinding{{HostPort: portMap.CommendPort}}
 				}
 			}
@@ -541,7 +541,7 @@ func (ds *dockerService) DockerContainerCreate(imageName string, m model.Customi
 	config.Labels["protocol"] = m.Protocol
 	config.Labels["host"] = m.Host
 	//config.Labels["order"] = strconv.Itoa(MyService.App().GetCasaOSCount() + 1)
-	hostConfig := &container.HostConfig{Resources: res, Mounts: volumes, RestartPolicy: rp, NetworkMode: container.NetworkMode(net), Privileged: m.Privileged, CapAdd: m.CapAdd}
+	hostConfig := &container.HostConfig{Resources: res, Mounts: volumes, RestartPolicy: rp, NetworkMode: container.NetworkMode(m.NetworkModel), Privileged: m.Privileged, CapAdd: m.CapAdd}
 	//if net != "host" {
 	config.ExposedPorts = ports
 	hostConfig.PortBindings = portMaps
@@ -550,7 +550,7 @@ func (ds *dockerService) DockerContainerCreate(imageName string, m model.Customi
 	containerDb, err := cli.ContainerCreate(context.Background(),
 		config,
 		hostConfig,
-		&network.NetworkingConfig{EndpointsConfig: map[string]*network.EndpointSettings{net: {NetworkID: "", Aliases: []string{}}}},
+		&network.NetworkingConfig{EndpointsConfig: map[string]*network.EndpointSettings{m.NetworkModel: {NetworkID: "", Aliases: []string{}}}},
 		nil,
 		m.Label)
 	if err != nil {
diff --git a/web/index.html b/web/index.html
index 395f8b2..84e74cf 100644
--- a/web/index.html
+++ b/web/index.html
@@ -20,7 +20,7 @@
   <title>
     CasaOS
   </title>
-<link href="/ui/css/10.32be8789.css" rel="prefetch"><link href="/ui/css/11.dc77452d.css" rel="prefetch"><link href="/ui/css/16.1f93b660.css" rel="prefetch"><link href="/ui/css/17.046fd3d8.css" rel="prefetch"><link href="/ui/css/8.332ce37a.css" rel="prefetch"><link href="/ui/css/9.e1b97a16.css" rel="prefetch"><link href="/ui/js/0.js" rel="prefetch"><link href="/ui/js/1.js" rel="prefetch"><link href="/ui/js/10.js" rel="prefetch"><link href="/ui/js/11.js" rel="prefetch"><link href="/ui/js/12.js" rel="prefetch"><link href="/ui/js/13.js" rel="prefetch"><link href="/ui/js/14.js" rel="prefetch"><link href="/ui/js/15.js" rel="prefetch"><link href="/ui/js/16.js" rel="prefetch"><link href="/ui/js/17.js" rel="prefetch"><link href="/ui/js/18.js" rel="prefetch"><link href="/ui/js/2.js" rel="prefetch"><link href="/ui/js/3.js" rel="prefetch"><link href="/ui/js/4.js" rel="prefetch"><link href="/ui/js/5.js" rel="prefetch"><link href="/ui/js/6.js" rel="prefetch"><link href="/ui/js/7.js" rel="prefetch"><link href="/ui/js/8.js" rel="prefetch"><link href="/ui/js/9.js" rel="prefetch"><link href="/ui/css/app.87e82b7f.css" rel="preload" as="style"><link href="/ui/css/vendors~app.a048753d.css" rel="preload" as="style"><link href="/ui/js/app.js" rel="preload" as="script"><link href="/ui/js/vendors~app.js" rel="preload" as="script"><link href="/ui/css/vendors~app.a048753d.css" rel="stylesheet"><link href="/ui/css/app.87e82b7f.css" rel="stylesheet"></head>
+<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.8acf69a4.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.fccf59b0.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.fccf59b0.css" rel="stylesheet"></head>
 
 <body>
   <noscript>
diff --git a/web/js/11.js b/web/js/11.js
index 36e7835..c282301 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_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":
+/*! 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":
 /*!*******************************!*\
   !*** ./src/views/Welcome.vue ***!
   \*******************************/
diff --git a/web/js/12.js b/web/js/12.js
index b7ddc78..dd936c5 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_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":
+/*! 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":
 /*!*****************************!*\
   !*** ./src/views/Login.vue ***!
   \*****************************/
diff --git a/web/js/3.js b/web/js/3.js
index c58c9d7..fa5d7bf 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_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
+/*! 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
diff --git a/web/js/4.js b/web/js/4.js
index 20311a7..5e5a0a9 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_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&":
+/*! 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&":
 /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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_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&":
+/*! 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&":
 /*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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_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&":
+/*! 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&":
 /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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& ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************/
@@ -62,7 +62,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/views/CasaConnect.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/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __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_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var vue_avatar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-avatar */ "./node_modules/vue-avatar/dist/vue-avatar.min.js");\n/* harmony import */ var vue_avatar__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue_avatar__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var vue_multipane__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue-multipane */ "./node_modules/vue-multipane/dist/vue-multipane.esm.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/orderBy */ "./node_modules/lodash/orderBy.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/isEqual */ "./node_modules/lodash/isEqual.js");\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/find */ "./node_modules/lodash/find.js");\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_find__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _components_AcquaintanceShare_components_DownloadList_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/DownloadList.vue */ "./src/components/AcquaintanceShare/components/DownloadList.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_GirdView_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/GirdView.vue */ "./src/components/AcquaintanceShare/components/GirdView.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_ListView_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/ListView.vue */ "./src/components/AcquaintanceShare/components/ListView.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_AddFriendModal_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/AddFriendModal.vue */ "./src/components/AcquaintanceShare/modals/AddFriendModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_DownloadModal_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/DownloadModal.vue */ "./src/components/AcquaintanceShare/modals/DownloadModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_ProfileModal_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/ProfileModal.vue */ "./src/components/AcquaintanceShare/modals/ProfileModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_SettingsModal_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/SettingsModal.vue */ "./src/components/AcquaintanceShare/modals/SettingsModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_HistoryButton_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/HistoryButton.vue */ "./src/components/AcquaintanceShare/components/HistoryButton.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_MyInfoModal_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/MyInfoModal.vue */ "./src/components/AcquaintanceShare/modals/MyInfoModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_InitModal_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/InitModal.vue */ "./src/components/AcquaintanceShare/modals/InitModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_UserContextMenu_vue__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/UserContextMenu.vue */ "./src/components/AcquaintanceShare/components/UserContextMenu.vue");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! clipboard-copy */ "./node_modules/clipboard-copy/index.js");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(clipboard_copy__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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: "casa-connect",\n  provide: function provide() {\n    return {\n      filePanel: this\n    };\n  },\n  components: {\n    Multipane: vue_multipane__WEBPACK_IMPORTED_MODULE_8__["Multipane"],\n    MultipaneResizer: vue_multipane__WEBPACK_IMPORTED_MODULE_8__["MultipaneResizer"],\n    DownloadList: _components_AcquaintanceShare_components_DownloadList_vue__WEBPACK_IMPORTED_MODULE_12__["default"],\n    GirdView: _components_AcquaintanceShare_components_GirdView_vue__WEBPACK_IMPORTED_MODULE_13__["default"],\n    ListView: _components_AcquaintanceShare_components_ListView_vue__WEBPACK_IMPORTED_MODULE_14__["default"],\n    HistoryButton: _components_AcquaintanceShare_components_HistoryButton_vue__WEBPACK_IMPORTED_MODULE_19__["default"],\n    Avatar: vue_avatar__WEBPACK_IMPORTED_MODULE_7___default.a,\n    UserContextMenu: _components_AcquaintanceShare_components_UserContextMenu_vue__WEBPACK_IMPORTED_MODULE_22__["default"]\n  },\n  data: function data() {\n    return {\n      isSelfLoading: false,\n      open: false,\n      timer: 0,\n      timeGap: 3,\n      isViewGird: true,\n      isLoading: false,\n      isDownloadShow: false,\n      isDragIn: false,\n      timeout: null,\n      rootPath: "/",\n      currentPath: "",\n      currentPathName: "",\n      listData: [],\n      myId: "",\n      myInfo: {\n        user_name: "",\n        nick_name: "",\n        description: ""\n      },\n      myFriendsList: [],\n      currentUser: {\n        token: ""\n      },\n      currentUserFileList: {},\n      cancelRequest: null,\n      downloadListLen: 0,\n      wsUrl: "ws://".concat(this.$baseURL, "/v1/notify/ws?token=").concat(this.$store.state.token),\n      steps: [{\n        target: \'#v-step-0\',\n        content: \'Here is your avatar, where you can change your personal information and get your ID to share with your friends.\'\n      }, {\n        target: \'#v-step-1\',\n        content: "Click \\"+\\" and enter your friend\'s ID to send a friend request."\n      }, {\n        target: \'#v-step-2\',\n        content: \'Browse your download progress and download history here.\'\n      }, {\n        target: \'#v-step-3\',\n        content: \'Modify your shared folders, and default download path here.\'\n      }]\n    };\n  },\n  computed: {\n    isInit: function isInit() {\n      return this.myInfo.nick_name != "" && this.myInfo.description != "";\n    },\n    viewIcon: function viewIcon() {\n      return this.$store.state.isShareViewGird ? "view-grid-outline" : "format-list-bulleted";\n    },\n    listView: function listView() {\n      return this.$store.state.isShareViewGird ? "gird-view" : "list-view";\n    },\n    isNoneUserSelect: function isNoneUserSelect() {\n      return lodash_isEqual__WEBPACK_IMPORTED_MODULE_10___default()(this.currentUser, {\n        token: ""\n      });\n    }\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    this.getMyInfo();\n    this.getMyShareId(); // if (this.timer)\n    //   clearInterval(this.timer)\n    // this.timer = setInterval(() => {\n    //   this.getMyFriendList()\n    // }, this.timeGap * 1000)\n\n    this.getDownloadListLen(); // this.$tours[\'myTour\'].start()\n    // Handling drag-and-drop upload events\n\n    var tranlatePath = document.getElementById("drag-area");\n    tranlatePath.addEventListener("dragenter", this.onDrag, false);\n    tranlatePath.addEventListener("dragover", this.onDrag, false);\n    tranlatePath.addEventListener("drop", this.onDrop, false);\n  },\n  methods: {\n    /*************************************************\n     * PART 1  Self Logic\n    **************************************************/\n    // Get My Info\n    getMyInfo: function getMyInfo() {\n      var _this = this;\n\n      this.$api.user.getUserInfo().then(function (res) {\n        _this.myInfo = res.data.data;\n\n        if (!_this.isInit) {\n          _this.showInitModal();\n        } else {\n          _this.getMyFriendList(true);\n        }\n      });\n    },\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_23___default()(this.myId);\n      this.$buefy.toast.open({\n        message: this.myId + " " + this.$t(\'has been copied to the clipboard\'),\n        type: \'is-success\'\n      });\n    },\n\n    /*************************************************\n     * PART 2  Friends share \n    **************************************************/\n    getMyFriendList: function getMyFriendList() {\n      var _this3 = this;\n\n      var showFirst = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      this.$api.person.getFriendsList().then(function (res) {\n        _this3.myFriendsList = lodash_orderBy__WEBPACK_IMPORTED_MODULE_9___default()(res.data.data, [\'on_line\'], [\'desc\']);\n\n        if (showFirst && _this3.myFriendsList.length > 0) {\n          var user = lodash_find__WEBPACK_IMPORTED_MODULE_11___default()(_this3.myFriendsList, function (o) {\n            return o.on_line;\n          });\n\n          _this3.getUserFiles(user, _this3.rootPath);\n        }\n      });\n    },\n    // Get user Files\n    getUserFiles: function getUserFiles(user, path) {\n      var _this4 = this;\n\n      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n\n      if (!user.on_line) {\n        this.$buefy.toast.open({\n          message: user.nick_name + " " + this.$t(\'is offline\'),\n          type: \'is-danger\'\n        });\n        return false;\n      }\n\n      if (this.isDownloadShow) this.isDownloadShow = false;\n      this.currentUser = user;\n      this.isLoading = true;\n\n      if (typeof this.cancelRequest === \'function\') {\n        this.cancelRequest();\n      }\n\n      this.$api.person.getDirectory(this.currentUser.token, path, this).then(function (res) {\n        _this4.isLoading = false;\n\n        if (res.data.success == 200) {\n          _this4.currentPath = path;\n          _this4.currentPathName = path.split("/").pop();\n          _this4.listData = lodash_orderBy__WEBPACK_IMPORTED_MODULE_9___default()(res.data.data, [\'is_dir\'], [\'desc\']);\n\n          if (type == 2) {\n            console.log(path);\n\n            _this4.$refs.historyBar.clearHistory();\n          } else if (type == 1) {\n            _this4.$refs.historyBar.addHistory(path);\n          }\n        } else {\n          _this4.listData = [];\n          console.log(res.data.message);\n        }\n\n        _this4.$store.commit(\'changeCurrentSharePath\', path);\n      }).catch(function (err) {\n        console.log(err);\n      });\n    },\n\n    /*************************************************\n     * PART 2  UI Action\n    **************************************************/\n    // Show user side bar context\n    showContext: function showContext($event, user) {\n      this.$refs.userContextMenu.open($event, user);\n    },\n    // Reload current folder\n    reload: function reload() {\n      this.getUserFiles(this.currentUser, this.currentPath);\n    },\n    // Show Download List\n    showDownloadList: function showDownloadList() {\n      this.isDownloadShow = true;\n      this.listData = [];\n      this.currentUser = {\n        token: ""\n      };\n    },\n    // Get download list length\n    getDownloadListLen: function getDownloadListLen() {\n      var _this5 = this;\n\n      this.$api.person.getDownloadList().then(function (res) {\n        if (res.data.success == 200) {\n          _this5.downloadListLen = res.data.data.filter(function (item) {\n            return item.state != 5;\n          }).length;\n        }\n      });\n    },\n    //Update download list length\n    updateListLen: function updateListLen(len) {\n      this.downloadListLen = len;\n    },\n    // Change View\n    changeView: function changeView() {\n      this.isViewGird = !this.$store.state.isShareViewGird;\n      this.$store.commit(\'changeShareViewGird\', this.isViewGird);\n    },\n    // Handle the multipane resize event\n    onPanerResize: function onPanerResize() {\n      if (this.isViewGird) this.$refs.views.onResize();\n    },\n\n    /******************************************\n     * PART 3  Modals\n    *******************************************/\n    //  Show Init Modal\n    showInitModal: function showInitModal() {\n      var _this6 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_InitModal_vue__WEBPACK_IMPORTED_MODULE_21__["default"],\n        customClass: "init-modal",\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          myInfo: this.myInfo\n        },\n        events: {\n          \'close\': function close() {\n            _this6.getMyInfo();\n\n            _this6.$tours[\'myTour\'].start();\n\n            _this6.getMyFriendList(true);\n          }\n        }\n      });\n    },\n    // Show Edit My Info Modal\n    showEditInfoModal: function showEditInfoModal() {\n      var _this7 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_ProfileModal_vue__WEBPACK_IMPORTED_MODULE_17__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'close\': function close() {\n            _this7.getMyInfo();\n          }\n        }\n      });\n    },\n    // Show  Settings Modal\n    showSettingsModal: function showSettingsModal() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_SettingsModal_vue__WEBPACK_IMPORTED_MODULE_18__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'after-enter\': function afterEnter() {\n            console.log("enter");\n          }\n        }\n      });\n    },\n    // Show my ID Modal\n    showMyIdModal: function showMyIdModal() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_MyInfoModal_vue__WEBPACK_IMPORTED_MODULE_20__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {}\n      });\n    },\n    // Show Add Friend Modal\n    showAddFriendModal: function showAddFriendModal() {\n      var _this8 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_AddFriendModal_vue__WEBPACK_IMPORTED_MODULE_15__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          "reloadFriendList": function reloadFriendList() {\n            _this8.getMyFriendList();\n          }\n        }\n      });\n    },\n    // Show Download Modal\n    showDownloadModal: function showDownloadModal(user, item) {\n      var _this9 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_DownloadModal_vue__WEBPACK_IMPORTED_MODULE_16__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          user: user,\n          item: item\n        },\n        events: {\n          "update": function update() {\n            _this9.getDownloadListLen();\n          }\n        }\n      });\n    },\n\n    /*************************************************\n     * PART 4  Drag and Drop\n    **************************************************/\n    onDrag: function onDrag(e) {\n      var _this10 = this;\n\n      this.isDragIn = true;\n\n      if (this.timeout !== null) {\n        clearTimeout(this.timeout);\n      }\n\n      this.timeout = setTimeout(function () {\n        _this10.isDragIn = false;\n        _this10.timeout = null;\n      }, 100);\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    onDrop: function onDrop(e) {\n      e.stopPropagation();\n      e.preventDefault();\n    }\n  },\n  sockets: {\n    person_status: function person_status(data) {\n      var isOnline = data.type == "OFFLINE" ? false : true;\n      this.myFriendsList.forEach(function (item) {\n        if (item.token == data.share_id) {\n          item.on_line = isOnline;\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/views/CasaConnect.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?{"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/AcquaintanceShare/components/ActionButton.vue?vue&type=template&id=6cb3fb0e&':
+/*! 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_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __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_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_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_split_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var vue_avatar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue-avatar */ "./node_modules/vue-avatar/dist/vue-avatar.min.js");\n/* harmony import */ var vue_avatar__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue_avatar__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var vue_multipane__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vue-multipane */ "./node_modules/vue-multipane/dist/vue-multipane.esm.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/orderBy */ "./node_modules/lodash/orderBy.js");\n/* harmony import */ var lodash_orderBy__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_orderBy__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/isEqual */ "./node_modules/lodash/isEqual.js");\n/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash/find */ "./node_modules/lodash/find.js");\n/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash_find__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _components_AcquaintanceShare_components_DownloadList_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/DownloadList.vue */ "./src/components/AcquaintanceShare/components/DownloadList.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_GirdView_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/GirdView.vue */ "./src/components/AcquaintanceShare/components/GirdView.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_ListView_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/ListView.vue */ "./src/components/AcquaintanceShare/components/ListView.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_AddFriendModal_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/AddFriendModal.vue */ "./src/components/AcquaintanceShare/modals/AddFriendModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_DownloadModal_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/DownloadModal.vue */ "./src/components/AcquaintanceShare/modals/DownloadModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_ProfileModal_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/ProfileModal.vue */ "./src/components/AcquaintanceShare/modals/ProfileModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_SettingsModal_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/SettingsModal.vue */ "./src/components/AcquaintanceShare/modals/SettingsModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_HistoryButton_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/HistoryButton.vue */ "./src/components/AcquaintanceShare/components/HistoryButton.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_MyInfoModal_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/MyInfoModal.vue */ "./src/components/AcquaintanceShare/modals/MyInfoModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_modals_InitModal_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../components/AcquaintanceShare/modals/InitModal.vue */ "./src/components/AcquaintanceShare/modals/InitModal.vue");\n/* harmony import */ var _components_AcquaintanceShare_components_UserContextMenu_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../components/AcquaintanceShare/components/UserContextMenu.vue */ "./src/components/AcquaintanceShare/components/UserContextMenu.vue");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! clipboard-copy */ "./node_modules/clipboard-copy/index.js");\n/* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(clipboard_copy__WEBPACK_IMPORTED_MODULE_22__);\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: "casa-connect",\n  provide: function provide() {\n    return {\n      filePanel: this\n    };\n  },\n  components: {\n    Multipane: vue_multipane__WEBPACK_IMPORTED_MODULE_7__["Multipane"],\n    MultipaneResizer: vue_multipane__WEBPACK_IMPORTED_MODULE_7__["MultipaneResizer"],\n    DownloadList: _components_AcquaintanceShare_components_DownloadList_vue__WEBPACK_IMPORTED_MODULE_11__["default"],\n    GirdView: _components_AcquaintanceShare_components_GirdView_vue__WEBPACK_IMPORTED_MODULE_12__["default"],\n    ListView: _components_AcquaintanceShare_components_ListView_vue__WEBPACK_IMPORTED_MODULE_13__["default"],\n    HistoryButton: _components_AcquaintanceShare_components_HistoryButton_vue__WEBPACK_IMPORTED_MODULE_18__["default"],\n    Avatar: vue_avatar__WEBPACK_IMPORTED_MODULE_6___default.a,\n    UserContextMenu: _components_AcquaintanceShare_components_UserContextMenu_vue__WEBPACK_IMPORTED_MODULE_21__["default"]\n  },\n  data: function data() {\n    return {\n      isSelfLoading: false,\n      open: false,\n      timer: 0,\n      timeGap: 3,\n      isViewGird: true,\n      isLoading: false,\n      isDownloadShow: false,\n      isDragIn: false,\n      timeout: null,\n      rootPath: "/",\n      currentPath: "",\n      currentPathName: "",\n      listData: [],\n      myId: "",\n      myInfo: {\n        user_name: "",\n        nick_name: "",\n        description: ""\n      },\n      myFriendsList: [],\n      currentUser: {\n        token: ""\n      },\n      currentUserFileList: {},\n      cancelRequest: null,\n      downloadListLen: 0,\n      steps: [{\n        target: \'#v-step-0\',\n        content: \'Here is your avatar, where you can change your personal information and get your ID to share with your friends.\'\n      }, {\n        target: \'#v-step-1\',\n        content: "Click \\"+\\" and enter your friend\'s ID to send a friend request."\n      }, {\n        target: \'#v-step-2\',\n        content: \'Browse your download progress and download history here.\'\n      }, {\n        target: \'#v-step-3\',\n        content: \'Modify your shared folders, and default download path here.\'\n      }]\n    };\n  },\n  computed: {\n    isInit: function isInit() {\n      return this.myInfo.nick_name != "" && this.myInfo.description != "";\n    },\n    viewIcon: function viewIcon() {\n      return this.$store.state.isShareViewGird ? "view-grid-outline" : "format-list-bulleted";\n    },\n    listView: function listView() {\n      return this.$store.state.isShareViewGird ? "gird-view" : "list-view";\n    },\n    isNoneUserSelect: function isNoneUserSelect() {\n      return lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default()(this.currentUser, {\n        token: ""\n      });\n    }\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    this.getMyInfo();\n    this.getMyShareId(); // if (this.timer)\n    //   clearInterval(this.timer)\n    // this.timer = setInterval(() => {\n    //   this.getMyFriendList()\n    // }, this.timeGap * 1000)\n\n    this.getDownloadListLen(); // this.$tours[\'myTour\'].start()\n    // Handling drag-and-drop upload events\n\n    var tranlatePath = document.getElementById("drag-area");\n    tranlatePath.addEventListener("dragenter", this.onDrag, false);\n    tranlatePath.addEventListener("dragover", this.onDrag, false);\n    tranlatePath.addEventListener("drop", this.onDrop, false);\n  },\n  methods: {\n    /*************************************************\n     * PART 1  Self Logic\n    **************************************************/\n    // Get My Info\n    getMyInfo: function getMyInfo() {\n      var _this = this;\n\n      this.$api.user.getUserInfo().then(function (res) {\n        _this.myInfo = res.data.data;\n\n        if (!_this.isInit) {\n          _this.showInitModal();\n        } else {\n          _this.getMyFriendList(true);\n        }\n      });\n    },\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_22___default()(this.myId);\n      this.$buefy.toast.open({\n        message: this.myId + " " + this.$t(\'has been copied to the clipboard\'),\n        type: \'is-success\'\n      });\n    },\n\n    /*************************************************\n     * PART 2  Friends share \n    **************************************************/\n    getMyFriendList: function getMyFriendList() {\n      var _this3 = this;\n\n      var showFirst = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      this.$api.person.getFriendsList().then(function (res) {\n        _this3.myFriendsList = lodash_orderBy__WEBPACK_IMPORTED_MODULE_8___default()(res.data.data, [\'on_line\'], [\'desc\']);\n\n        if (showFirst && _this3.myFriendsList.length > 0) {\n          var user = lodash_find__WEBPACK_IMPORTED_MODULE_10___default()(_this3.myFriendsList, function (o) {\n            return o.on_line;\n          });\n\n          _this3.getUserFiles(user, _this3.rootPath);\n        }\n      });\n    },\n    // Get user Files\n    getUserFiles: function getUserFiles(user, path) {\n      var _this4 = this;\n\n      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n\n      if (!user.on_line) {\n        this.$buefy.toast.open({\n          message: user.nick_name + " " + this.$t(\'is offline\'),\n          type: \'is-danger\'\n        });\n        return false;\n      }\n\n      if (this.isDownloadShow) this.isDownloadShow = false;\n      this.currentUser = user;\n      this.isLoading = true;\n\n      if (typeof this.cancelRequest === \'function\') {\n        this.cancelRequest();\n      }\n\n      this.$api.person.getDirectory(this.currentUser.token, path, this).then(function (res) {\n        _this4.isLoading = false;\n\n        if (res.data.success == 200) {\n          _this4.currentPath = path;\n          _this4.currentPathName = path.split("/").pop();\n          _this4.listData = lodash_orderBy__WEBPACK_IMPORTED_MODULE_8___default()(res.data.data, [\'is_dir\'], [\'desc\']);\n\n          if (type == 2) {\n            console.log(path);\n\n            _this4.$refs.historyBar.clearHistory();\n          } else if (type == 1) {\n            _this4.$refs.historyBar.addHistory(path);\n          }\n        } else {\n          _this4.listData = [];\n          console.log(res.data.message);\n        }\n\n        _this4.$store.commit(\'changeCurrentSharePath\', path);\n      }).catch(function (err) {\n        console.log(err);\n      });\n    },\n\n    /*************************************************\n     * PART 2  UI Action\n    **************************************************/\n    // Show user side bar context\n    showContext: function showContext($event, user) {\n      this.$refs.userContextMenu.open($event, user);\n    },\n    // Reload current folder\n    reload: function reload() {\n      this.getUserFiles(this.currentUser, this.currentPath);\n    },\n    // Show Download List\n    showDownloadList: function showDownloadList() {\n      this.isDownloadShow = true;\n      this.listData = [];\n      this.currentUser = {\n        token: ""\n      };\n    },\n    // Get download list length\n    getDownloadListLen: function getDownloadListLen() {\n      var _this5 = this;\n\n      this.$api.person.getDownloadList().then(function (res) {\n        if (res.data.success == 200) {\n          _this5.downloadListLen = res.data.data.filter(function (item) {\n            return item.state != 5;\n          }).length;\n        }\n      });\n    },\n    //Update download list length\n    updateListLen: function updateListLen(len) {\n      this.downloadListLen = len;\n    },\n    // Change View\n    changeView: function changeView() {\n      this.isViewGird = !this.$store.state.isShareViewGird;\n      this.$store.commit(\'changeShareViewGird\', this.isViewGird);\n    },\n    // Handle the multipane resize event\n    onPanerResize: function onPanerResize() {\n      if (this.isViewGird) this.$refs.views.onResize();\n    },\n\n    /******************************************\n     * PART 3  Modals\n    *******************************************/\n    //  Show Init Modal\n    showInitModal: function showInitModal() {\n      var _this6 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_InitModal_vue__WEBPACK_IMPORTED_MODULE_20__["default"],\n        customClass: "init-modal",\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          myInfo: this.myInfo\n        },\n        events: {\n          \'close\': function close() {\n            _this6.getMyInfo();\n\n            _this6.$tours[\'myTour\'].start();\n\n            _this6.getMyFriendList(true);\n          }\n        }\n      });\n    },\n    // Show Edit My Info Modal\n    showEditInfoModal: function showEditInfoModal() {\n      var _this7 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_ProfileModal_vue__WEBPACK_IMPORTED_MODULE_16__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'close\': function close() {\n            _this7.getMyInfo();\n          }\n        }\n      });\n    },\n    // Show  Settings Modal\n    showSettingsModal: function showSettingsModal() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_SettingsModal_vue__WEBPACK_IMPORTED_MODULE_17__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'after-enter\': function afterEnter() {\n            console.log("enter");\n          }\n        }\n      });\n    },\n    // Show my ID Modal\n    showMyIdModal: function showMyIdModal() {\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_MyInfoModal_vue__WEBPACK_IMPORTED_MODULE_19__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {}\n      });\n    },\n    // Show Add Friend Modal\n    showAddFriendModal: function showAddFriendModal() {\n      var _this8 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_AddFriendModal_vue__WEBPACK_IMPORTED_MODULE_14__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          "reloadFriendList": function reloadFriendList() {\n            _this8.getMyFriendList();\n          }\n        }\n      });\n    },\n    // Show Download Modal\n    showDownloadModal: function showDownloadModal(user, item) {\n      var _this9 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _components_AcquaintanceShare_modals_DownloadModal_vue__WEBPACK_IMPORTED_MODULE_15__["default"],\n        hasModalCard: true,\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        props: {\n          user: user,\n          item: item\n        },\n        events: {\n          "update": function update() {\n            _this9.getDownloadListLen();\n          }\n        }\n      });\n    },\n\n    /*************************************************\n     * PART 4  Drag and Drop\n    **************************************************/\n    onDrag: function onDrag(e) {\n      var _this10 = this;\n\n      this.isDragIn = true;\n\n      if (this.timeout !== null) {\n        clearTimeout(this.timeout);\n      }\n\n      this.timeout = setTimeout(function () {\n        _this10.isDragIn = false;\n        _this10.timeout = null;\n      }, 100);\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    onDrop: function onDrop(e) {\n      e.stopPropagation();\n      e.preventDefault();\n    }\n  },\n  sockets: {\n    person_status: function person_status(data) {\n      var isOnline = data.type == "OFFLINE" ? false : true;\n      this.myFriendsList.forEach(function (item) {\n        if (item.token == data.share_id) {\n          item.on_line = isOnline;\n        }\n      });\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/views/CasaConnect.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?{"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/AcquaintanceShare/components/ActionButton.vue?vue&type=template&id=6cb3fb0e&':
 /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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/AcquaintanceShare/components/ActionButton.vue?vue&type=template&id=6cb3fb0e& ***!
   \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
diff --git a/web/js/8.js b/web/js/8.js
index f5b2b53..f3babfd 100644
--- a/web/js/8.js
+++ b/web/js/8.js
@@ -6,15 +6,15 @@
 /*!*********************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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/AppCard.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_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __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_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: "app-card",\n  inject: ["homeShowFiles"],\n  data: function data() {\n    return {\n      hover: false,\n      dropState: false,\n      isUninstalling: false,\n      isRestarting: false,\n      isStarting: false,\n      isStoping: false,\n      isSaving: false\n    };\n  },\n  props: {\n    item: {\n      type: Object\n    },\n    isCasa: {\n      type: Boolean\n    }\n  },\n  computed: {\n    tooltipLable: function tooltipLable() {\n      if (!this.isCasa) {\n        return this.$t(\'Import to CasaOS\');\n      } else {\n        if (this.item.type === "system" || this.item.port != "" && this.item.state == \'running\') {\n          return this.$t(\'Open\');\n        } else {\n          return this.$t(\'Setting\');\n        }\n      }\n    },\n    tooltipTriger: function tooltipTriger() {\n      if (!this.isCasa) {\n        return [\'hover\'];\n      } else {\n        if (this.item.type === "system" || this.item.port != "" && this.item.state == \'running\') {\n          return [\'hover\'];\n        } else {\n          return [];\n        }\n      }\n    }\n  },\n  methods: {\n    /**\n     * @description: Open app in new windows\n     * @param {String} state App state\n     * @param {String} port App access port\n     * @param {String} index App access index\n     * @return {*} void\n     */\n    openApp: function openApp(item) {\n      if (!this.isCasa) {\n        this.$emit("importApp", item.id, item.state, false);\n        return false;\n      }\n\n      if (item.type === "system") {\n        this.openSystemApps(item);\n      } else {\n        this.$refs.dro.isActive = false;\n\n        if (item.port != "" && item.state == \'running\') {\n          try {\n            var appName = item.name;\n            var action = "open";\n            this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n          } catch (err) {}\n\n          var hostIp = item.host || this.$baseIp;\n          var protocol = item.protocol || \'http\';\n          var url = "".concat(protocol, "://").concat(hostIp, ":").concat(item.port).concat(item.index);\n\n          if (item.image.toLowerCase().indexOf("qbittorrent") == -1) {\n            window.open(url, \'_blank\');\n          } else {\n            var arg = "<script>location.replace(\\"" + url + "\\")<\/script>";\n            window.open(\'javascript:window.name;\', arg);\n          }\n        }\n      }\n    },\n    openSystemApps: function openSystemApps(item) {\n      try {\n        var appName = item.name;\n        var action = "open";\n        this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n      } catch (error) {}\n\n      switch (item.name) {\n        case "Files":\n          this.homeShowFiles();\n          break;\n\n        case "CasaConnect":\n          var url = "".concat(window.location.origin, "/ui/#/connect");\n          var arg = "<script>location.replace(\\"" + url + "\\")<\/script>";\n          window.open(\'javascript:window.name;\', arg);\n          break;\n\n        default:\n          break;\n      }\n    },\n\n    /**\n     * @description: Set drop-down menu status\n     * @param {Boolean} e\n     * @return {*} void\n     */\n    setDropState: function setDropState(e) {\n      this.dropState = e;\n    },\n\n    /**\n     * @description: Restart Application\n     * @return {*} void\n     */\n    restartApp: function restartApp() {\n      var _this = this;\n\n      this.isRestarting = true;\n      this.$api.app.startContainer(this.item.id, {\n        state: "restart"\n      }).then(function (res) {\n        if (res.data.success == 200) {\n          _this.updateState();\n        }\n\n        _this.isRestarting = false;\n      });\n    },\n\n    /**\n     * @description: Confirm before uninstall\n     * @return {*} void\n     */\n    uninstallConfirm: function uninstallConfirm() {\n      var _this2 = this;\n\n      try {\n        var appName = this.item.name;\n        var action = "uninstall";\n        this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n      } catch (err) {}\n\n      this.$refs.dro.isActive = false;\n      this.$buefy.dialog.confirm({\n        title: this.$t(\'Attention\'),\n        message: this.$t(\'Data cannot be recovered after deletion! <br>Continue on to uninstall this application?\'),\n        type: \'is-dark\',\n        confirmText: this.$t(\'Uninstall\'),\n        cancelText: this.$t(\'Cancel\'),\n        onConfirm: function onConfirm() {\n          _this2.isUninstalling = true;\n\n          _this2.uninstallApp();\n        }\n      });\n    },\n\n    /**\n     * @description: Uninstall app\n     * @return {*} void\n     */\n    uninstallApp: function uninstallApp() {\n      var _this3 = this;\n\n      this.isUninstalling = true;\n      this.$api.app.uninstall(this.item.id).then(function (res) {\n        if (res.data.success == 200) {// this.updateState()\n        }\n\n        _this3.isUninstalling = false;\n      });\n    },\n\n    /**\n     * @description: Emit the event that the app has been updated\n     * @return {*} void\n     */\n    updateState: function updateState() {\n      this.$refs.dro.isActive = false;\n      this.$emit("updateState");\n    },\n\n    /**\n     * @description: Emit the event that the app has been updated with custom_id\n     * @return {*} void\n     */\n    configApp: function configApp() {\n      this.$refs.dro.isActive = false;\n      this.$emit("configApp", this.item.id, this.item.state, true);\n    },\n\n    /**\n     * @description: Start or Stop a App\n     * @param {Object} item the app info object\n     * @return {*} void\n     */\n    toggle: function toggle(item) {\n      var _this4 = this;\n\n      this.isStarting = true;\n      var data = {\n        state: item.state == "running" ? "stop" : "start"\n      };\n      this.$api.app.startContainer(item.id, data).then(function (res) {\n        _this4.isStarting = false;\n\n        if (res.data.success == 200) {\n          item.state = res.data.data;\n\n          _this4.updateState();\n        } else {\n          _this4.$buefy.dialog.alert({\n            title: \'Error\',\n            message: res.data.data,\n            type: \'is-danger\',\n            ariaRole: \'alertdialog\',\n            ariaModal: true\n          });\n        }\n      });\n    }\n  },\n  watch: {\n    hover: function hover(val) {\n      if (!val && this.dropState) this.$refs.dro.toggle();\n    }\n  },\n  filters: {\n    /**\n     * @description: Format Dot Class\n     * @param {String} state\n     * @return {String}\n     */\n    dotClass: function dotClass(state) {\n      if (state === "0") {\n        return "start";\n      } else {\n        return state == \'running\' ? \'start\' : \'stop\';\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Apps/AppCard.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/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 core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __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_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: "app-card",\n  inject: ["homeShowFiles"],\n  data: function data() {\n    return {\n      hover: false,\n      dropState: false,\n      isUninstalling: false,\n      isRestarting: false,\n      isStarting: false,\n      isStoping: false,\n      isSaving: false\n    };\n  },\n  props: {\n    item: {\n      type: Object\n    },\n    isCasa: {\n      type: Boolean\n    }\n  },\n  computed: {\n    tooltipLable: function tooltipLable() {\n      if (!this.isCasa) {\n        return this.$t(\'Import to CasaOS\');\n      } else {\n        if (this.item.type === "system" || this.item.port != "" && this.item.state == \'running\') {\n          return this.$t(\'Open\');\n        } else {\n          return this.$t(\'Setting\');\n        }\n      }\n    },\n    tooltipTriger: function tooltipTriger() {\n      if (!this.isCasa) {\n        return [\'hover\'];\n      } else {\n        if (this.item.type === "system" || this.item.port != "" && this.item.state == \'running\') {\n          return [\'hover\'];\n        } else {\n          return [];\n        }\n      }\n    }\n  },\n  methods: {\n    /**\n     * @description: Open app in new windows\n     * @param {String} state App state\n     * @param {String} port App access port\n     * @param {String} index App access index\n     * @return {*} void\n     */\n    openApp: function openApp(item) {\n      if (!this.isCasa) {\n        this.$emit("importApp", item.id, item.state, false);\n        return false;\n      }\n\n      if (item.type === "system") {\n        this.openSystemApps(item);\n      } else {\n        this.$refs.dro.isActive = false;\n\n        if (item.port != "" && item.state == \'running\') {\n          try {\n            var appName = item.name;\n            var action = "open";\n            this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n          } catch (err) {}\n\n          var hostIp = item.host || this.$baseIp;\n          var protocol = item.protocol || \'http\';\n          var url = "".concat(protocol, "://").concat(hostIp, ":").concat(item.port).concat(item.index);\n\n          if (item.image.toLowerCase().indexOf("qbittorrent") == -1) {\n            window.open(url, \'_blank\');\n          } else {\n            var arg = "<script>location.replace(\\"" + url + "\\")<\/script>";\n            window.open(\'javascript:window.name;\', arg);\n          }\n        }\n      }\n    },\n    openSystemApps: function openSystemApps(item) {\n      try {\n        var appName = item.name;\n        var action = "open";\n        this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n      } catch (error) {}\n\n      switch (item.name) {\n        case "Files":\n          this.homeShowFiles();\n          break;\n\n        case "CasaConnect":\n          var url = "".concat(window.location.origin, "/ui/#/connect");\n          var arg = "<script>location.replace(\\"" + url + "\\")<\/script>";\n          window.open(\'javascript:window.name;\', arg);\n          break;\n\n        default:\n          break;\n      }\n    },\n\n    /**\n     * @description: Set drop-down menu status\n     * @param {Boolean} e\n     * @return {*} void\n     */\n    setDropState: function setDropState(e) {\n      this.dropState = e;\n    },\n\n    /**\n     * @description: Restart Application\n     * @return {*} void\n     */\n    restartApp: function restartApp() {\n      var _this = this;\n\n      this.isRestarting = true;\n      this.$api.app.startContainer(this.item.id, {\n        state: "restart"\n      }).then(function (res) {\n        if (res.data.success == 200) {\n          _this.updateState();\n        }\n\n        _this.isRestarting = false;\n      });\n    },\n\n    /**\n     * @description: Confirm before uninstall\n     * @return {*} void\n     */\n    uninstallConfirm: function uninstallConfirm() {\n      var _this2 = this;\n\n      try {\n        var appName = this.item.name;\n        var action = "uninstall";\n        this.$api.analyse.analyseAppAction(appName, action); // eslint-disable-next-line no-empty\n      } catch (err) {}\n\n      this.$refs.dro.isActive = false;\n      this.$buefy.dialog.confirm({\n        title: this.$t(\'Attention\'),\n        message: this.$t(\'Data cannot be recovered after deletion! <br>Continue on to uninstall this application?\'),\n        type: \'is-dark\',\n        confirmText: this.$t(\'Uninstall\'),\n        cancelText: this.$t(\'Cancel\'),\n        onConfirm: function onConfirm() {\n          _this2.isUninstalling = true;\n\n          _this2.uninstallApp();\n        }\n      });\n    },\n\n    /**\n     * @description: Uninstall app\n     * @return {*} void\n     */\n    uninstallApp: function uninstallApp() {\n      var _this3 = this;\n\n      this.isUninstalling = true;\n      this.$api.app.uninstall(this.item.id).then(function (res) {\n        if (res.data.success == 200) {// this.updateState()\n        }\n\n        _this3.isUninstalling = false;\n      });\n    },\n\n    /**\n     * @description: Emit the event that the app has been updated\n     * @return {*} void\n     */\n    updateState: function updateState() {\n      this.$refs.dro.isActive = false;\n      this.$emit("updateState");\n    },\n\n    /**\n     * @description: Emit the event that the app has been updated with custom_id\n     * @return {*} void\n     */\n    configApp: function configApp() {\n      this.$refs.dro.isActive = false;\n      this.$emit("configApp", this.item.id, this.item.state, true);\n    },\n\n    /**\n     * @description: Start or Stop a App\n     * @param {Object} item the app info object\n     * @return {*} void\n     */\n    toggle: function toggle(item) {\n      var _this4 = this;\n\n      this.isStarting = true;\n      var data = {\n        state: item.state == "running" ? "stop" : "start"\n      };\n      this.$api.app.startContainer(item.id, data).then(function (res) {\n        _this4.isStarting = false;\n\n        if (res.data.success == 200) {\n          item.state = res.data.data;\n\n          _this4.updateState();\n        } else {\n          _this4.$refs.dro.isActive = false;\n\n          _this4.$buefy.dialog.alert({\n            title: \'Error\',\n            message: res.data.data,\n            type: \'is-danger\',\n            ariaRole: \'alertdialog\',\n            ariaModal: true\n          });\n        }\n      });\n    }\n  },\n  watch: {\n    hover: function hover(val) {\n      if (!val && this.dropState) this.$refs.dro.toggle();\n    }\n  },\n  filters: {\n    /**\n     * @description: Format Dot Class\n     * @param {String} state\n     * @return {String}\n     */\n    dotClass: function dotClass(state) {\n      if (state === "0") {\n        return "start";\n      } else {\n        return state == \'running\' ? \'start\' : \'stop\';\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/Apps/AppCard.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/AppPanel.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/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_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&":
+/*! 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&":
 /*!************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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_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&":
+/*! 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&":
 /*!************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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,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/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_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&":
+/*! 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&":
 /*!***************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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& ***!
   \***************************************************************************************************************************************************************************************************************************************************/
@@ -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_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&":
+/*! 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&":
 /*!****************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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_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&":
+/*! 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&":
 /*!*************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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& ***!
   \*************************************************************************************************************************************************************************************************************************************************************/
@@ -202,11 +202,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/syncthing/SyncBlock.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/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_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_map_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _syncthing_SyncPanel_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../syncthing/SyncPanel.vue */ "./src/components/syncthing/SyncPanel.vue");\n/* harmony import */ var lodash_forEach__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/forEach */ "./node_modules/lodash/forEach.js");\n/* harmony import */ var lodash_forEach__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_forEach__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash_pull__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/pull */ "./node_modules/lodash/pull.js");\n/* harmony import */ var lodash_pull__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_pull__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_10__ = __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/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "sync-block",\n  components: {},\n  mixins: [_mixins_mixin__WEBPACK_IMPORTED_MODULE_10__["mixin"]],\n  data: function data() {\n    return {\n      isLoading: false,\n      timeGap: 3,\n      state: 1,\n      timer: 0,\n      connection: {},\n      total: {},\n      devices: [],\n      totalDevice: 0,\n      activeDevice: 0,\n      folders: 0,\n      activeFolders: [],\n      syncState: "Synchronized",\n      upSpeed: 0,\n      downSpeed: 0,\n      myID: "",\n      totalSize: 0,\n      syncXhr: Object,\n      syncBaseURL: ""\n    };\n  },\n  created: function created() {\n    this.syncBaseURL =  false ? undefined : "".concat(document.location.protocol, "//").concat(document.location.hostname, ":").concat(this.$store.state.syncthingPort);\n    this.syncXhr = axios__WEBPACK_IMPORTED_MODULE_9___default.a.create({\n      baseURL: this.syncBaseURL\n    });\n    this.syncXhr.defaults.headers.common[\'X-API-Key\'] = this.$store.state.syncthingKey;\n  },\n  computed: {\n    syncIcon: function syncIcon() {\n      return this.syncState == "Synchronized" ? "check-circle" : "sync";\n    },\n    spinner: function spinner() {\n      return this.syncState == "Synchronized" ? "" : "spinner";\n    }\n  },\n  mounted: function mounted() {\n    var _this2 = this;\n\n    if (this.timer) {\n      clearInterval(this.timer);\n    }\n\n    if (this.$store.state.syncthingKey.length == 32) {\n      // Get Events\n      this.syncXhr.get("/rest/events?limit=1").then(function (res) {\n        var lastEvent = res.data[0];\n\n        _this2.getFolderCompletion(res);\n\n        _this2.getEvents(lastEvent.id);\n      });\n      this.init();\n      this.timer = setInterval(function () {\n        _this2.init();\n      }, this.timeGap * 1000);\n    }\n  },\n  destroyed: function destroyed() {\n    clearInterval(this.timer);\n  },\n  watch: {\n    total: function total(newValue, oldValue) {\n      if (oldValue.outBytesTotal !== undefined) {\n        this.upSpeed = (newValue.outBytesTotal - oldValue.outBytesTotal) / this.timeGap;\n        this.downSpeed = (newValue.inBytesTotal - oldValue.inBytesTotal) / this.timeGap;\n      }\n    }\n  },\n  methods: {\n    init: function init() {\n      if (this.$store.state.syncthingKey.length == 32) {\n        this.getStatus();\n        this.getConnections();\n        this.getConfigs();\n        this.getTotalSize();\n      }\n    },\n    openSyncPanel: function openSyncPanel() {\n      var _this3 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _syncthing_SyncPanel_vue__WEBPACK_IMPORTED_MODULE_6__["default"],\n        hasModalCard: true,\n        customClass: \'sync-panel\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'updateConfig\': function updateConfig() {\n            _this3.init(true);\n          }\n        }\n      });\n    },\n    //Events Long polling \n    getEvents: function getEvents(id) {\n      var _this4 = this;\n\n      var _this = this;\n\n      this.syncXhr.get("/rest/events?since=".concat(id), {\n        timeout: 60000\n      }).then(function (response) {\n        _this4.getFolderCompletion(response);\n\n        id = Number(response.data[0].id) + 1;\n\n        _this.getEvents(id);\n      }).catch(function (error) {\n        if (error.message.includes(\'timeout\') || error.message.includes(\'Cannot\')) {\n          _this.getEvents(id);\n        }\n      });\n    },\n    getFolderCompletion: function getFolderCompletion(response) {\n      var _this5 = this;\n\n      response.data.forEach(function (eventData) {\n        if (eventData.type == "FolderSummary") {\n          if (eventData.data.summary.state == "syncing") {\n            _this5.syncState = "Synchronizing";\n            lodash_pull__WEBPACK_IMPORTED_MODULE_8___default()(_this5.activeFolders, eventData.data.folder);\n          } else if (eventData.data.summary.state == "idle") {\n            _this5.syncState = "Synchronized";\n\n            if (_this5.activeFolders.indexOf(eventData.data.folder) == -1) {\n              _this5.activeFolders.push(eventData.data.folder);\n            }\n          }\n        } // if (eventData.type == "FolderCompletion") {\n        //   console.log(eventData.data);\n        // }\n\n      });\n    },\n    getStatus: function getStatus() {\n      var _this6 = this;\n\n      this.syncXhr.get("/rest/system/status").then(function (res) {\n        // console.log(\'status\', res.data);\n        _this6.myID = res.data.myID;\n      });\n    },\n    getTotalSize: function getTotalSize() {\n      var _this7 = this;\n\n      this.syncXhr.get("/rest/db/completion?device=".concat(this.myID)).then(function (res) {\n        _this7.totalSize = res.data.globalBytes;\n      });\n    },\n    getConnections: function getConnections() {\n      var _this8 = this;\n\n      this.syncXhr.get("/rest/system/connections").then(function (res) {\n        _this8.total = res.data.total; //console.log("connection", res.data);\n\n        _this8.totalDevice = 0;\n        _this8.activeDevice = 0;\n        lodash_forEach__WEBPACK_IMPORTED_MODULE_7___default()(res.data.connections, function (value, key) {\n          if (key != _this8.myID) {\n            _this8.totalDevice++;\n          }\n\n          if (key != _this8.myID && value.connected) {\n            _this8.activeDevice++;\n          }\n        });\n      });\n    },\n    getConfigs: function getConfigs() {\n      var _this9 = this;\n\n      this.syncXhr.get("/rest/config").then(function (res) {\n        _this9.state = res.data.devices.length > 1 ? 2 : 1;\n        _this9.devices = res.data.devices.map(function (item) {\n          item.fullData = _this9.connection[item.deviceID];\n          return item;\n        });\n        _this9.activeFolders = res.data.folders.map(function (item) {\n          return item.id;\n        });\n        _this9.folders = res.data.folders.length;\n      });\n    },\n    gotoAdvancedPanel: function gotoAdvancedPanel() {\n      window.open(this.syncBaseURL, "_blank");\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/syncthing/SyncBlock.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/syncthing/SyncPanel.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/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_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_map_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _syncthing_SyncPanel_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../syncthing/SyncPanel.vue */ "./src/components/syncthing/SyncPanel.vue");\n/* harmony import */ var lodash_forEach__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/forEach */ "./node_modules/lodash/forEach.js");\n/* harmony import */ var lodash_forEach__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_forEach__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash_pull__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/pull */ "./node_modules/lodash/pull.js");\n/* harmony import */ var lodash_pull__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_pull__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _mixins_mixin__WEBPACK_IMPORTED_MODULE_10__ = __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/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "sync-block",\n  components: {},\n  mixins: [_mixins_mixin__WEBPACK_IMPORTED_MODULE_10__["mixin"]],\n  data: function data() {\n    return {\n      isLoading: false,\n      timeGap: 3,\n      state: 1,\n      timer: 0,\n      connection: {},\n      total: {},\n      devices: [],\n      totalDevice: 0,\n      activeDevice: 0,\n      folders: 0,\n      activeFolders: [],\n      syncState: "Synchronized",\n      upSpeed: 0,\n      downSpeed: 0,\n      myID: "",\n      totalSize: 0,\n      syncXhr: Object,\n      syncBaseURL: ""\n    };\n  },\n  created: function created() {\n    this.syncBaseURL = "http://".concat(this.$baseIp, ":").concat(this.$store.state.syncthingPort);\n    this.syncXhr = axios__WEBPACK_IMPORTED_MODULE_9___default.a.create({\n      baseURL: this.syncBaseURL\n    });\n    this.syncXhr.defaults.headers.common[\'X-API-Key\'] = this.$store.state.syncthingKey;\n  },\n  computed: {\n    syncIcon: function syncIcon() {\n      return this.syncState == "Synchronized" ? "check-circle" : "sync";\n    },\n    spinner: function spinner() {\n      return this.syncState == "Synchronized" ? "" : "spinner";\n    }\n  },\n  mounted: function mounted() {\n    var _this2 = this;\n\n    if (this.timer) {\n      clearInterval(this.timer);\n    }\n\n    if (this.$store.state.syncthingKey.length == 32) {\n      // Get Events\n      this.syncXhr.get("/rest/events?limit=1").then(function (res) {\n        var lastEvent = res.data[0];\n\n        _this2.getFolderCompletion(res);\n\n        _this2.getEvents(lastEvent.id);\n      });\n      this.init();\n      this.timer = setInterval(function () {\n        _this2.init();\n      }, this.timeGap * 1000);\n    }\n  },\n  destroyed: function destroyed() {\n    clearInterval(this.timer);\n  },\n  watch: {\n    total: function total(newValue, oldValue) {\n      if (oldValue.outBytesTotal !== undefined) {\n        this.upSpeed = (newValue.outBytesTotal - oldValue.outBytesTotal) / this.timeGap;\n        this.downSpeed = (newValue.inBytesTotal - oldValue.inBytesTotal) / this.timeGap;\n      }\n    }\n  },\n  methods: {\n    init: function init() {\n      if (this.$store.state.syncthingKey.length == 32) {\n        this.getStatus();\n        this.getConnections();\n        this.getConfigs();\n        this.getTotalSize();\n      }\n    },\n    openSyncPanel: function openSyncPanel() {\n      var _this3 = this;\n\n      this.$buefy.modal.open({\n        parent: this,\n        component: _syncthing_SyncPanel_vue__WEBPACK_IMPORTED_MODULE_6__["default"],\n        hasModalCard: true,\n        customClass: \'sync-panel\',\n        trapFocus: true,\n        canCancel: [\'escape\'],\n        scroll: "keep",\n        animation: "zoom-in",\n        events: {\n          \'updateConfig\': function updateConfig() {\n            _this3.init(true);\n          }\n        }\n      });\n    },\n    //Events Long polling \n    getEvents: function getEvents(id) {\n      var _this4 = this;\n\n      var _this = this;\n\n      this.syncXhr.get("/rest/events?since=".concat(id), {\n        timeout: 60000\n      }).then(function (response) {\n        _this4.getFolderCompletion(response);\n\n        id = Number(response.data[0].id) + 1;\n\n        _this.getEvents(id);\n      }).catch(function (error) {\n        if (error.message.includes(\'timeout\') || error.message.includes(\'Cannot\')) {\n          _this.getEvents(id);\n        }\n      });\n    },\n    getFolderCompletion: function getFolderCompletion(response) {\n      var _this5 = this;\n\n      response.data.forEach(function (eventData) {\n        if (eventData.type == "FolderSummary") {\n          if (eventData.data.summary.state == "syncing") {\n            _this5.syncState = "Synchronizing";\n            lodash_pull__WEBPACK_IMPORTED_MODULE_8___default()(_this5.activeFolders, eventData.data.folder);\n          } else if (eventData.data.summary.state == "idle") {\n            _this5.syncState = "Synchronized";\n\n            if (_this5.activeFolders.indexOf(eventData.data.folder) == -1) {\n              _this5.activeFolders.push(eventData.data.folder);\n            }\n          }\n        } // if (eventData.type == "FolderCompletion") {\n        //   console.log(eventData.data);\n        // }\n\n      });\n    },\n    getStatus: function getStatus() {\n      var _this6 = this;\n\n      this.syncXhr.get("/rest/system/status").then(function (res) {\n        // console.log(\'status\', res.data);\n        _this6.myID = res.data.myID;\n      });\n    },\n    getTotalSize: function getTotalSize() {\n      var _this7 = this;\n\n      this.syncXhr.get("/rest/db/completion?device=".concat(this.myID)).then(function (res) {\n        _this7.totalSize = res.data.globalBytes;\n      });\n    },\n    getConnections: function getConnections() {\n      var _this8 = this;\n\n      this.syncXhr.get("/rest/system/connections").then(function (res) {\n        _this8.total = res.data.total; //console.log("connection", res.data);\n\n        _this8.totalDevice = 0;\n        _this8.activeDevice = 0;\n        lodash_forEach__WEBPACK_IMPORTED_MODULE_7___default()(res.data.connections, function (value, key) {\n          if (key != _this8.myID) {\n            _this8.totalDevice++;\n          }\n\n          if (key != _this8.myID && value.connected) {\n            _this8.activeDevice++;\n          }\n        });\n      });\n    },\n    getConfigs: function getConfigs() {\n      var _this9 = this;\n\n      this.syncXhr.get("/rest/config").then(function (res) {\n        _this9.state = res.data.devices.length > 1 ? 2 : 1;\n        _this9.devices = res.data.devices.map(function (item) {\n          item.fullData = _this9.connection[item.deviceID];\n          return item;\n        });\n        _this9.activeFolders = res.data.folders.map(function (item) {\n          return item.id;\n        });\n        _this9.folders = res.data.folders.length;\n      });\n    },\n    gotoAdvancedPanel: function gotoAdvancedPanel() {\n      window.open(this.syncBaseURL, "_blank");\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/syncthing/SyncBlock.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/syncthing/SyncPanel.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/syncthing/SyncPanel.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/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_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_replace_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_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 ua_parser_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ua-parser-js */ "./node_modules/ua-parser-js/src/ua-parser.js");\n/* harmony import */ var ua_parser_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lottie_web_vue__WEBPACK_IMPORTED_MODULE_6__ = __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_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 axios__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 SYNCTHING_GOOGLEPLAY_URL = "https://play.google.com/store/apps/details?id=com.nutomic.syncthingandroid";\nvar SYNCTHING_APK_URL = "https://f-droid.org/repo/com.nutomic.syncthingandroid_4286.apk";\nvar SYNCTRAY_GITURL = "https://api.github.com/repos/canton7/SyncTrayzor/releases/latest";\nvar SYNCTRAY_GIT_RELEASE_URL = "https://github.com/canton7/SyncTrayzor/releases/download/";\nvar SYNCTHING_MAC_GITURL = "https://api.github.com/repos/syncthing/syncthing-macos/releases/latest";\nvar SYNCTHING_MAC_GIT_RELEASE_URL = "https://github.com/syncthing/syncthing-macos/releases/download/";\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "sync-panel",\n  components: {\n    LottieAnimation: lottie_web_vue__WEBPACK_IMPORTED_MODULE_6__["default"]\n  },\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7___default.a],\n  data: function data() {\n    return {\n      isLoading: true,\n      isGettingUrl: false,\n      showMore: false,\n      step: 1,\n      broswerUA: {},\n      icon: "casa",\n      platform: "casa",\n      osName: "",\n      helpTitle: \'How to get Device ID\',\n      //helpTitle: \'Next actions on your device\',\n      syncthingDownloadUrl: "",\n      syncthingMacDlUrl: "",\n      syncthingWindows64DlUrl: "",\n      syncthingWindows32DlUrl: "",\n      syncthingAndroidDlUrl: "",\n      syncthingAndroidDlUrl1: "",\n      //Submit new device\n      deviceId: "",\n      syncConfig: {},\n      isSubmiting: false,\n      isSubmited: false,\n      isValId: false,\n      syncXhr: Object,\n      syncBaseURL: ""\n    };\n  },\n  created: function created() {\n    this.syncBaseURL =  false ? undefined : "".concat(document.location.protocol, "//").concat(document.location.hostname, ":").concat(this.$store.state.syncthingPort);\n    console.log(this.syncBaseURL);\n    this.syncXhr = axios__WEBPACK_IMPORTED_MODULE_8___default.a.create({\n      baseURL: this.syncBaseURL,\n      timeout: 1000\n    });\n    this.syncXhr.defaults.headers.common[\'X-API-Key\'] = this.$store.state.syncthingKey;\n    var parser = new ua_parser_js__WEBPACK_IMPORTED_MODULE_5___default.a();\n    this.broswerUA = parser.getResult();\n    this.getOSIcon();\n  },\n  mounted: function mounted() {\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    getOSIcon: function getOSIcon() {\n      switch (this.broswerUA.os.name) {\n        case "Mac OS":\n          this.platform = this.icon = "macos";\n          this.osName = "macOS";\n          break;\n\n        case "Windows":\n          this.platform = this.icon = "windows";\n          this.osName = "Windows";\n          break;\n\n        case "Android":\n          this.platform = this.icon = "android";\n          this.osName = "Android";\n          break;\n\n        case "iOS":\n          this.platform = this.icon = "syncthing";\n          this.osName = "iOS";\n          this.showMore = true;\n          break;\n\n        default:\n          this.platform = this.icon = "linux";\n          this.osName = "Linux";\n          break;\n      }\n    },\n    getDownloadUrl: function getDownloadUrl(os) {\n      var _this = this;\n\n      var arch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";\n      this.isGettingUrl = true;\n\n      switch (os) {\n        case "macOS":\n          axios__WEBPACK_IMPORTED_MODULE_8___default.a.get(SYNCTHING_MAC_GITURL).then(function (_ref) {\n            var data = _ref.data;\n            var tagName = data.tag_name;\n            var tagNameDl = tagName.replace(\'v\', "");\n            var url = "".concat(SYNCTHING_MAC_GIT_RELEASE_URL).concat(tagName, "/Syncthing-").concat(tagNameDl, ".dmg");\n\n            _this.downloadSyncthing(url);\n          });\n          break;\n\n        case "Windows":\n          axios__WEBPACK_IMPORTED_MODULE_8___default.a.get(SYNCTRAY_GITURL).then(function (_ref2) {\n            var data = _ref2.data;\n            var tagName = data.tag_name;\n            var url = arch == "" ? "".concat(SYNCTRAY_GIT_RELEASE_URL).concat(tagName, "/SyncTrayzorSetup-x64.exe") : "".concat(SYNCTRAY_GIT_RELEASE_URL).concat(tagName, "/SyncTrayzorSetup-").concat(arch, ".exe");\n\n            _this.downloadSyncthing(url);\n          });\n          break;\n\n        case "Android":\n          if (arch == "google") {\n            this.downloadSyncthing(SYNCTHING_GOOGLEPLAY_URL);\n          } else if (arch == "apk") {\n            this.downloadSyncthing(SYNCTHING_APK_URL);\n          } else {\n            this.downloadSyncthing(SYNCTHING_GOOGLEPLAY_URL);\n          }\n\n          break;\n      }\n    },\n    getArchitecture: function getArchitecture() {\n      var arch = "";\n\n      if (this.broswerUA.cpu.architecture == undefined) {\n        arch = "universal";\n      } else {\n        arch = this.broswerUA.cpu.architecture;\n      }\n\n      return arch;\n    },\n    downloadSyncthing: function downloadSyncthing(url) {\n      var isSelf = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var target = isSelf ? "_self" : "_blank";\n      console.log(url);\n\n      if (url == SYNCTHING_GOOGLEPLAY_URL) {\n        target = "_blank";\n      }\n\n      this.isGettingUrl = false;\n      window.open(url, target);\n    },\n    showMorePlatform: function showMorePlatform() {\n      this.icon = "syncthing";\n      this.showMore = true;\n    },\n    checkDeviceId: function checkDeviceId() {},\n    submitNewDevice: function submitNewDevice() {\n      var _this2 = this;\n\n      this.isSubmiting = true;\n      this.syncXhr.get("/rest/svc/deviceid?id=".concat(this.deviceId)).then(function (res) {\n        if (res.data.id) {\n          _this2.syncXhr.get("/rest/config").then(function (res) {\n            _this2.syncConfig = res.data;\n\n            var newDevice = _this2.genNewDevice(_this2.deviceId);\n\n            _this2.syncConfig.devices.push(newDevice);\n\n            _this2.syncConfig.folders = _this2.createShareFolder(_this2.syncConfig.folders);\n\n            _this2.syncXhr.put("/rest/config", _this2.syncConfig).then(function (res) {\n              _this2.isSubmiting = false;\n\n              if (res.status == 200) {\n                _this2.isSubmited = true;\n                _this2.helpTitle = "What do I need to do on my device?";\n              }\n            });\n          });\n        } else {\n          _this2.isSubmiting = false;\n\n          _this2.$buefy.toast.open({\n            message: "Unable to link this device.",\n            position: \'is-bottom\',\n            type: \'is-danger\'\n          });\n        }\n      }).catch(function () {\n        _this2.isSubmiting = false;\n\n        _this2.$buefy.toast.open({\n          message: "Unable to link this device.",\n          position: \'is-bottom\',\n          type: \'is-danger\'\n        });\n      });\n    },\n    // Create Share folder for new device\n    createShareFolder: function createShareFolder(folders) {\n      var _this3 = this;\n\n      return folders.map(function (folder) {\n        if (folder.id == "default") {\n          folder.devices.push({\n            deviceID: _this3.deviceId\n          });\n        }\n\n        return folder;\n      });\n    },\n    // Generate new Device with deviceId\n    genNewDevice: function genNewDevice(deviceId) {\n      return {\n        deviceID: deviceId,\n        addresses: ["dynamic"],\n        compression: "metadata",\n        certName: "",\n        introducer: false,\n        skipIntroductionRemovals: false,\n        introducedBy: "",\n        paused: false,\n        allowedNetworks: [],\n        autoAcceptFolders: false,\n        maxSendKbps: 0,\n        maxRecvKbps: 0,\n        ignoredFolders: [],\n        maxRequestKiB: 0,\n        untrusted: false,\n        remoteGUIPort: 0\n      };\n    },\n    nextStep: function nextStep() {\n      this.step++;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/syncthing/SyncPanel.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/widgets/Settings.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/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_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_replace_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_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 ua_parser_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ua-parser-js */ "./node_modules/ua-parser-js/src/ua-parser.js");\n/* harmony import */ var ua_parser_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(ua_parser_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lottie_web_vue__WEBPACK_IMPORTED_MODULE_6__ = __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_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 axios__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 SYNCTHING_GOOGLEPLAY_URL = "https://play.google.com/store/apps/details?id=com.nutomic.syncthingandroid";\nvar SYNCTHING_APK_URL = "https://f-droid.org/repo/com.nutomic.syncthingandroid_4286.apk";\nvar SYNCTRAY_GITURL = "https://api.github.com/repos/canton7/SyncTrayzor/releases/latest";\nvar SYNCTRAY_GIT_RELEASE_URL = "https://github.com/canton7/SyncTrayzor/releases/download/";\nvar SYNCTHING_MAC_GITURL = "https://api.github.com/repos/syncthing/syncthing-macos/releases/latest";\nvar SYNCTHING_MAC_GIT_RELEASE_URL = "https://github.com/syncthing/syncthing-macos/releases/download/";\n/* harmony default export */ __webpack_exports__["default"] = ({\n  name: "sync-panel",\n  components: {\n    LottieAnimation: lottie_web_vue__WEBPACK_IMPORTED_MODULE_6__["default"]\n  },\n  mixins: [vue_smooth_reflow__WEBPACK_IMPORTED_MODULE_7___default.a],\n  data: function data() {\n    return {\n      isLoading: true,\n      isGettingUrl: false,\n      showMore: false,\n      step: 1,\n      broswerUA: {},\n      icon: "casa",\n      platform: "casa",\n      osName: "",\n      helpTitle: \'How to get Device ID\',\n      //helpTitle: \'Next actions on your device\',\n      syncthingDownloadUrl: "",\n      syncthingMacDlUrl: "",\n      syncthingWindows64DlUrl: "",\n      syncthingWindows32DlUrl: "",\n      syncthingAndroidDlUrl: "",\n      syncthingAndroidDlUrl1: "",\n      //Submit new device\n      deviceId: "",\n      syncConfig: {},\n      isSubmiting: false,\n      isSubmited: false,\n      isValId: false,\n      syncXhr: Object,\n      syncBaseURL: ""\n    };\n  },\n  created: function created() {\n    this.syncBaseURL = "http://".concat(this.$baseIp, ":").concat(this.$store.state.syncthingPort);\n    console.log(this.syncBaseURL);\n    this.syncXhr = axios__WEBPACK_IMPORTED_MODULE_8___default.a.create({\n      baseURL: this.syncBaseURL,\n      timeout: 1000\n    });\n    this.syncXhr.defaults.headers.common[\'X-API-Key\'] = this.$store.state.syncthingKey;\n    var parser = new ua_parser_js__WEBPACK_IMPORTED_MODULE_5___default.a();\n    this.broswerUA = parser.getResult();\n    this.getOSIcon();\n  },\n  mounted: function mounted() {\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    getOSIcon: function getOSIcon() {\n      switch (this.broswerUA.os.name) {\n        case "Mac OS":\n          this.platform = this.icon = "macos";\n          this.osName = "macOS";\n          break;\n\n        case "Windows":\n          this.platform = this.icon = "windows";\n          this.osName = "Windows";\n          break;\n\n        case "Android":\n          this.platform = this.icon = "android";\n          this.osName = "Android";\n          break;\n\n        case "iOS":\n          this.platform = this.icon = "syncthing";\n          this.osName = "iOS";\n          this.showMore = true;\n          break;\n\n        default:\n          this.platform = this.icon = "linux";\n          this.osName = "Linux";\n          break;\n      }\n    },\n    getDownloadUrl: function getDownloadUrl(os) {\n      var _this = this;\n\n      var arch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";\n      this.isGettingUrl = true;\n\n      switch (os) {\n        case "macOS":\n          axios__WEBPACK_IMPORTED_MODULE_8___default.a.get(SYNCTHING_MAC_GITURL).then(function (_ref) {\n            var data = _ref.data;\n            var tagName = data.tag_name;\n            var tagNameDl = tagName.replace(\'v\', "");\n            var url = "".concat(SYNCTHING_MAC_GIT_RELEASE_URL).concat(tagName, "/Syncthing-").concat(tagNameDl, ".dmg");\n\n            _this.downloadSyncthing(url);\n          });\n          break;\n\n        case "Windows":\n          axios__WEBPACK_IMPORTED_MODULE_8___default.a.get(SYNCTRAY_GITURL).then(function (_ref2) {\n            var data = _ref2.data;\n            var tagName = data.tag_name;\n            var url = arch == "" ? "".concat(SYNCTRAY_GIT_RELEASE_URL).concat(tagName, "/SyncTrayzorSetup-x64.exe") : "".concat(SYNCTRAY_GIT_RELEASE_URL).concat(tagName, "/SyncTrayzorSetup-").concat(arch, ".exe");\n\n            _this.downloadSyncthing(url);\n          });\n          break;\n\n        case "Android":\n          if (arch == "google") {\n            this.downloadSyncthing(SYNCTHING_GOOGLEPLAY_URL);\n          } else if (arch == "apk") {\n            this.downloadSyncthing(SYNCTHING_APK_URL);\n          } else {\n            this.downloadSyncthing(SYNCTHING_GOOGLEPLAY_URL);\n          }\n\n          break;\n      }\n    },\n    getArchitecture: function getArchitecture() {\n      var arch = "";\n\n      if (this.broswerUA.cpu.architecture == undefined) {\n        arch = "universal";\n      } else {\n        arch = this.broswerUA.cpu.architecture;\n      }\n\n      return arch;\n    },\n    downloadSyncthing: function downloadSyncthing(url) {\n      var isSelf = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var target = isSelf ? "_self" : "_blank";\n      console.log(url);\n\n      if (url == SYNCTHING_GOOGLEPLAY_URL) {\n        target = "_blank";\n      }\n\n      this.isGettingUrl = false;\n      window.open(url, target);\n    },\n    showMorePlatform: function showMorePlatform() {\n      this.icon = "syncthing";\n      this.showMore = true;\n    },\n    checkDeviceId: function checkDeviceId() {},\n    submitNewDevice: function submitNewDevice() {\n      var _this2 = this;\n\n      this.isSubmiting = true;\n      this.syncXhr.get("/rest/svc/deviceid?id=".concat(this.deviceId)).then(function (res) {\n        if (res.data.id) {\n          _this2.syncXhr.get("/rest/config").then(function (res) {\n            _this2.syncConfig = res.data;\n\n            var newDevice = _this2.genNewDevice(_this2.deviceId);\n\n            _this2.syncConfig.devices.push(newDevice);\n\n            _this2.syncConfig.folders = _this2.createShareFolder(_this2.syncConfig.folders);\n\n            _this2.syncXhr.put("/rest/config", _this2.syncConfig).then(function (res) {\n              _this2.isSubmiting = false;\n\n              if (res.status == 200) {\n                _this2.isSubmited = true;\n                _this2.helpTitle = "What do I need to do on my device?";\n              }\n            });\n          });\n        } else {\n          _this2.isSubmiting = false;\n\n          _this2.$buefy.toast.open({\n            message: "Unable to link this device.",\n            position: \'is-bottom\',\n            type: \'is-danger\'\n          });\n        }\n      }).catch(function () {\n        _this2.isSubmiting = false;\n\n        _this2.$buefy.toast.open({\n          message: "Unable to link this device.",\n          position: \'is-bottom\',\n          type: \'is-danger\'\n        });\n      });\n    },\n    // Create Share folder for new device\n    createShareFolder: function createShareFolder(folders) {\n      var _this3 = this;\n\n      return folders.map(function (folder) {\n        if (folder.id == "default") {\n          folder.devices.push({\n            deviceID: _this3.deviceId\n          });\n        }\n\n        return folder;\n      });\n    },\n    // Generate new Device with deviceId\n    genNewDevice: function genNewDevice(deviceId) {\n      return {\n        deviceID: deviceId,\n        addresses: ["dynamic"],\n        compression: "metadata",\n        certName: "",\n        introducer: false,\n        skipIntroductionRemovals: false,\n        introducedBy: "",\n        paused: false,\n        allowedNetworks: [],\n        autoAcceptFolders: false,\n        maxSendKbps: 0,\n        maxRecvKbps: 0,\n        ignoredFolders: [],\n        maxRequestKiB: 0,\n        untrusted: false,\n        remoteGUIPort: 0\n      };\n    },\n    nextStep: function nextStep() {\n      this.step++;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/syncthing/SyncPanel.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/widgets/Settings.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/widgets/Settings.vue?vue&type=script&lang=js& ***!
   \*************************************************************************************************************************************************************************************************************************************************************/
@@ -294,7 +294,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/filebrowser/components/ActionButton.vue?vue&type=template&id=49c47fbe& ***!
   \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-/*! 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: "action-btn" },\n    [\n      _c(\n        "b-dropdown",\n        {\n          ref: "dropDown",\n          staticClass: "file-dropdown",\n          attrs: {\n            "aria-role": "list",\n            "append-to-body": "",\n            "close-on-click": false,\n            triggers: ["click"],\n            id: "dr-" + _vm.index,\n            position: "is-" + _vm.verticalPos + "-" + _vm.horizontalPos,\n            animation: "fade1"\n          },\n          on: {\n            "active-change": function($event) {\n              return _vm.dorpActiveChange($event, "dr-" + _vm.index)\n            }\n          },\n          scopedSlots: _vm._u([\n            {\n              key: "trigger",\n              fn: function() {\n                return [\n                  _c(\n                    "p",\n                    { attrs: { role: "button" } },\n                    [\n                      _c("b-icon", {\n                        attrs: {\n                          icon: "dots-horizontal",\n                          "custom-size": "mdi-18px",\n                          id: "das"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ]\n              },\n              proxy: true\n            }\n          ])\n        },\n        [\n          _c(\n            "b-dropdown-item",\n            { attrs: { "aria-role": "menuitem" }, on: { click: _vm.download } },\n            [_vm._v(" " + _vm._s(_vm.$t("Download")) + " ")]\n          ),\n          _c(\n            "b-dropdown-item",\n            { attrs: { "aria-role": "menuitem" }, on: { click: _vm.copyPath } },\n            [_vm._v(" " + _vm._s(_vm.$t("Copy Path")) + " ")]\n          ),\n          _c("hr", { staticClass: "dropdown-divider" }),\n          _c(\n            "b-dropdown-item",\n            { attrs: { "aria-role": "menuitem" }, on: { click: _vm.rename } },\n            [_vm._v(" " + _vm._s(_vm.$t("Rename")) + " ")]\n          ),\n          _c(\n            "b-dropdown-item",\n            {\n              attrs: { "aria-role": "menuitem" },\n              on: {\n                click: function($event) {\n                  return _vm.operate("move", _vm.item)\n                }\n              }\n            },\n            [_vm._v(" " + _vm._s(_vm.$t("Cut")) + " ")]\n          ),\n          _c(\n            "b-dropdown-item",\n            {\n              attrs: { "aria-role": "menuitem" },\n              on: {\n                click: function($event) {\n                  return _vm.operate("copy", _vm.item)\n                }\n              }\n            },\n            [_vm._v(" " + _vm._s(_vm.$t("Copy")) + " ")]\n          ),\n          _c("hr", { staticClass: "dropdown-divider" }),\n          !_vm.isConfirmed\n            ? _c(\n                "b-dropdown-item",\n                {\n                  staticClass: "has-text-danger",\n                  attrs: { "aria-role": "menuitem" },\n                  on: {\n                    click: function($event) {\n                      _vm.isConfirmed = true\n                    }\n                  }\n                },\n                [_vm._v(" " + _vm._s(_vm.$t("Delete")) + " ")]\n              )\n            : _c(\n                "b-dropdown-item",\n                {\n                  staticClass: "has-text-danger",\n                  attrs: { "aria-role": "menuitem" },\n                  on: {\n                    click: function($event) {\n                      return _vm.deleteItem(_vm.item)\n                    }\n                  }\n                },\n                [_vm._v(" " + _vm._s(_vm.$t("Are you sure?")) + " ")]\n              )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/filebrowser/components/ActionButton.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/filebrowser/components/ContextMenu.vue?vue&type=template&id=c68c0130&':
+/*! 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: "action-btn" },\n    [\n      _c(\n        "b-dropdown",\n        {\n          ref: "dropDown",\n          staticClass: "file-dropdown",\n          attrs: {\n            "aria-role": "list",\n            "append-to-body": "",\n            "close-on-click": false,\n            id: "dr-" + _vm.index,\n            position: "is-" + _vm.verticalPos + "-" + _vm.horizontalPos,\n            animation: "fade1"\n          },\n          on: {\n            "active-change": function($event) {\n              return _vm.dorpActiveChange($event, "dr-" + _vm.index)\n            }\n          },\n          scopedSlots: _vm._u([\n            {\n              key: "trigger",\n              fn: function() {\n                return [\n                  _c(\n                    "p",\n                    { attrs: { role: "button" } },\n                    [\n                      _c("b-icon", {\n                        attrs: {\n                          icon: "dots-horizontal",\n                          "custom-size": "mdi-18px",\n                          id: "das"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ]\n              },\n              proxy: true\n            }\n          ])\n        },\n        [\n          _c(\n            "b-dropdown-item",\n            { attrs: { "aria-role": "menuitem" }, on: { click: _vm.download } },\n            [_vm._v(" " + _vm._s(_vm.$t("Download")) + " ")]\n          ),\n          _c(\n            "b-dropdown-item",\n            { attrs: { "aria-role": "menuitem" }, on: { click: _vm.copyPath } },\n            [_vm._v(" " + _vm._s(_vm.$t("Copy Path")) + " ")]\n          ),\n          _c("hr", { staticClass: "dropdown-divider" }),\n          _c(\n            "b-dropdown-item",\n            { attrs: { "aria-role": "menuitem" }, on: { click: _vm.rename } },\n            [_vm._v(" " + _vm._s(_vm.$t("Rename")) + " ")]\n          ),\n          _c(\n            "b-dropdown-item",\n            {\n              attrs: { "aria-role": "menuitem" },\n              on: {\n                click: function($event) {\n                  return _vm.operate("move", _vm.item)\n                }\n              }\n            },\n            [_vm._v(" " + _vm._s(_vm.$t("Cut")) + " ")]\n          ),\n          _c(\n            "b-dropdown-item",\n            {\n              attrs: { "aria-role": "menuitem" },\n              on: {\n                click: function($event) {\n                  return _vm.operate("copy", _vm.item)\n                }\n              }\n            },\n            [_vm._v(" " + _vm._s(_vm.$t("Copy")) + " ")]\n          ),\n          _c("hr", { staticClass: "dropdown-divider" }),\n          !_vm.isConfirmed\n            ? _c(\n                "b-dropdown-item",\n                {\n                  staticClass: "has-text-danger",\n                  attrs: { "aria-role": "menuitem" },\n                  on: {\n                    click: function($event) {\n                      _vm.isConfirmed = true\n                    }\n                  }\n                },\n                [_vm._v(" " + _vm._s(_vm.$t("Delete")) + " ")]\n              )\n            : _c(\n                "b-dropdown-item",\n                {\n                  staticClass: "has-text-danger",\n                  attrs: { "aria-role": "menuitem" },\n                  on: {\n                    click: function($event) {\n                      return _vm.deleteItem(_vm.item)\n                    }\n                  }\n                },\n                [_vm._v(" " + _vm._s(_vm.$t("Are you sure?")) + " ")]\n              )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/filebrowser/components/ActionButton.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/filebrowser/components/ContextMenu.vue?vue&type=template&id=c68c0130&':
 /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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/filebrowser/components/ContextMenu.vue?vue&type=template&id=c68c0130& ***!
   \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -434,7 +434,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/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(\n        "div",\n        { staticClass: "wuji-content" },\n        [\n          _vm.state == 1\n            ? [\n                _c("h6", { staticClass: "title is-6 mb-2 has-text-white" }, [\n                  _vm._v(_vm._s(_vm.$t("Sync your data")))\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                                "Follow the guide to start syncing your files across multiple devices."\n                              )\n                            ) +\n                            " "\n                        )\n                      ])\n                    ]),\n                    _c("b-image", {\n                      staticClass: "is-64x64",\n                      attrs: {\n                        src: __webpack_require__(/*! @/assets/img/syncthing/sync_icon.png */ "./src/assets/img/syncthing/sync_icon.png")\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  "div",\n                  { staticClass: "buttons" },\n                  [\n                    _c(\n                      "b-button",\n                      {\n                        attrs: {\n                          type: "is-primary",\n                          size: "is-small",\n                          rounded: ""\n                        },\n                        on: { click: _vm.openSyncPanel }\n                      },\n                      [_vm._v(_vm._s(_vm.$t("Go !")))]\n                    )\n                  ],\n                  1\n                )\n              ]\n            : _vm._e(),\n          _vm.state == 2\n            ? [\n                _c("div", { staticClass: "is-flex is-align-items-center" }, [\n                  _c("div", { staticClass: "flex1" }, [\n                    _c(\n                      "h6",\n                      { staticClass: "title is-6 mb-2 has-text-white" },\n                      [_vm._v(_vm._s(_vm.$t("Sync your data")))]\n                    )\n                  ]),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center" },\n                    [\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Add New Device"),\n                            position: "is-top",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c("button", {\n                            staticClass: "icon-button-new mdi mdi-plus",\n                            attrs: { type: "button" },\n                            on: { click: _vm.openSyncPanel }\n                          })\n                        ]\n                      ),\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Config"),\n                            position: "is-top",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c("button", {\n                            staticClass: "icon-button-new mdi mdi-cog-outline",\n                            attrs: { type: "button" },\n                            on: { click: _vm.gotoAdvancedPanel }\n                          })\n                        ]\n                      )\n                    ],\n                    1\n                  )\n                ]),\n                _c("div", { staticClass: "columns mb-0 mt-2 is-mobile" }, [\n                  _c(\n                    "div",\n                    { staticClass: "column is-flex  is-align-items-center" },\n                    [\n                      _c("b-image", {\n                        staticClass: "is-32x32",\n                        attrs: {\n                          src: __webpack_require__(/*! @/assets/img/syncthing/device.png */ "./src/assets/img/syncthing/device.png")\n                        }\n                      }),\n                      _c("div", { staticClass: "flex1" }, [\n                        _c("p", { staticClass: "is-size-65 ml-2 one-line" }, [\n                          _vm._v(\n                            _vm._s(_vm.$t("Up to Date")) +\n                              " " +\n                              _vm._s(_vm.activeDevice) +\n                              "/" +\n                              _vm._s(_vm.totalDevice)\n                          )\n                        ])\n                      ])\n                    ],\n                    1\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "column is-flex  is-align-items-center" },\n                    [\n                      _c("b-image", {\n                        staticClass: "is-32x32",\n                        attrs: {\n                          src: __webpack_require__(/*! @/assets/img/syncthing/folder1.png */ "./src/assets/img/syncthing/folder1.png")\n                        }\n                      }),\n                      _c("div", { staticClass: "flex1" }, [\n                        _c("p", { staticClass: "is-size-65 ml-2 one-line" }, [\n                          _vm._v(\n                            _vm._s(_vm.$t("Up to Date")) +\n                              " " +\n                              _vm._s(_vm.activeFolders.length) +\n                              "/" +\n                              _vm._s(_vm.folders)\n                          )\n                        ])\n                      ])\n                    ],\n                    1\n                  )\n                ]),\n                _c("div", { staticClass: "columns mb-0 mt-1 is-mobile" }, [\n                  _c(\n                    "div",\n                    {\n                      staticClass:\n                        "column pt-0 pb-0 is-flex  is-align-items-center is-size-65"\n                    },\n                    [\n                      _c("b-icon", {\n                        staticClass: "mr-1",\n                        attrs: {\n                          icon: _vm.syncIcon,\n                          type: "is-success",\n                          "custom-size": "mdi-18px",\n                          "custom-class": _vm.spinner\n                        }\n                      }),\n                      _vm._v(" " + _vm._s(_vm.$t(_vm.syncState)) + " ")\n                    ],\n                    1\n                  ),\n                  _c(\n                    "div",\n                    {\n                      staticClass:\n                        "column pt-0 pb-0 is-flex  is-align-items-center is-size-65 is-justify-content-end "\n                    },\n                    [\n                      _vm.syncState == "Synchronized"\n                        ? _c("b", { staticClass: "one-line" }, [\n                            _vm._v(\n                              _vm._s(_vm.$t("Total")) +\n                                "：" +\n                                _vm._s(_vm._f("renderSize")(_vm.totalSize))\n                            )\n                          ])\n                        : _vm._e(),\n                      _vm.syncState == "Synchronizing"\n                        ? _c(\n                            "p",\n                            {\n                              staticClass:\n                                "one-line is-flex  is-align-items-center"\n                            },\n                            [\n                              _c("b-icon", {\n                                staticClass: "mr-1",\n                                attrs: {\n                                  icon: "cloud-upload-outline",\n                                  "custom-size": "mdi-18px"\n                                }\n                              }),\n                              _vm._v(\n                                " " +\n                                  _vm._s(_vm._f("renderBps")(_vm.upSpeed)) +\n                                  " "\n                              ),\n                              _c("b-icon", {\n                                staticClass: "ml-2 mr-1",\n                                attrs: {\n                                  icon: "cloud-download-outline",\n                                  "custom-size": "mdi-18px"\n                                }\n                              }),\n                              _vm._v(\n                                " " +\n                                  _vm._s(_vm._f("renderBps")(_vm.downSpeed)) +\n                                  " "\n                              )\n                            ],\n                            1\n                          )\n                        : _vm._e()\n                    ]\n                  )\n                ])\n              ]\n            : _vm._e()\n        ],\n        2\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/syncthing/SyncBlock.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/SyncPanel.vue?vue&type=template&id=6a559bcd&':
+/*! 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(\n        "div",\n        { staticClass: "wuji-content" },\n        [\n          _vm.state == 1\n            ? [\n                _c("h6", { staticClass: "title is-6 mb-2 has-text-white" }, [\n                  _vm._v(_vm._s(_vm.$t("Sync your data")))\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                                "Follow the guide to start syncing your files across multiple devices."\n                              )\n                            ) +\n                            " "\n                        )\n                      ])\n                    ]),\n                    _c("b-image", {\n                      staticClass: "is-54x54",\n                      attrs: {\n                        src: __webpack_require__(/*! @/assets/img/syncthing/sync_icon.png */ "./src/assets/img/syncthing/sync_icon.png")\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  "div",\n                  { staticClass: "buttons" },\n                  [\n                    _c(\n                      "b-button",\n                      {\n                        attrs: {\n                          type: "is-primary",\n                          size: "is-small",\n                          rounded: ""\n                        },\n                        on: { click: _vm.openSyncPanel }\n                      },\n                      [_vm._v(_vm._s(_vm.$t("Go !")))]\n                    )\n                  ],\n                  1\n                )\n              ]\n            : _vm._e(),\n          _vm.state == 2\n            ? [\n                _c("div", { staticClass: "is-flex is-align-items-center" }, [\n                  _c("div", { staticClass: "flex1" }, [\n                    _c(\n                      "h6",\n                      { staticClass: "title is-6 mb-2 has-text-white" },\n                      [_vm._v(_vm._s(_vm.$t("Sync your data")))]\n                    )\n                  ]),\n                  _c(\n                    "div",\n                    { staticClass: "is-flex is-align-items-center" },\n                    [\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Add New Device"),\n                            position: "is-top",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c("button", {\n                            staticClass: "icon-button-new mdi mdi-plus",\n                            attrs: { type: "button" },\n                            on: { click: _vm.openSyncPanel }\n                          })\n                        ]\n                      ),\n                      _c(\n                        "b-tooltip",\n                        {\n                          attrs: {\n                            label: _vm.$t("Config"),\n                            position: "is-top",\n                            type: "is-dark"\n                          }\n                        },\n                        [\n                          _c("button", {\n                            staticClass: "icon-button-new mdi mdi-cog-outline",\n                            attrs: { type: "button" },\n                            on: { click: _vm.gotoAdvancedPanel }\n                          })\n                        ]\n                      )\n                    ],\n                    1\n                  )\n                ]),\n                _c("div", { staticClass: "columns mb-0 mt-2 is-mobile" }, [\n                  _c(\n                    "div",\n                    { staticClass: "column is-flex  is-align-items-center" },\n                    [\n                      _c("b-image", {\n                        staticClass: "is-32x32",\n                        attrs: {\n                          src: __webpack_require__(/*! @/assets/img/syncthing/device.png */ "./src/assets/img/syncthing/device.png")\n                        }\n                      }),\n                      _c("div", { staticClass: "flex1" }, [\n                        _c("p", { staticClass: "is-size-65 ml-2 one-line" }, [\n                          _vm._v(\n                            _vm._s(_vm.$t("Up to Date")) +\n                              " " +\n                              _vm._s(_vm.activeDevice) +\n                              "/" +\n                              _vm._s(_vm.totalDevice)\n                          )\n                        ])\n                      ])\n                    ],\n                    1\n                  ),\n                  _c(\n                    "div",\n                    { staticClass: "column is-flex  is-align-items-center" },\n                    [\n                      _c("b-image", {\n                        staticClass: "is-32x32",\n                        attrs: {\n                          src: __webpack_require__(/*! @/assets/img/syncthing/folder1.png */ "./src/assets/img/syncthing/folder1.png")\n                        }\n                      }),\n                      _c("div", { staticClass: "flex1" }, [\n                        _c("p", { staticClass: "is-size-65 ml-2 one-line" }, [\n                          _vm._v(\n                            _vm._s(_vm.$t("Up to Date")) +\n                              " " +\n                              _vm._s(_vm.activeFolders.length) +\n                              "/" +\n                              _vm._s(_vm.folders)\n                          )\n                        ])\n                      ])\n                    ],\n                    1\n                  )\n                ]),\n                _c("div", { staticClass: "columns mb-0 mt-1 is-mobile" }, [\n                  _c(\n                    "div",\n                    {\n                      staticClass:\n                        "column pt-0 pb-0 is-flex  is-align-items-center is-size-65"\n                    },\n                    [\n                      _c("b-icon", {\n                        staticClass: "mr-1",\n                        attrs: {\n                          icon: _vm.syncIcon,\n                          type: "is-success",\n                          "custom-size": "mdi-18px",\n                          "custom-class": _vm.spinner\n                        }\n                      }),\n                      _vm._v(" " + _vm._s(_vm.$t(_vm.syncState)) + " ")\n                    ],\n                    1\n                  ),\n                  _c(\n                    "div",\n                    {\n                      staticClass:\n                        "column pt-0 pb-0 is-flex  is-align-items-center is-size-65 is-justify-content-end "\n                    },\n                    [\n                      _vm.syncState == "Synchronized"\n                        ? _c("b", { staticClass: "one-line" }, [\n                            _vm._v(\n                              _vm._s(_vm.$t("Total")) +\n                                "：" +\n                                _vm._s(_vm._f("renderSize")(_vm.totalSize))\n                            )\n                          ])\n                        : _vm._e(),\n                      _vm.syncState == "Synchronizing"\n                        ? _c(\n                            "p",\n                            {\n                              staticClass:\n                                "one-line is-flex  is-align-items-center"\n                            },\n                            [\n                              _c("b-icon", {\n                                staticClass: "mr-1",\n                                attrs: {\n                                  icon: "cloud-upload-outline",\n                                  "custom-size": "mdi-18px"\n                                }\n                              }),\n                              _vm._v(\n                                " " +\n                                  _vm._s(_vm._f("renderBps")(_vm.upSpeed)) +\n                                  " "\n                              ),\n                              _c("b-icon", {\n                                staticClass: "ml-2 mr-1",\n                                attrs: {\n                                  icon: "cloud-download-outline",\n                                  "custom-size": "mdi-18px"\n                                }\n                              }),\n                              _vm._v(\n                                " " +\n                                  _vm._s(_vm._f("renderBps")(_vm.downSpeed)) +\n                                  " "\n                              )\n                            ],\n                            1\n                          )\n                        : _vm._e()\n                    ]\n                  )\n                ])\n              ]\n            : _vm._e()\n        ],\n        2\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/syncthing/SyncBlock.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/SyncPanel.vue?vue&type=template&id=6a559bcd&':
 /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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/SyncPanel.vue?vue&type=template&id=6a559bcd& ***!
   \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
diff --git a/web/js/app.js b/web/js/app.js
index 2a2cd38..381a07c 100644
--- a/web/js/app.js
+++ b/web/js/app.js
@@ -1,4 +1,4 @@
-(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&":
+(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:"8acf69a4",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&":
 /*!*************************************************************************************************************************************************************************************************************************************!*\
   !*** ./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& ***!
   \*************************************************************************************************************************************************************************************************************************************/
@@ -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_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":
+/*! 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: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-15 18:14:09\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.host;\n  var localhostName = document.location.hostname;\n  var baseIp =  false ? undefined : "".concat(localhostName);\n  var baseURL =  false ? undefined : "".concat(localhost);\n  var wsURL = "ws://".concat(baseIp, ":").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 ***!
   \*****************************/
@@ -1074,7 +1074,7 @@
 /*!********************************!*\
   !*** ./src/service/service.js ***!
   \********************************/
-/*! exports provided: api */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "api", function() { return api; });\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/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! qs */ "./node_modules/qs/lib/index.js");\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/router */ "./src/router/index.js");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/store */ "./src/store/index.js");\n\n\n\n\n\n/*\n * @Author: JerryK\n * @Date: 2021-09-18 21:32:13\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-02 11:06:25\n * @Description: \n * @FilePath: \\CasaOS-UI\\src\\service\\service.js\n */\n\n\n\n // Set Post Headers\n\naxios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.headers.post[\'Content-Type\'] = \'application/x-www-form-urlencoded;charset=UTF-8\';\naxios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.withCredentials = false;\n\nif (false) {} else {\n  axios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.baseURL = "".concat(document.location.protocol, "//").concat(document.location.host, "/v1");\n} //Create a axios instance, And set timeout to 30s\n\n\nvar instance = axios__WEBPACK_IMPORTED_MODULE_4___default.a.create({\n  timeout: 60000\n});\n\nvar getLangFromBrowser = function getLangFromBrowser() {\n  var lang = navigator.language || navigator.userLanguage;\n  lang = lang.toLowerCase().replace("-", "_");\n  return lang;\n};\n\nvar getInitLang = function getInitLang() {\n  var lang = localStorage.getItem(\'lang\') || getLangFromBrowser();\n  return lang;\n}; //请求和响应拦截可以根据实际项目需求进行编写\n// 请求发起前拦截\n\n\ninstance.interceptors.request.use(function (config) {\n  var token = \'\';\n\n  if (localStorage.getItem("user_token")) {\n    token = localStorage.getItem("user_token");\n  }\n\n  config.headers.Authorization = token;\n  config.headers.common["Language"] = getInitLang();\n  _store__WEBPACK_IMPORTED_MODULE_7__["default"].commit(\'setToken\', token);\n  return config;\n}, function (error) {\n  // Do something with request error\n  return Promise.reject(error);\n}); // 响应拦截（请求返回后拦截）\n\ninstance.interceptors.response.use(function (response) {\n  //console.log("响应拦截", response);\n  return response;\n}, function (error) {\n  console.log(\'catch\', error);\n\n  if (error.response) {\n    switch (error.response.status) {\n      case 401:\n        localStorage.removeItem(\'user_token\'); //可能是token过期，清除它\n\n        _router__WEBPACK_IMPORTED_MODULE_6__["default"].replace({\n          //跳转到登录页面\n          path: \'/login\',\n          query: {\n            redirect: _router__WEBPACK_IMPORTED_MODULE_6__["default"].currentRoute.fullPath\n          } // 将跳转的路由path作为参数，登录成功后跳转到该路由\n\n        });\n        break;\n\n      case 404:\n        _store__WEBPACK_IMPORTED_MODULE_7__["default"].commit(\'setServiceError\', true);\n        break;\n\n      case 500:\n        break;\n    }\n  } else {\n    _store__WEBPACK_IMPORTED_MODULE_7__["default"].commit(\'setServiceError\', true);\n  }\n\n  return Promise.reject(error);\n});\nvar CancelToken = axios__WEBPACK_IMPORTED_MODULE_4___default.a.CancelToken; //按照请求类型对axios进行封装\n\nvar api = {\n  get: function get(url, data, _this) {\n    if (_this) {\n      return instance.get(url, {\n        params: data,\n        cancelToken: new CancelToken(function executor(c) {\n          _this.cancelRequest = c;\n        })\n      });\n    } else {\n      return instance.get(url, {\n        params: data\n      });\n    }\n  },\n  post: function post(url, data) {\n    return instance.post(url, this._processData(url, data));\n  },\n  put: function put(url, data) {\n    return instance.put(url, this._processData(url, data));\n  },\n  delete: function _delete(url, data) {\n    return instance.delete(url, {\n      data: data\n    });\n  },\n  _processData: function _processData(url, data) {\n    var isJSON = url.indexOf("setting") > 0 || url.indexOf("install") > 0 || url.indexOf("sys") > 0 || url.indexOf("file") > 0;\n    var payload, contentType;\n\n    if (isJSON) {\n      contentType = \'application/json\';\n      payload = JSON.stringify(data);\n    } else {\n      contentType = \'application/x-www-form-urlencoded;charset=UTF-8\';\n      payload = qs__WEBPACK_IMPORTED_MODULE_5___default.a.stringify(data);\n    }\n\n    axios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.headers.post[\'Content-Type\'] = contentType;\n    return payload;\n  }\n};\n\n\n//# sourceURL=webpack:///./src/service/service.js?')},"./src/service/sync.js":
+/*! exports provided: api */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "api", function() { return api; });\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/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! qs */ "./node_modules/qs/lib/index.js");\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/router */ "./src/router/index.js");\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/store */ "./src/store/index.js");\n\n\n\n\n\n/*\n * @Author: JerryK\n * @Date: 2021-09-18 21:32:13\n * @LastEditors: Jerryk jerry@icewhale.org\n * @LastEditTime: 2022-06-15 18:11:51\n * @Description: \n * @FilePath: /CasaOS-UI/src/service/service.js\n */\n\n\n\n // Set Post Headers\n\naxios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.headers.post[\'Content-Type\'] = \'application/x-www-form-urlencoded;charset=UTF-8\';\naxios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.withCredentials = false;\n\nif (false) {} else {\n  axios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.baseURL = "/v1";\n} //Create a axios instance, And set timeout to 30s\n\n\nvar instance = axios__WEBPACK_IMPORTED_MODULE_4___default.a.create({\n  timeout: 60000\n});\n\nvar getLangFromBrowser = function getLangFromBrowser() {\n  var lang = navigator.language || navigator.userLanguage;\n  lang = lang.toLowerCase().replace("-", "_");\n  return lang;\n};\n\nvar getInitLang = function getInitLang() {\n  var lang = localStorage.getItem(\'lang\') || getLangFromBrowser();\n  return lang;\n}; //请求和响应拦截可以根据实际项目需求进行编写\n// 请求发起前拦截\n\n\ninstance.interceptors.request.use(function (config) {\n  var token = \'\';\n\n  if (localStorage.getItem("user_token")) {\n    token = localStorage.getItem("user_token");\n  }\n\n  config.headers.Authorization = token;\n  config.headers.common["Language"] = getInitLang();\n  _store__WEBPACK_IMPORTED_MODULE_7__["default"].commit(\'setToken\', token);\n  return config;\n}, function (error) {\n  // Do something with request error\n  return Promise.reject(error);\n}); // 响应拦截（请求返回后拦截）\n\ninstance.interceptors.response.use(function (response) {\n  //console.log("响应拦截", response);\n  return response;\n}, function (error) {\n  console.log(\'catch\', error);\n\n  if (error.response) {\n    switch (error.response.status) {\n      case 401:\n        localStorage.removeItem(\'user_token\'); //可能是token过期，清除它\n\n        _router__WEBPACK_IMPORTED_MODULE_6__["default"].replace({\n          //跳转到登录页面\n          path: \'/login\',\n          query: {\n            redirect: _router__WEBPACK_IMPORTED_MODULE_6__["default"].currentRoute.fullPath\n          } // 将跳转的路由path作为参数，登录成功后跳转到该路由\n\n        });\n        break;\n\n      case 404:\n        _store__WEBPACK_IMPORTED_MODULE_7__["default"].commit(\'setServiceError\', true);\n        break;\n\n      case 500:\n        break;\n    }\n  } else {\n    _store__WEBPACK_IMPORTED_MODULE_7__["default"].commit(\'setServiceError\', true);\n  }\n\n  return Promise.reject(error);\n});\nvar CancelToken = axios__WEBPACK_IMPORTED_MODULE_4___default.a.CancelToken; //按照请求类型对axios进行封装\n\nvar api = {\n  get: function get(url, data, _this) {\n    if (_this) {\n      return instance.get(url, {\n        params: data,\n        cancelToken: new CancelToken(function executor(c) {\n          _this.cancelRequest = c;\n        })\n      });\n    } else {\n      return instance.get(url, {\n        params: data\n      });\n    }\n  },\n  post: function post(url, data) {\n    return instance.post(url, this._processData(url, data));\n  },\n  put: function put(url, data) {\n    return instance.put(url, this._processData(url, data));\n  },\n  delete: function _delete(url, data) {\n    return instance.delete(url, {\n      data: data\n    });\n  },\n  _processData: function _processData(url, data) {\n    var isJSON = url.indexOf("setting") > 0 || url.indexOf("install") > 0 || url.indexOf("sys") > 0 || url.indexOf("file") > 0;\n    var payload, contentType;\n\n    if (isJSON) {\n      contentType = \'application/json\';\n      payload = JSON.stringify(data);\n    } else {\n      contentType = \'application/x-www-form-urlencoded;charset=UTF-8\';\n      payload = qs__WEBPACK_IMPORTED_MODULE_5___default.a.stringify(data);\n    }\n\n    axios__WEBPACK_IMPORTED_MODULE_4___default.a.defaults.headers.post[\'Content-Type\'] = contentType;\n    return payload;\n  }\n};\n\n\n//# sourceURL=webpack:///./src/service/service.js?')},"./src/service/sync.js":
 /*!*****************************!*\
   !*** ./src/service/sync.js ***!
   \*****************************/

From 8fe893847fb828cecd7dbe3e3f5f026a1bb3dd9d Mon Sep 17 00:00:00 2001
From: "a624669980@163.com" <a624669980@163.com>
Date: Thu, 16 Jun 2022 15:52:50 +0800
Subject: [PATCH 6/9] Update CHANGELOG.md

---
 CHANGELOG.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 80a2b27..d0cba07 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,7 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
-## [0.3.2.1] - 2022-06-14
+## [0.3.2.1] - 2022-06-16(UTC)
 
 ### Changed
 
@@ -32,6 +32,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [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))
+- [App] Fixed plex and HA network mode error issues ([#299](https://github.com/IceWhaleTech/CasaOS/issues/299))
+- [App] Fix application terminal not working ([#266](https://github.com/IceWhaleTech/CasaOS/issues/266))
 
 ## [0.3.2] - 2022-06-10
 

From 78479f9604b7731979008b9d85db5840555f036d Mon Sep 17 00:00:00 2001
From: "a624669980@163.com" <a624669980@163.com>
Date: Thu, 16 Jun 2022 16:57:13 +0800
Subject: [PATCH 7/9] Update file.go

---
 service/file.go | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/service/file.go b/service/file.go
index 697dd14..9b14b70 100644
--- a/service/file.go
+++ b/service/file.go
@@ -2,7 +2,7 @@
  * @Author: LinkLeong link@icewhale.com
  * @Date: 2021-12-20 14:15:46
  * @LastEditors: LinkLeong
- * @LastEditTime: 2022-06-09 18:15:54
+ * @LastEditTime: 2022-06-16 16:47:46
  * @FilePath: /CasaOS/service/file.go
  * @Description:
  * @Website: https://www.casaos.io
@@ -93,13 +93,12 @@ func FileOperate(k string) {
 		v := temp.Item[i]
 		if temp.Type == "move" {
 			lastPath := v.From[strings.LastIndex(v.From, "/")+1:]
-
 			if !file.CheckNotExist(temp.To + "/" + lastPath) {
 				if temp.Style == "skip" {
 					temp.Item[i].Finished = true
 					continue
 				} else {
-					os.Remove(temp.To + "/" + lastPath)
+					os.RemoveAll(temp.To + "/" + lastPath)
 				}
 			}
 

From 6bb044ab040aaff8b264e9caa5ce36a78b205505 Mon Sep 17 00:00:00 2001
From: "a624669980@163.com" <a624669980@163.com>
Date: Thu, 16 Jun 2022 20:11:11 +0800
Subject: [PATCH 8/9] Update version.go

---
 pkg/utils/version/version.go | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pkg/utils/version/version.go b/pkg/utils/version/version.go
index 10a646b..a2aaa39 100644
--- a/pkg/utils/version/version.go
+++ b/pkg/utils/version/version.go
@@ -2,7 +2,7 @@
  * @Author: LinkLeong link@icewhale.com
  * @Date: 2022-05-13 18:15:46
  * @LastEditors: LinkLeong
- * @LastEditTime: 2022-06-14 11:17:16
+ * @LastEditTime: 2022-06-16 20:08:21
  * @FilePath: /CasaOS/pkg/utils/version/version.go
  * @Description:
  * @Website: https://www.casaos.io
@@ -41,6 +41,9 @@ func IsNeedUpdate() (bool, model.Version) {
 	for i := 0; i < len(v1); i++ {
 		a, _ := strconv.Atoi(v1[i])
 		b, _ := strconv.Atoi(v2[i])
+		if i == 0 && a > b {
+			continue
+		}
 		if a > b {
 			return true, version
 		}

From d91fef0a19cbab0beaaf269a4d8eedf5979985fb Mon Sep 17 00:00:00 2001
From: "a624669980@163.com" <a624669980@163.com>
Date: Thu, 16 Jun 2022 21:20:10 +0800
Subject: [PATCH 9/9] Update route.go

---
 route/route.go | 1 +
 1 file changed, 1 insertion(+)

diff --git a/route/route.go b/route/route.go
index 00fd25b..9119caf 100644
--- a/route/route.go
+++ b/route/route.go
@@ -114,6 +114,7 @@ func InitRouter() *gin.Engine {
 		v1SysGroup := v1Group.Group("/sys")
 		v1SysGroup.Use()
 		{
+			v1SysGroup.GET("/check", v1.GetSystemCheckVersion)
 			v1SysGroup.GET("/version/check", v1.GetSystemCheckVersion)
 			v1SysGroup.GET("/hardware/info", v1.GetSystemHardwareInfo)
 			v1SysGroup.POST("/update", v1.SystemUpdate)