Add authentication

Add user authentication module, Login page and initialization page. Fixed the problem that the application could not start after the system restarted.
Optimize installation process
2025-12-23 13:04:42 +00:00 · 2021-10-22 16:49:09 +08:00 · 2021-10-19 19:07:16 +08:00 · 2021-10-18 18:24:18 +08:00 · 2021-10-15 11:43:41 +08:00 · 2021-09-30 18:52:03 +08:00
144 changed files with 2527 additions and 20644 deletions
--- a/.github/workflows/casa.yml
+++ b/.github/workflows/casa.yml
@@ -0,0 +1,148 @@
+# This is a basic workflow to help you get started with Actions
+
+name: Build CasaOS
+
+on:
+  repository_dispatch:
+  workflow_dispatch:
+    inputs:
+      ssh:
+        description: 'SSH connection to Actions'
+        required: false
+        default: 'false'
+
+#on:
+#  push:
+#    branches:
+#      - 'main'
+#    tags:
+#      - 'v*'
+env:
+  REPO_URL: https://github.com/IceWhaleTech/CasaOS.git
+  REPO_BRANCH: main
+  PACK_SH_URL: https://raw.githubusercontent.com/jerrykuku/actions-casa/main/pack.sh
+  PACK_SH: pack.sh
+  TZ: Asia/Shanghai
+
+jobs:
+  xgo:
+    strategy:
+      fail-fast: false
+      matrix:
+        go_version:
+          - 1.17.1
+    runs-on: ubuntu-latest
+    steps:
+
+      #      - name: Get release
+      #        id: get_release
+      #        uses: bruceadams/get-release@v1.2.3
+      #        env:
+      #          GITHUB_TOKEN: ${{ github.token }}
+
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+          submodules: true
+#      - name: Initialization environment
+#        env:
+#          DEBIAN_FRONTEND: noninteractive
+#        run: |
+#          sudo timedatectl set-timezone "$TZ"
+#          sudo mkdir -p /workdir
+#          sudo chown $USER:$GROUPS /workdir
+
+
+
+
+
+      #      - name: Clone source code
+      #        working-directory: /workdir
+      #        run: |
+      #          df -hT $PWD
+      #          git clone $REPO_URL -b $REPO_BRANCH --recursive casa
+      #          ln -sf /workdir/casa $GITHUB_WORKSPACE/casa
+      #          ls
+
+
+      - name: Set enviroment for github-release
+        run: |
+          echo "VERSION=$(cat types/system.go | grep CURRENTVERSION | awk '$2 == "CURRENTVERSION"{print $4}' | sed 's/"//g')" >>$GITHUB_ENV
+          echo "BODY=$(cat types/system.go | grep BODY | awk -F= '{print $2}' | sed 's/"//g')" >>$GITHUB_ENV
+
+
+
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+
+      - name: Build frontend with nodejs and yarn
+        run: |
+          cd UI
+          ls
+          yarn install
+          yarn build
+
+      - name: list work
+        run: pwd
+
+      - name: Build with xgo
+        uses: crazy-max/ghaction-xgo@v1
+        with:
+          xgo_version: latest
+          go_version: ${{ matrix.go_version }}
+          dest: build
+          prefix: casa
+          targets: linux/amd64,linux/arm64,linux/arm-7
+          v: true
+          x: false
+          race: false
+          ldflags: -s -w
+          buildmode: default
+#
+#      - name: List Files
+#        run: |
+#          ls
+#          mkdir build
+#          ls
+#          echo "::set-output name=status::success"
+
+      - name: Pack builds
+        run: |
+          wget $PACK_SH_URL
+          chmod +x $PACK_SH
+          ./$PACK_SH
+          echo "::set-output name=status::success"
+      - name: list work
+        run: ls
+
+
+      - name: Update release
+        uses: meeDamian/github-release@2.0
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          files: >
+            linux-amd64-casaos.tar.gz
+            linux-arm64-casaos.tar.gz
+            linux-arm-7-casaos.tar.gz
+          tag: v${{ env.VERSION }}
+          body: >
+            ${{ env.BODY }}
+          name: v${{ env.VERSION }}
+          gzip: false
+          allow_override: false
+          prerelease: true
+#      - name: Upload linux-amd64-casaos.tar.gz
+#        id: upload_assets_amd64
+#        uses: shogo82148/actions-upload-release-asset@v1
+#        with:
+#          upload_url: ${{ steps.get_release.outputs.upload_url }}
+#          asset_path: /workdir/casa/upload/linux-amd64-casaos.tar.gz
+#
+#      - name: Upload linux-arm64-casaos.tar.gz
+#        id: upload_assets_arm64
+#        uses: shogo82148/actions-upload-release-asset@v1
+#        with:
+#          upload_url: ${{ steps.get_release.outputs.upload_url }}
+#          asset_path: /workdir/casa/upload/linux-arm64-casaos.tar.gz
--- a/.gitignore
+++ b/.gitignore
@@ -20,6 +20,7 @@

 # IntelliJ project files
 .idea
+.vscode
 *.iml
 out
 gen
@@ -27,3 +28,6 @@ gen
 /sql/
 /out/
 /db/
+/docs/
+/conf/conf.ini
+__debug_bin
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,4 @@
 [submodule "UI"]
 	path = UI
-	url = https://github.com/ZimaBoard/CasaOS-UI.git
+	url = https://github.com/IceWhaleTech/CasaOS-UI.git
+	branch = main
--- a/BIN
+++ b/BIN
--- a/4
+++ b/4
@@ -4,10 +4,10 @@ build: build-ui build-backend


 build-ui:
-	cd UI && yarn install && yarn build
+	cd CasaOS-UI && yarn install && yarn build

 build-backend:
-	export CGO_ENABLED=1;export CGO_LDFLAGS=-static;go mod tidy;go build -o ./casa main.go;upx --lzma --best casa
+	export CGO_ENABLED=1;export CGO_LDFLAGS=-static;go build -o ./casa main.go;upx --lzma --best casa

 help:
 	@echo "call john"
--- a/README-ZH.md
+++ b/README-ZH.md
@@ -1,7 +0,0 @@
-## 目录结构
-
- conf  配置文件
- route 路由
- service 方法的具体实现
- utils 工具
- main.go 入口
--- a/README.md
+++ b/README.md
@@ -1,2 +1,86 @@
-# Oasis
+# CasaOS - A simple, easy-to-use, elegant open-source home server system.

+![CasaOS](https://raw.githubusercontent.com/IceWhaleTech/logo/main/casaos/casaos_banner_aldeyjarfoss.png)
+
+[![Version](https://img.shields.io/github/v/release/IceWhaleTech/CasaOS?color=162453&label=CasaOS&style=flat-square)](https://github.com/IceWhaleTech/CasaOS)
+[![Pull Requests](https://img.shields.io/github/issues-pr/IceWhaleTech/CasaOS?color=162453&style=flat-square)](https://github.com/IceWhaleTech/CasaOS/pulls)
+[![Issues](https://img.shields.io/github/issues/IceWhaleTech/CasaOS?color=162453&style=flat-square)](https://github.com/IceWhaleTech/CasaOS/issues)
+[![GitHub Stars](https://img.shields.io/github/stars/IceWhaleTech/CasaOS?color=162453&logo=github&style=flat-square)](https://github.com/IceWhaleTech/CasaOS/stargazers)
+[![Discord](https://img.shields.io/discord/884667213326463016?color=162453&label=Chat&logo=discord&logoColor=fff&style=flat-square)](https://discord.gg/Gx4BCEtHjx)
+
+CasaOS is an open-source home server system based on the Docker ecosystem and designed for home scenarios. It is committed to building the world's most simple, easy-to-use, and elegant home server system.
+
+IceWhale team believes that through community-driven collaborative innovation and open communication with global developers, we can reshape the digital home experience like never before.
+
+
+## Key Features
+
+ - UI designed for home scenarios - simple, elegant, and easy-to-use
+ - Quick Docker app installation with only three steps, plus automatic management
+ - App Store for private cloud 🚧
+ - Home data/digital asset management 🚧
+ - Smart home manager 🚧
+
+🚧 is under development.
+
+We are actively moving forward with development, and you are more than welcome to share any idea with us!
+
+
+## Community
+
+The word Casa comes from the Spanish word for "home". Project CasaOS originated as a pre-installed system for crowdfunded product [ZimaBoard](https://www.zimaboard.com) on Kickstarter.
+
+After looking at many systems and software on the market, the team found no server system designed for home scenarios, sadly true.
+
+So, we set out to build this open source project to develop CasaOS with our own hands, everyone in the community, and you.
+
+> A warm welcome for you to share and discuss your great ideas in the [Discord server](https://discord.gg/Gx4BCEtHjx)!
+
+[![Discord Card](https://discordapp.com/api/guilds/884667213326463016/widget.png?style=banner2)](https://discord.gg/Gx4BCEtHjx)
+
+
+## Getting Started
+
+> ⚠️ Note: 
+> 
+> CasaOS is still in the early development stage and may vary significantly with the final release. Feel free to test run and share your feedback in the [Discord server](https://discord.gg/Gx4BCEtHjx)!
+
+### System Compatibility
+
+ - Ubuntu Server 20.04 amd64 (✅ Recommend, Tested)
+ - Debian 11 amd64 (⚠️ Not Fully Tested Yet)
+ - OpenWrt 21.02 amd64 (⚠️ Not Fully Tested Yet)
+ - Raspberry Pi OS aarch64/arm64 (🚧 Under Planning)
+ - OpenWrt 21.02 aarch64/arm64 (🚧 Under Planning)
+
+### Quick Setup CasaOS
+
+Fresh install a system from the above list and run the below command:
+
+```sh
+curl -fsSL https://get.icewhale.io/casaos.sh | bash
+```
+
+
+## To Do
+
+**v 0.1.x**
+
+ - [x] An elegant UI for home scenarios
+ - [x] Custom installation of Docker Apps
+ - [x] Update, stop, uninstall, restart, etc. of Docker apps
+ - [x] Docker CLI parser
+ - [x] System Update
+ - [ ] Getting Started tutorial
+ - [ ] Docker Compose parser
+ - [ ] App config file import and export
+ - [ ] macvlan network mode
+
+
+## Maintainers
+ - Jerry Liu
+ - Link Liang
+ - Ober Zhang
+ - Zyaire Ann
+ - John Guan
+ - Right here, waiting for YOU!
--- a/1
+++ b/1
--- a/UI/.browserslistrc
+++ b/UI/.browserslistrc
@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not dead
--- a/UI/.env.dev
+++ b/UI/.env.dev
@@ -1,2 +0,0 @@
-// .env.dev
-NODE_ENV='dev' 
--- a/UI/.env.production
+++ b/UI/.env.production
@@ -1,2 +0,0 @@
-// .env.production
-NODE_ENV='prod'  
--- a/UI/.eslintrc.js
+++ b/UI/.eslintrc.js
@@ -1,18 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  'extends': [
-    'plugin:vue/essential',
-    'eslint:recommended'
-  ],
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'vue/no-unused-vars':'off'
-  }
-}
--- a/UI/.gitignore
+++ b/UI/.gitignore
@@ -1,23 +0,0 @@
-.DS_Store
-node_modules
-/dist
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
--- a/UI/README.md
+++ b/UI/README.md
@@ -1,32 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-22 14:24:43
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-22 14:44:31
- * @Description: 
- * @FilePath: /CasaOS-UI/README.md
-->
-# CasaOS-UI
-
-The front-end of CasaOs,build with VueJS
-
-## Project setup
-```
-yarn install
-```
-
-### Compiles and hot-reloads for development
-```
-yarn serve
-```
-
-### Compiles and minifies for production
-```
-yarn build
-```
-Will be output to the ../web folder
-
-### Lints and fixes files
-```
-yarn lint
-```
--- a/UI/babel.config.js
+++ b/UI/babel.config.js
@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
--- a/UI/package.json
+++ b/UI/package.json
@@ -1,43 +0,0 @@
-{
-  "name": "CasaOS",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve --mode dev",
-    "build": "vue-cli-service build --no-clean --dest ../web --mode production",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "axios": "^0.21.4",
-    "buefy": "^0.9.0",
-    "core-js": "^3.6.5",
-    "easy-affix": "^1.0.8",
-    "lodash.debounce": "^4.0.8",
-    "lottie-vuejs": "^0.4.0",
-    "moment": "^2.29.1",
-    "nth-check": "^2.0.1",
-    "qs": "^6.10.1",
-    "vee-validate": "^3.4.12",
-    "vue": "^2.6.11",
-    "vue-router": "^3.2.0",
-    "vue-slider-component": "^3.2.14",
-    "vuex": "^3.4.0",
-    "vuex-persistedstate": "^4.0.0",
-    "yargs-parser": "^20.2.9"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "babel-eslint": "^10.1.0",
-    "compression-webpack-plugin": "^9.0.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "node-sass": "^4.9.0",
-    "sass-loader": "^7.0.1",
-    "vue-cli-plugin-buefy": "~0.3.8",
-    "vue-template-compiler": "^2.6.11"
-  }
-}
--- a/UI/public/browserconfig.xml
+++ b/UI/public/browserconfig.xml
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/ui/img/icon/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>
--- a/UI/public/favicon.ico
+++ b/UI/public/favicon.ico
--- a/UI/public/img/ani/icon/android-chrome-192x192.png
+++ b/UI/public/img/ani/icon/android-chrome-192x192.png
--- a/UI/public/img/ani/icon/apple-touch-icon.png
+++ b/UI/public/img/ani/icon/apple-touch-icon.png
--- a/UI/public/img/ani/icon/favicon-16x16.png
+++ b/UI/public/img/ani/icon/favicon-16x16.png
--- a/UI/public/img/ani/icon/favicon-32x32.png
+++ b/UI/public/img/ani/icon/favicon-32x32.png
--- a/UI/public/img/ani/icon/mstile-150x150.png
+++ b/UI/public/img/ani/icon/mstile-150x150.png
--- a/UI/public/img/ani/icon/safari-pinned-tab.svg
+++ b/UI/public/img/ani/icon/safari-pinned-tab.svg
@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M875 1894 c-11 -2 -51 -11 -88 -20 -341 -78 -610 -364 -673 -714 -82
-459 197 -902 647 -1030 94 -27 277 -37 378 -21 303 47 575 261 690 540 55
-133 66 192 65 361 -1 136 -4 165 -27 235 -36 116 -62 170 -123 261 -123 186
-347 336 -566 379 -42 8 -276 15 -303 9z m250 -168 c11 -2 42 -9 70 -16 131
-30 288 -135 387 -260 160 -201 198 -506 93 -745 l-22 -50 2 80 c3 180 -64
-351 -184 476 -209 216 -544 260 -807 105 -201 -117 -326 -347 -319 -587 l2
-74 -19 44 c-63 140 -80 332 -44 476 24 94 87 219 147 292 109 133 290 238
-448 259 25 3 47 7 49 9 5 4 173 -3 197 -9z m8 -501 c33 -8 85 -31 116 -50 227
-137 305 -418 183 -651 l-21 -39 -1 35 c-9 251 -245 439 -490 389 -186 -38
-323 -200 -330 -389 l-1 -35 -23 45 c-101 194 -61 429 99 578 130 122 292 162
-468 117z m-27 -499 c182 -85 183 -345 1 -438 -53 -27 -161 -26 -215 1 -146 75
-180 267 -69 390 63 69 190 90 283 47z"/>
-</g>
-</svg>
--- a/UI/public/img/ani/rocket-launching.json
+++ b/UI/public/img/ani/rocket-launching.json
--- a/UI/public/index.html
+++ b/UI/public/index.html
@@ -1,42 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-22 14:24:43
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-24 18:03:02
- * @Description: 
- * @FilePath: /CasaOS-UI/public/index.html
-->
-
-<!DOCTYPE html>
-<html lang="">
-
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>img/icon/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>img/icon/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>img/icon/favicon-16x16.png">
-  <link rel="manifest" href="<%= BASE_URL %>site.webmanifest">
-  <link rel="mask-icon" href="<%= BASE_URL %>img/icon/safari-pinned-tab.svg" color="#5bbad5">
-  <meta name="msapplication-TileColor" content="#da532c">
-  <meta name="theme-color" content="#ffffff">
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">
-  <script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/js/all.js"
-    integrity="sha256-GaerX2a/DuOnPrxn/4vH13dobiFUe/27LO6gCZDNauA=" crossorigin="anonymous"></script>
-  <title>
-    <%= htmlWebpackPlugin.options.title %>
-  </title>
-</head>
-
-<body>
-  <noscript>
-    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
-        Please enable it to continue.</strong>
-  </noscript>
-  <div id="app"></div>
-  <!-- built files will be auto injected -->
-</body>
-
-</html>
--- a/UI/public/site.webmanifest
+++ b/UI/public/site.webmanifest
@@ -1,14 +0,0 @@
-{
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/ui/img/icon/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}
--- a/UI/src/App.vue
+++ b/UI/src/App.vue
@@ -1,110 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-23 16:42:14
- * @Description: Main entry of application
- * @FilePath: /CasaOS-UI/src/App.vue
-->
-
-<template>
-  <!-- <div id="app" class="is-flex is-flex-direction-column" :style="{'background-image': 'url(' + require('./assets/background/AbstractShapes.jpg') + ')'}"> -->
-  <div id="app" class="is-flex is-flex-direction-column" :style="{'background-image': 'url(https://www.bing.com/th?id=OHR.Aldeyjarfoss_ZH-CN0106567013_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp)'}">
-    <!-- NavBar Start -->
-    <top-bar></top-bar>
-    <!-- NavBar End -->
-
-    <!-- Content Start -->
-    <div class="contents  pt-55 pb-6">
-      <div class="container">
-        <div class="is-flex">
-          <!-- SideBar Start -->
-          <side-bar></side-bar>
-          <!-- SideBar End -->
-
-          <!-- MainContent Start -->
-          <div class="main-content">
-            <!-- SearchBar Start -->
-            <section>
-              <search-bar></search-bar>
-            </section>
-            <!-- SearchBar End -->
-
-            <!-- Suggestions For You Start -->
-            <section>
-              <suggestion></suggestion>
-            </section>
-            <!-- Suggestions For You End -->
-
-            <!-- Apps Start -->
-            <section>
-              <apps></apps>
-            </section>
-            <!-- Apps End -->
-
-            <!-- Shortcuts Start -->
-            <!-- <section>
-              <shortcuts></shortcuts>
-            </section> -->
-            <!-- Shortcuts End -->
-          </div>
-          <!-- MainContent End -->
-        </div>
-      </div>
-    </div>
-    <!-- Content End -->
-
-    <!-- BrandBar Start -->
-    <brand-bar></brand-bar>
-    <!-- BrandBar End -->
-
-    <!-- ContactBar Start -->
-    <contact-bar></contact-bar>
-    <!-- ContactBar End -->
-  </div>
-</template>
-
-<script>
-import Apps from './components/Apps.vue'
-import BrandBar from './components/BrandBar.vue'
-import ContactBar from './components/ContactBar.vue'
-import SearchBar from './components/SearchBar.vue'
-import SideBar from './components/SideBar.vue'
-import Suggestion from './components/Suggestion.vue'
-import TopBar from './components/TopBar.vue'
-//import Shortcuts from './components/Shortcuts.vue'
-export default {
-  components: {
-    BrandBar,
-    ContactBar,
-    SideBar,
-    SearchBar,
-    Suggestion,
-    Apps,
-    TopBar,
-    //Shortcuts
-  },
-  created() {
-    // Check if not login then login and get token
-    if (!localStorage.getItem("user_token")) {
-      this.login()
-    }
-  },
-  methods: {
-    login() {
-      /**
-       * @description: Login
-       * @return void
-       */
-      // this.$api.user.login({
-      //   username: "admin",
-      //   pwd: "admin"
-      // }).then((res) => {
-      //   if (res.data.success == 200) {
-      //     localStorage.setItem("user_token", res.data.data)
-      //   }
-      // })
-    }
-  },
-}
-</script>
--- a/UI/src/assets/background/AbstractShapes.jpg
+++ b/UI/src/assets/background/AbstractShapes.jpg
--- a/UI/src/assets/img/casa.svg
+++ b/UI/src/assets/img/casa.svg
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:2;}
-</style>
-<path class="st0" d="M12,22c5.5,0,10-4.5,10-10S17.5,2,12,2S2,6.5,2,12S6.5,22,12,22z"/>
-<path class="st0" d="M12,22c3.9,0,7-3.1,7-7s-3.1-7-7-7s-7,3.1-7,7S8.1,22,12,22z"/>
-<path class="st0" d="M12,22c2.2,0,4-1.8,4-4s-1.8-4-4-4s-4,1.8-4,4S9.8,22,12,22z"/>
-</svg>
--- a/UI/src/assets/img/default.png
+++ b/UI/src/assets/img/default.png
--- a/UI/src/assets/img/icon.png
+++ b/UI/src/assets/img/icon.png
--- a/UI/src/assets/img/wuji.svg
+++ b/UI/src/assets/img/wuji.svg
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M24 44C31.732 44 38 37.732 38 30C38 22.268 31.732 16 24 16C16.268 16 10 22.268 10 30C10 37.732 16.268 44 24 44Z" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M24 44C28.4183 44 32 40.4183 32 36C32 31.5817 28.4183 28 24 28C19.5817 28 16 31.5817 16 36C16 40.4183 19.5817 44 24 44Z" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/></svg>
--- a/UI/src/assets/logo.png
+++ b/UI/src/assets/logo.png
--- a/UI/src/assets/scss/_variables.scss
+++ b/UI/src/assets/scss/_variables.scss
@@ -1,152 +0,0 @@
-// Included below are all the defined variables from Bulma
-// Modify as needed, removing the !default attribute.
-
-// Colors
-
-$black:        hsl(0, 0%, 4%) !default;
-$black-bis:    hsl(0, 0%, 7%) !default;
-$black-ter:    hsl(0, 0%, 14%) !default;
-
-$grey-darker:  hsl(0, 0%, 21%) !default;
-$grey-dark:    hsl(0, 0%, 29%) !default;
-$grey:         hsl(0, 0%, 48%) !default;
-$grey-light:   hsl(0, 0%, 71%) !default;
-$grey-lighter: hsl(0, 0%, 86%) !default;
-
-$white-ter:    hsl(0, 0%, 96%) !default;
-$white-bis:    hsl(0, 0%, 98%) !default;
-$white:        hsl(0, 0%, 100%) !default;
-
-$orange:       hsl(14,  100%, 53%) !default;
-$yellow:       hsl(48,  100%, 67%) !default;
-$green:        hsl(141, 71%,  48%) !default;
-$turquoise:    hsl(171, 100%, 41%) !default;
-$cyan:         hsl(204, 86%,  53%) !default;
-$blue:         hsl(217, 71%,  53%) !default;
-$purple:       hsl(271, 100%, 71%) !default;
-$red:          hsl(348, 100%, 61%) !default;
-
-// Typography
-
-$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
-$family-monospace: monospace !default;
-$render-mode: optimizeLegibility !default;
-
-$size-1: 3rem !default;
-$size-2: 2.5rem !default;
-$size-3: 2rem !default;
-$size-4: 1.5rem !default;
-$size-5: 1.25rem !default;
-$size-6: 1rem !default;
-$size-7: 0.75rem !default;
-
-$weight-light: 300 !default;
-$weight-normal: 400 !default;
-$weight-medium: 500 !default;
-$weight-semibold: 600 !default;
-$weight-bold: 700 !default;
-
-// Responsiveness
-
-// The container horizontal gap, which acts as the offset for breakpoints
-$gap: 32px !default;
-// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
-$tablet: 769px !default;
-// 960px container + 4rem
-$desktop: 960px + (2 * $gap) !default;
-// 1152px container + 4rem
-$widescreen: 1152px + (2 * $gap) !default;
-// 1344px container + 4rem;
-$fullhd: 1344px + (2 * $gap) !default;
-
-// Miscellaneous
-
-$easing: ease-out !default;
-$radius-small: 2px !default;
-$radius: 3px !default;
-$radius-large: 5px !default;
-$radius-rounded: 290486px !default;
-$speed: 86ms !default;
-
-// Flags
-
-$variable-columns: true !default;
-
-
-// The default Bulma derived variables are declared below
-
-$primary: $turquoise !default;
-
-$info: $cyan !default;
-$success: $green !default;
-$warning: $yellow !default;
-$danger: $red !default;
-
-$light: $white-ter !default;
-$dark: $grey-darker !default;
-
-// Invert colors
-
-$orange-invert: findColorInvert($orange) !default;
-$yellow-invert: findColorInvert($yellow) !default;
-$green-invert: findColorInvert($green) !default;
-$turquoise-invert: findColorInvert($turquoise) !default;
-$cyan-invert: findColorInvert($cyan) !default;
-$blue-invert: findColorInvert($blue) !default;
-$purple-invert: findColorInvert($purple) !default;
-$red-invert: findColorInvert($red) !default;
-
-$primary-invert: $turquoise-invert !default;
-$info-invert: $cyan-invert !default;
-$success-invert: $green-invert !default;
-$warning-invert: $yellow-invert !default;
-$danger-invert: $red-invert !default;
-$light-invert: $dark !default;
-$dark-invert: $light !default;
-
-// General colors
-
-$background: $white-ter !default;
-
-$border: $grey-lighter !default;
-$border-hover: $grey-light !default;
-
-// Text colors
-
-$text: $grey-dark !default;
-$text-invert: findColorInvert($text) !default;
-$text-light: $grey !default;
-$text-strong: $grey-darker !default;
-
-// Code colors
-
-$code: $red !default;
-$code-background: $background !default;
-
-$pre: $text !default;
-$pre-background: $background !default;
-
-// Link colors
-
-$link: $blue !default;
-$link-invert: $blue-invert !default;
-$link-visited: $purple !default;
-
-$link-hover: $grey-darker !default;
-$link-hover-border: $grey-light !default;
-
-$link-focus: $grey-darker !default;
-$link-focus-border: $blue !default;
-
-$link-active: $grey-darker !default;
-$link-active-border: $grey-dark !default;
-
-// Typography
-
-$family-primary: $family-sans-serif !default;
-$family-code: $family-monospace !default;
-
-$size-small: $size-7 !default;
-$size-normal: $size-6 !default;
-$size-medium: $size-5 !default;
-$size-large: $size-4 !default;
--- a/UI/src/assets/scss/app.scss
+++ b/UI/src/assets/scss/app.scss
@@ -1,429 +0,0 @@
-@import "~bulma/sass/utilities/initial-variables";
-@import "~bulma/sass/utilities/functions";
-// 1. Set your own initial variables and derived
-//    variables in _variables.scss
-@import "variables";
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap");
-
-// 2. Setup your Custom Colors
-$linkedin: #0077b5;
-$linkedin-invert: findColorInvert($linkedin);
-$twitter: #55acee;
-$twitter-invert: findColorInvert($twitter);
-$github: #333;
-$github-invert: findColorInvert($github);
-
-@import "~bulma/sass/utilities/derived-variables";
-
-// 3. Add new color variables to the color map.
-$addColors: (
-  "twitter": (
-    $twitter,
-    $twitter-invert,
-  ),
-  "linkedin": (
-    $linkedin,
-    $linkedin-invert,
-  ),
-  "github": (
-    $github,
-    $github-invert,
-  ),
-);
-$colors: map-merge($colors, $addColors);
-
-@import "~bulma";
-@import "~buefy/src/scss/buefy";
-
-$backDropColor: rgba(123, 123, 123, 0.16);
-$backDropBlur: blur(1rem);
-$backDropBorderRadius: 0.5rem;
-
-// 4. Provide custom buefy overrides and site styles here
-body,
-html {
-  overflow: hidden;
-  font-family: "Roboto", sans-serif;
-}
-
-#app {
-  width: 100vw;
-  height: 100vh;
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.top-bar {
-  position: relative;
-  z-index: 10;
-
-  height: 3rem;
-  background: rgba(255, 255, 255, 0.22);
-  backdrop-filter: blur(180.282px);
-  .navbar-brand {
-    .dropdown-menu {
-      margin-top: 0.5rem;
-      min-width: 20rem;
-      .dropdown-content {
-        .dropdown-item {
-          padding: 1.25rem;
-          text-align: left;
-          .item {
-            height: 2rem;
-          }
-        }
-      }
-    }
-  }
-  .field {
-    line-height: 1rem;
-  }
-  .switch {
-    &.is-flex-direction-row-reverse {
-      .control-label {
-        padding-left: 0;
-        padding-right: calc(0.75em - 1px);
-      }
-    }
-  }
-  .update-container {
-    .button.is-rounded {
-      border-radius: 9999px !important;
-      padding-left: calc(1em + 0.25em);
-      padding-right: calc(1em + 0.25em);
-    }
-  }
-  .button{
-    &.is-small{
-      height: 2em;
-    }
-  }
-}
-
-.brand-bar {
-  position: fixed;
-  left: 2rem;
-  bottom: 2rem;
-}
-
-.contact-bar {
-  position: fixed;
-  right: 2rem;
-  bottom: 2rem;
-  height: 3.5rem;
-  background: rgba(0, 0, 0, 0.16);
-  backdrop-filter: blur(24px);
-  border-radius: 4px;
-  font-size: 1.5rem;
-  a {
-    color: $white;
-    margin: 0.5rem;
-    display: flex;
-    align-items: center;
-    &:hover {
-      color: #0077b5;
-    }
-  }
-}
-
-.contents {
-  flex: 1;
-  overflow: auto;
-}
-
-.side-bar {
-  width: 16rem;
-  position: fixed;
-}
-
-.main-content {
-  flex: 1;
-  margin-left: 17.5rem;
-}
-
-.pt-7 {
-  padding-top: 4rem;
-}
-
-.pt-55 {
-  padding-top: 2rem;
-}
-.p-55 {
-  padding: 2rem !important;
-}
-.button.is-light {
-  background-color: #a6afb9;
-  color: white;
-}
-.label {
-  font-size: 0.875rem;
-  margin-bottom: 0.5rem;
-}
-
-.button,
-.input,
-.textarea,
-.taginput .taginput-container.is-focusable,
-.select select,
-.file-cta,
-.file-name,
-.pagination-previous,
-.pagination-next,
-.pagination-link,
-.pagination-ellipsis {
-  &:focus {
-    box-shadow: none;
-  }
-}
-.image.is-72x72 {
-  height: 72px;
-  width: 72px;
-}
-
-// widgets
-.widget {
-  background: $backDropColor;
-  backdrop-filter: $backDropBlur;
-  border-radius: $backDropBorderRadius;
-  padding: 0.875rem 1.5rem;
-  margin-bottom: 0.75rem;
-}
-
-// Cards
-.wuji-card {
-  background: $backDropColor;
-  backdrop-filter: $backDropBlur;
-  border-radius: $backDropBorderRadius;
-  padding: 1.5rem;
-  color: $white;
-  position: relative;
-
-  .info {
-    flex: 1;
-    margin-right: 1rem;
-    color: white;
-  }
-
-  .simg {
-    img {
-      border-radius: 4px;
-    }
-  }
-  .icon-img {
-    position: relative;
-    &.stop::after {
-      position: absolute;
-      content: "";
-      width: 0.75rem;
-      height: 0.75rem;
-      background-color: #ff1616;
-      border-radius: 50%;
-      right: -0.375rem;
-      top: -0.375rem;
-    }
-    img {
-      border-radius: 8px;
-      margin: 0 auto;
-    }
-  }
-  .b-image-wrapper {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    &.stop::after {
-      position: absolute;
-      content: "";
-      width: 0.75rem;
-      height: 0.75rem;
-      background-color: #ff1616;
-      border-radius: 50%;
-      right: -0.375rem;
-      top: -0.375rem;
-    }
-    img {
-      border-radius: 8px;
-      margin: 0 auto;
-    }
-  }
-  .action-btn {
-    position: absolute;
-    right: 0.5rem;
-    top: 1rem;
-    visibility: hidden;
-    opacity: 0;
-    transition: all 0.2s;
-  }
-  p {
-    font-weight: 500;
-  }
-  .one-line {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-    overflow: hidden;
-  }
-  .two-line {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
-  }
-  &:hover {
-    .action-btn {
-      visibility: visible;
-      opacity: 1;
-    }
-  }
-  a {
-    color: white;
-    p {
-      color: white;
-    }
-  }
-}
-.flex1 {
-  flex: 1;
-}
-.title-bar {
-  margin-bottom: 1.5rem;
-  .title {
-    flex: 1;
-    margin-bottom: 0;
-  }
-}
-.ii {
-  .dropdown-menu {
-    background: rgba(255, 255, 255, 0.88);
-    backdrop-filter: $backDropBlur;
-    border-radius: $backDropBorderRadius;
-    overflow: hidden;
-    padding-top: 0;
-
-    .dropdown-content {
-      background: none;
-      padding: 0;
-      .button {
-        border-radius: 0;
-        padding-left: 1.5rem;
-        padding-right: 1.5rem;
-        &.is-text {
-          text-decoration: none;
-          justify-content: flex-start;
-          outline: none;
-          transition: all 0.2s;
-          border: none !important;
-          &.running {
-            color: #779e2a !important;
-          }
-          &.exited {
-            color: #ff1616 !important;
-          }
-        }
-        &:active {
-          background: none;
-          outline: none;
-        }
-        &:focus {
-          background: none;
-          box-shadow: none;
-          outline: none;
-        }
-      }
-      .bbor {
-        overflow: hidden;
-        border-top: #2c3e50 1px solid;
-        .is-text {
-          text-decoration: none;
-          justify-content: center !important ;
-        }
-        .column:first-child {
-          border-right: #2c3e50 1px solid;
-        }
-      }
-    }
-  }
-}
-//Panel
-.modal-background {
-  background: rgba(0, 0, 0, 0.8);
-}
-.modal-card {
-  background: rgba(255, 255, 255, 0.88);
-  backdrop-filter: $backDropBlur;
-  border-radius: $backDropBorderRadius;
-  .modal-card-head,
-  .modal-card-body,
-  .modal-card-foot {
-    background-color: transparent;
-    border: none;
-  }
-  .modal-card-head {
-    padding: 3rem;
-  }
-  .modal-card-body {
-    padding: 0 3rem;
-    .button.is-static,
-    .input,
-    .textarea,
-    .taginput .taginput-container.is-focusable,
-    .select select,
-    .file-cta,
-    .file-name,
-    .pagination-previous,
-    .pagination-next,
-    .pagination-link,
-    .pagination-ellipsis {
-      font-size: 0.875rem;
-      height: 2.714em;
-      border: 1px solid #cfcfcf !important;
-      border-radius: 4px;
-      &:focus {
-        box-shadow: none;
-      }
-    }
-    .media {
-      padding: 0rem;
-    }
-    .field:last-child {
-      margin-bottom: 0.5rem;
-    }
-    .field-body {
-      .field:last-child {
-        margin-bottom: 0rem;
-      }
-    }
-
-    .port-item:not(:last-child) {
-      .field {
-        margin-bottom: 0;
-      }
-    }
-  }
-  .modal-card-foot {
-    padding: 1rem 3rem 2rem 3rem;
-    .button {
-      border-radius: 9999px;
-      padding-left: calc(1em + 0.25em);
-      padding-right: calc(1em + 0.25em);
-    }
-  }
-}
-
-.import-area .textarea {
-  max-height: 40em;
-  min-height: 16em;
-}
-
-.app-card {
-  .loading-background {
-    background: none !important;
-    border-radius: $backDropBorderRadius;
-  }
-}
--- a/UI/src/assets/widgets/Clock.vue
+++ b/UI/src/assets/widgets/Clock.vue
@@ -1,53 +0,0 @@
-<template>
-  <div class="widget has-text-white clock">
-    <div class="time">{{timeText}}</div>
-    <div class="data">{{dateText}}</div>
-  </div>
-</template>
-
-<script>
-import moment from 'moment'
-export default {
-  data() {
-    return {
-      timer: 0,
-      timeText:"",
-      dateText:""
-    }
-  },
-  mounted() {
-    if (this.timer) {
-      clearInterval(this.timer)
-    }
-    this.updateClock()
-    this.timer = setInterval(() => {
-      this.updateClock()
-    }, 1000)
-  },
-  methods: {
-    updateClock() {
-        
-        this.timeText = moment().format('LT');
-        this.dateText = moment().format('dddd, MMMM Do')
-    }
-  },
-}
-</script>
-
-<style lang="scss">
-.clock {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 300;
-  text-align: left;
-  .time {
-    font-size: 2.75rem;
-    line-height: 4.25rem;
-    opacity: 0.9;
-  }
-  .data {
-    line-height: 1.5rem;
-    opacity: 0.9;
-  }
-}
-</style>
--- a/UI/src/assets/widgets/Weather.vue
+++ b/UI/src/assets/widgets/Weather.vue
@@ -1,16 +0,0 @@
-<template>
-  <div class="widget has-text-white clock">
-    <div class="time">09:40</div>
-    <div class="data">Wednesday，September 15</div>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
--- a/UI/src/components/Apps.vue
+++ b/UI/src/components/Apps.vue
@@ -1,128 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:01:19
- * @Description: App module
- * @FilePath: \CasaOS-UI\src\components\Apps.vue
-->
-
-<template>
-  <div class="has-text-left mt-6">
-    <!-- Title Bar Start -->
-    <div class="title-bar is-flex is-align-items-center">
-      <h1 class="title is-4  has-text-white is-flex-shrink-1">Apps</h1>
-      <div class="buttons ">
-        <b-button icon-left="plus" type="is-dark" size="is-small" rounded @click="showInstall">New App</b-button>
-      </div>
-    </div>
-    <!-- Title Bar End -->
-
-    <!-- App List Start -->
-    <div class="columns is-variable is-2 is-multiline ">
-      <div class="column is-narrow is-3" v-for="(item,index) in appList" :key="'app-'+index">
-        <app-card :item="item" @updateState="getList" @configApp="showConfigPanel"></app-card>
-      </div>
-    </div>
-    <!-- Title Bar End -->
-  </div>
-</template>
-
-<script>
-import AppCard from './Apps/AppCard.vue'
-import Panel from './Panel.vue'
-export default {
-  data() {
-    return {
-      appList: [],
-      appConfig: {}
-    }
-  },
-  components: {
-    AppCard,
-  },
-  created() {
-    this.getList();
-  },
-  methods: {
-
-    /**
-     * @description: Fetch the list of installed apps
-     * @return {*} void
-     */
-    getList() {
-      this.$api.app.myAppList().then(res => {
-        this.appList = res.data.data;
-      })
-    },
-
-    /**
-     * @description: Show Install Panel Programmatic
-     * @return {*} void
-     */
-    showInstall() {
-      this.$api.app.appConfig().then(res => {
-        if (res.data.success == 200) {
-          this.$buefy.modal.open({
-            parent: this,
-            component: Panel,
-            hasModalCard: true,
-            customClass: '',
-            trapFocus: true,
-            canCancel: ['escape'],
-            scroll: "keep",
-            animation: "zoom-out",
-            events: {
-              'updateState': () => {
-                this.getList()
-              }
-            },
-            props: {
-              id: "0",
-              state: "install",
-              configData: res.data.data
-            }
-          })
-        }
-      })
-    },
-
-    /**
-     * @description: Show Settings Panel Programmatic
-     * @return {*} void
-     */
-    showConfigPanel(id) {
-      this.$api.app.getContainerSettingdata(id).then(ret => {
-        this.$api.app.appConfig().then(res => {
-          if (res.data.success == 200) {
-            this.$buefy.modal.open({
-              parent: this,
-              component: Panel,
-              hasModalCard: true,
-              customClass: '',
-              trapFocus: true,
-              canCancel: ['escape'],
-              scroll: "keep",
-              animation: "zoom-out",
-              events: {
-                'updateState': () => {
-                  this.getList()
-                }
-              },
-              props: {
-                id: id,
-                state: "update",
-                configData: res.data.data,
-                initDatas: ret.data.data
-              }
-            })
-          }
-        })
-      })
-    }
-  }
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/Apps/AppCard.vue
+++ b/UI/src/components/Apps/AppCard.vue
@@ -1,202 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:12:57
- * @Description: App Card item
- * @FilePath: \CasaOS-UI\src\components\Apps\AppCard.vue
-->
-
-<template>
-  <div class="wuji-card is-flex is-align-items-center is-justify-content-center p-55 app-card" @mouseover="hover = true" @mouseleave="hover = false">
-    <!-- Action Button Start -->
-    <div class="action-btn">
-      <b-dropdown aria-role="list" position="is-bottom-left" class="ii" ref="dro" @active-change="setDropState">
-        <template #trigger>
-          <p role="button">
-            <b-icon pack="fas" icon="ellipsis-v" size="is-small">
-            </b-icon>
-          </p>
-        </template>
-
-        <b-dropdown-item aria-role="menu-item" :focusable="false" custom paddingless>
-          <b-button type="is-text" tag="a" :target="(item.state == 'running') ?'_blank':'_self'" :href="(item.state == 'running') ? siteUrl(item.port,item.index) :'javascript:void(0)'" expanded>Open</b-button>
-          <b-button type="is-text" @click="configApp" expanded>Setting</b-button>
-          <b-button type="is-text" expanded @click="uninstallConfirm" :loading="isUninstalling">Unistall</b-button>
-          <div class="columns is-gapless bbor">
-            <div class="column is-flex is-justify-content-center is-align-items-center">
-              <b-button icon-pack="fas" icon-left="sync" type="is-text" expanded :loading="isRestarting" @click="restartApp"></b-button>
-            </div>
-            <div class="column is-flex is-justify-content-center is-align-items-center">
-              <b-button icon-pack="fas" icon-left="power-off" type="is-text" expanded @click="toggle(item)" :loading="isStarting" :class="item.state"></b-button>
-            </div>
-          </div>
-        </b-dropdown-item>
-      </b-dropdown>
-    </div>
-    <!-- Action Button End -->
-
-    <!-- Card Content Start -->
-    <div class="has-text-centered is-flex is-justify-content-center is-flex-direction-column pt-3 pb-3">
-      <a :target="(item.state == 'running') ?'_blank':'_self'" class="is-flex is-justify-content-center" :href="(item.state == 'running') ? siteUrl(item.port,item.index) :'javascript:void(0)'">
-        <b-image :src="item.icon" :src-fallback="require('@/assets/img/default.png')" webp-fallback=".jpg" class="is-72x72" :class="item.state | dotClass"></b-image>
-      </a>
-      <p class="mt-4 one-line">
-        <a class="one-line" :target="(item.state == 'running') ?'_blank':'_self'" :href="(item.state == 'running') ? siteUrl(item.port,item.index) :'javascript:void(0)'">
-          {{item.name}}
-        </a>
-      </p>
-
-    </div>
-    <!-- Card Content End -->
-
-    <!-- Loading Bar Start -->
-    <b-loading :is-full-page="false" v-model="isUninstalling" :can-cancel="false"></b-loading>
-    <!-- Loading Bar End -->
-  </div>
-
-</template>
-
-<script>
-export default {
-  name: "app-card",
-  data() {
-    return {
-      hover: false,
-      dropState: false,
-      isUninstalling: false,
-      isRestarting: false,
-      isStarting: false,
-      isStoping: false,
-      isSaving: false,
-    }
-  },
-  props: {
-    item: {
-      type: Object
-    },
-  },
-  methods: {
-    /**
-     * @description: Create application access link
-     * @param {String} port App access port
-     * @param {String} index App access index page
-     * @return {String}
-     */    
-    siteUrl(port, index) {
-      return (process.env.NODE_ENV === "'dev'") ? `http://${this.$store.state.devIp}:${port}${index}` : `http://${document.domain}:${port}${index}`
-    },
-
-    /**
-     * @description: Set drop-down menu status
-     * @param {Boolean} e
-     * @return {*} void
-     */    
-    setDropState(e) {
-      this.dropState = e
-    },
-
-    /**
-     * @description: Restart Application
-     * @return {*} void
-     */    
-    restartApp() {
-      this.isRestarting = true
-      this.$api.app.startContainer(this.item.custom_id, { state: "restart" }).then((res) => {
-        console.log(res.data);
-        if (res.data.success == 200) {
-          this.updateState()
-        }
-        this.isRestarting = false;
-      })
-    },
-
-    /**
-     * @description: Confirm before uninstall
-     * @return {*} void
-     */    
-    uninstallConfirm() {
-      let _this = this
-      this.$buefy.dialog.confirm({
-        title: 'Attention',
-        message: 'Data cannot be recovered after deletion! <br>Continue on to uninstall this application?',
-        type: 'is-dark',
-        confirmText: 'Uninstall',
-        onConfirm: () => {
-          _this.isUninstalling = true
-          _this.uninstallApp()
-        }
-      })
-    },
-
-    /**
-     * @description: Uninstall app
-     * @return {*} void
-     */    
-    uninstallApp() {
-      this.isUninstalling = true
-      this.$api.app.uninstall(this.item.custom_id).then((res) => {
-        if (res.data.success == 200) {
-          console.log(res.data.data);
-          this.updateState()
-        }
-        this.isUninstalling = false;
-      })
-    },
-
-    /**
-     * @description: Emit the event that the app has been updated
-     * @return {*} void
-     */    
-    updateState() {
-      this.$emit("updateState")
-    },
-
-    /**
-     * @description: Emit the event that the app has been updated with custom_id
-     * @return {*} void
-     */    
-    configApp() {
-      this.$emit("configApp", this.item.custom_id)
-    },
-
-    /**
-     * @description: Start or Stop a App
-     * @param {Object} item the app info object
-     * @return {*} void
-     */    
-    toggle(item) {
-      this.isStarting = true;
-      let data = {
-        state: item.state == "running" ? "stop" : "start"
-      }
-      this.$api.app.startContainer(item.custom_id, data).then((res) => {
-        console.log(res.data);
-        item.state = res.data.data
-        this.isStarting = false
-        this.updateState()
-      })
-    },
-
-  },
-  watch: {
-    hover(val) {
-      if (!val && this.dropState)
-        this.$refs.dro.toggle();
-    }
-  },
-  filters: {
-    /**
-     * @description: Format Dot Class
-     * @param {String} state
-     * @return {String}
-     */    
-    dotClass(state) {
-      return state == 'running' ? 'start' : 'stop'
-    },
-  }
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/BrandBar.vue
+++ b/UI/src/components/BrandBar.vue
@@ -1,27 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:13:58
- * @Description: The left bottom brand bar
- * @FilePath: \CasaOS-UI\src\components\BrandBar.vue
-->
-
-<template>
-  <div class="brand-bar is-flex is-align-items-center has-text-white">
-    <figure class="image is-32x32">
-      <img :src="require('@/assets/img/casa.svg')">
-    </figure>
-    <span class="is-size-4 mr-3 ml-3">CasaOS</span>
-    <span>Made by IceWhale with ❤ and you !️</span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "brand-bar"
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/ContactBar.vue
+++ b/UI/src/components/ContactBar.vue
@@ -1,28 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:14:33
- * @Description: The right bottom contact bar
- * @FilePath: \CasaOS-UI\src\components\ContactBar.vue
-->
-
-<template>
-  <div class="contact-bar is-flex is-align-items-center has-text-white pl-3 pr-3">
-    <a href="#">
-      <b-icon pack="fas" icon="map-signs" size=""></b-icon>
-    </a>
-    <a href="https://discord.gg/Gx4BCEtHjx" target="_blank">
-      <b-icon pack="fab" icon="discord" size=""></b-icon>
-    </a>
-    <a href="https://github.com/ZimaBoard/CasaOS" target="_blank">
-      <b-icon pack="fab" icon="github" size=""></b-icon>
-    </a>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "contact-bar"
-}
-</script>
--- a/UI/src/components/Panel.vue
+++ b/UI/src/components/Panel.vue
@@ -1,453 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-22 16:27:00
- * @Description: Install Panel of Docker
- * @FilePath: /CasaOS-UI/src/components/Panel.vue
-->
-
-<template>
-  <div class="modal-card">
-    <!-- Modal-Card Header Start -->
-    <header class="modal-card-head">
-      <div class="flex1">
-        <h3 class="title is-4 has-text-weight-normal">Create a new App manually</h3>
-      </div>
-      <b-button icon-left="file-import" type="is-dark" size="is-small" rounded @click="showImportPanel" v-if="currentSlide == 1 && state == 'install'">Import</b-button>
-    </header>
-    <!-- Modal-Card Header End -->
-    <!-- Modal-Card Body Start -->
-    <section class="modal-card-body">
-
-      <section v-show="currentSlide == 1">
-        <ValidationObserver ref="ob1">
-          <ValidationProvider rules="required" name="Image" v-slot="{ errors, valid }">
-            <b-field label="Docker Image *" :type="{ 'is-danger': errors[0], 'is-success': valid }" :message="errors">
-              <b-input v-model="initData.image" placeholder="e.g.,hello-world:latest" :readonly="state == 'update'"></b-input>
-              <!-- <b-autocomplete :data="data" placeholder="e.g. hello-world:latest" field="image" :loading="isFetching" @typing="getAsyncData" @select="option => selected = option" v-model="initData.image" :readonly="state == 'update'"></b-autocomplete> -->
-            </b-field>
-          </ValidationProvider>
-          <ValidationProvider rules="required" name="Name" v-slot="{ errors, valid }">
-            <b-field label="App name *" :type="{ 'is-danger': errors[0], 'is-success': valid }" :message="errors">
-              <b-input value="" v-model="initData.label" placeholder="Your custom App Name"></b-input>
-            </b-field>
-          </ValidationProvider>
-
-          <b-field label="Icon URL">
-            <b-input value="" v-model="initData.icon" placeholder="Your custom icon URL"></b-input>
-          </b-field>
-
-          <b-field label="Web UI">
-            <p class="control">
-              <span class="button is-static">{{baseUrl}}</span>
-            </p>
-            <b-input v-model="webui" placeholder="8080/web/index.html" expanded></b-input>
-          </b-field>
-
-          <b-field label="Network">
-            <b-select v-model="initData.network_model" placeholder="Select" expanded>
-              <optgroup v-for="net in networks" :key="net.driver" :label="net.driver">
-                <option v-for="(option,index) in net.networks" :value="option.id" :key="option.name+index">
-                  {{ option.name}}
-                </option>
-              </optgroup>
-            </b-select>
-          </b-field>
-
-          <ports v-model="initData.ports" :showHostPost="showHostPort" v-if="showPorts"></ports>
-          <input-group v-model="initData.volumes" label="Data Volumes" message="No App Data Volumes now, Click “+” to add one."></input-group>
-          <input-group v-model="initData.envs" label="Environment Variables" message="No environment variables now, Click “+” to add one." name1="Key" name2="Value"></input-group>
-          <input-group v-model="initData.devices" label="Devices" message="No devices now, Click “+” to add one."></input-group>
-          <b-field label="Memory Limit">
-            <vue-slider :min="256" :max="totalMemory" v-model="initData.memory"></vue-slider>
-          </b-field>
-
-          <b-field label="CPU Shares">
-            <b-select v-model="initData.cpu_shares" placeholder="Select" expanded>
-              <option value="10">Low</option>
-              <option value="50">Medium</option>
-              <option value="90">High</option>
-            </b-select>
-          </b-field>
-
-          <b-field label="Restart Policy">
-            <b-select v-model="initData.restart" placeholder="Select" expanded>
-              <option value="on-failure">on-failure</option>
-              <option value="always">always</option>
-              <option value="unless-stopped">unless-stopped</option>
-            </b-select>
-          </b-field>
-          <b-field label="App Description">
-            <b-input v-model="initData.description"></b-input>
-          </b-field>
-          <b-loading :is-full-page="false" v-model="isLoading" :can-cancel="false"></b-loading>
-        </ValidationObserver>
-      </section>
-      <section v-show="currentSlide == 2">
-        <div class="installing-warpper">
-          <lottie-animation path="./ui/img/ani/rocket-launching.json" :autoPlay="true" :width="200" :height="200"></lottie-animation>
-          <h3 class="title is-6 has-text-centered" :class="{'has-text-danger':errorType == 3,'has-text-black':errorType != 3}" v-html="installText"></h3>
-        </div>
-      </section>
-
-    </section>
-    <!-- Modal-Card Body End -->
-
-    <!-- Modal-Card Footer Start-->
-    <footer class="modal-card-foot is-flex is-align-items-center">
-      <div class="flex1"></div>
-      <div>
-        <b-button v-if="currentSlide == 1" :label="cancelButtonText" @click="$emit('close')" rounded />
-        <b-button v-if="currentSlide == 2 && errorType == 3 " label="Back" @click="prevStep" rounded />
-        <b-button v-if="currentSlide == 1 && state == 'install'" label="Install" type="is-dark" @click="installApp()" rounded />
-        <b-button v-if="currentSlide == 1 && state == 'update'" label="Update" type="is-dark" @click="updateApp()" rounded />
-        <b-button v-if="currentSlide == 2" :label="cancelButtonText" type="is-dark" @click="$emit('close')" rounded />
-      </div>
-    </footer>
-    <!-- Modal-Card Footer End -->
-  </div>
-</template>
-
-<script>
-import axios from 'axios'
-import InputGroup from './forms/InputGroup.vue';
-import Ports from './forms/Ports.vue'
-import ImportPanel from './forms/ImportPanel.vue'
-import LottieAnimation from "lottie-vuejs/src/LottieAnimation.vue";
-import VueSlider from 'vue-slider-component'
-import 'vue-slider-component/theme/default.css'
-import { ValidationObserver, ValidationProvider } from "vee-validate";
-import "@/plugins/vee-validate";
-import debounce from 'lodash/debounce'
-
-export default {
-  components: {
-    Ports,
-    InputGroup,
-    ValidationObserver,
-    ValidationProvider,
-    LottieAnimation,
-    VueSlider
-  },
-  data() {
-    return {
-      timer: 0,
-      data: [],
-      isLoading: false,
-      isFetching: false,
-      errorType: 1,
-      currentSlide: 1,
-      cancelButtonText: "Cancel",
-      webui: "",
-      baseUrl: "",
-      totalMemory: 0,
-      networks: [],
-      tempNetworks: [],
-      networkModes: [],
-      installPercent: 0,
-      installText: "",
-
-      initData: {
-        port_map: "",
-        cpu_shares: 10,
-        memory: 300,
-        restart: "always",
-        label: "",
-        position: true,
-        index: "",
-        icon: "",
-        network_model: "",
-        image: "",
-        description: "",
-        origin: "custom",
-        ports: [],
-        volumes: [],
-        envs: [],
-        devices: [],
-      }
-
-    }
-  },
-  props: {
-    id: String,
-    state: String,
-    configData: Object,
-    initDatas: {
-      type: Object
-    }
-  },
-
-  created() {
-    //If it is edit, Init data
-    if (this.initDatas != undefined) {
-      this.initData = this.initDatas
-      this.webui = this.initDatas.port_map + this.initDatas.index
-    }
-
-    //Get Max memory info form device
-    this.totalMemory = Math.floor(this.configData.memory.total / 1048576);
-    this.initData.memory = this.totalMemory
-
-    //Handling network types
-    this.tempNetworks = this.configData.networks;
-    this.networkModes = this.unique(this.tempNetworks.map(item => {
-      return item.driver
-    }))
-    this.networks = this.networkModes.map(item => {
-      let tempitem = {}
-      tempitem.driver = item
-      tempitem.networks = this.tempNetworks.filter(net => {
-        return net.driver == item
-      })
-      return tempitem
-    })
-
-    let gg = this.tempNetworks.filter(item => {
-      if (item.driver == "bridge") {
-        return item
-      }
-    })
-
-    this.initData.network_model = gg[0].id
-
-    // Set Front-end base url
-    this.baseUrl = `${window.location.protocol}//${document.domain}:`;
-  },
-  computed: {
-
-    showPorts() {
-      if (this.initData.network_model.indexOf("macvlan") > -1) {
-        return false
-      } else {
-        return true
-      }
-    },
-    showHostPort() {
-      if (this.initData.network_model.indexOf("host") > -1) {
-        return false
-      } else {
-        return true
-      }
-    }
-  },
-  methods: {
-
-    /**
-     * @description: Process the datas before submit
-     * @param {*}
-     * @return {*} void
-     */
-    processData() {
-      // GET port map and index
-      if (this.webui != "") {
-        let slashArr = this.webui.split("/")
-        this.initData.port_map = slashArr[0]
-        this.initData.index = "/" + slashArr.slice(1).join("/");
-      }
-
-      let model = this.initData.network_model.split("-");
-      this.initData.network_model = model[0]
-    },
-
-    /**
-     * @description: Array deduplication
-     * @param {Array} arr
-     * @return {Array}
-     */
-    unique(arr) {
-      for (var i = 0; i < arr.length; i++) {
-        for (var j = i + 1; j < arr.length; j++) {
-          if (arr[i] == arr[j]) {
-            arr.splice(j, 1);
-            j--;
-          }
-        }
-      }
-      return arr;
-    },
-
-    /**
-     * @description: Back to prev Step
-     * @param {*}
-     * @return {*} void
-     */
-    prevStep() {
-      this.currentSlide--;
-    },
-
-    /**
-     * @description: Validate form async
-     * @param {Object} ref ref of component
-     * @return {Boolean} 
-     */
-    async checkStep(ref) {
-      let isValid = await ref.validate()
-      return isValid
-    },
-
-    /**
-     * @description: Submit datas after valid
-     * @param {*}
-     * @return {*} void
-     */
-    installApp() {
-      this.checkStep(this.$refs.ob1).then(val => {
-        if (val) {
-          this.processData();
-          this.isLoading = true;
-          this.$api.app.install(this.id, this.initData).then((res) => {
-            this.isLoading = false;
-            if (res.data.success == 200) {
-              this.currentSlide = 2;
-              this.cancelButtonText = "Continue in background"
-              this.checkInstallState(res.data.data)
-            } else {
-              //this.currentSlide = 1;
-              this.$buefy.toast.open({
-                message: res.data.message,
-                type: 'is-warning'
-              })
-            }
-          })
-        }
-      })
-    },
-
-    /**
-     * @description: Check the installation process every 250 milliseconds
-     * @param {String} appId
-     * @return {*} void
-     */
-    checkInstallState(appId) {
-      this.timer = setInterval(() => {
-        this.updateInstallState(appId)
-      }, 250)
-    },
-
-    /**
-     * @description: Update the installation status to the UI
-     * @param {String} appId
-     * @return {*} void
-     */
-    updateInstallState(appId) {
-      this.$api.app.state(appId).then((res) => {
-        let resData = res.data.data;
-        this.installPercent = resData.speed;
-        this.errorType = resData.type;
-        if (this.errorType == 4) {
-          try {
-            let info = JSON.parse(resData.message)
-            let id = (info.id != undefined) ? info.id : "";
-            let progress = ""
-            if (info.progressDetail != undefined) {
-              let progressDetail = info.progressDetail
-              if (!isNaN(progressDetail.current / progressDetail.total)) {
-                progress = "<br>Progress:" + String(Math.floor((progressDetail.current / progressDetail.total) * 100)) + "%"
-              }
-            }
-            let status = info.status
-            this.installText = status + ":" + id + " " + progress
-          } catch (error) {
-            console.log(error);
-          }
-        } else {
-          this.installText = resData.message
-        }
-
-        if (resData.speed == 100 || this.errorType == 3) {
-          clearInterval(this.timer)
-        }
-        let _this = this
-        if (resData.speed == 100) {
-          setTimeout(() => {
-            _this.$emit('updateState')
-            _this.$emit('close')
-          }, 1000)
-        }
-      })
-    },
-
-    /**
-     * @description: Save edit update
-     * @return {*} void
-     */
-    updateApp() {
-      this.processData();
-      this.isLoading = true;
-      this.$api.app.updateContainerSetting(this.id, this.initData).then((res) => {
-        if (res.data.success == 200) {
-          this.isLoading = false;
-          this.$emit('updateState')
-        } else {
-          this.$buefy.toast.open({
-            message: res.data.message,
-            type: 'is-warning'
-          })
-        }
-        this.$emit('close')
-      })
-    },
-
-    /**
-     * @description: Show import panel
-     * @return {*} void
-     */
-    showImportPanel() {
-      this.$buefy.modal.open({
-        parent: this,
-        component: ImportPanel,
-        hasModalCard: true,
-        customClass: '',
-        trapFocus: true,
-        canCancel: ['escape'],
-        scroll: "keep",
-        animation: "zoom-out",
-        events: {
-          'update': (e) => {
-            this.initData = e
-            this.$buefy.dialog.alert({
-              title: 'Attention',
-              message: 'AutoFill only helps you to complete most of the configuration. Some of the configuration information still needs to be confirmed by you.',
-              type: 'is-dark'
-            })
-          }
-        },
-        props: {
-          initData: this.initData,
-          netWorks: this.networks
-        }
-      })
-    },
-
-    /**
-     * @description: Get remote synchronization information
-     * @param {*} function
-     * @return {*} void
-     */
-    getAsyncData: debounce(function (name) {
-      if (!name.length) {
-        this.data = []
-        return
-      }
-      this.isFetching = true
-      axios.get(`https://hub.docker.com/api/content/v1/products/search?source=community&q=${name}&page=1&page_size=4`)
-        .then(({ data }) => {
-          this.data = []
-          data.summaries.forEach((item) => this.data.push(item.name))
-        })
-        .catch((error) => {
-          this.data = []
-          throw error
-        })
-        .finally(() => {
-          this.isFetching = false
-        })
-    }, 500)
-
-  },
-  destroyed() {
-    clearInterval(this.timer)
-  },
-}
-</script>
--- a/UI/src/components/SearchBar.vue
+++ b/UI/src/components/SearchBar.vue
@@ -1,105 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:23:01
- * @Description: Top Search bar
- * @FilePath: \CasaOS-UI\src\components\SearchBar.vue
-->
-
-<template>
-  <b-field position="is-centered " class="search-bar has-text-white">
-    <b-input placeholder="Google Search..." v-model="keyText" icon="magnify" icon-right="magnify" icon-right-clickable @icon-right-click="gotoSearch" @keyup.enter.native="gotoSearch" size="is-large" :class="['ovh',isFocus?'fo':'']" expanded @focus="onFocus" @blur="onBlur">
-    </b-input>
-  </b-field>
-</template>
-
-<script>
-export default {
-  name: "search-bar",
-  data() {
-    return {
-      isFocus: false,
-      keyText: ""
-    }
-  },
-  methods: {
-    /**
-     * @description: Handle Focus event
-     * @return {*} void
-     */
-    onFocus() {
-      this.isFocus = true;
-    },
-
-    /**
-     * @description: Handle Blur event
-     * @return {*} void
-     */
-    onBlur() {
-      if (this.keyText == "")
-        this.isFocus = false;
-    },
-
-    /**
-     * @description: Pop up a new window and jump to google search
-     * @return {*} void
-     */
-    gotoSearch() {
-      window.open("https://www.google.com/search?q=" + this.keyText, '_blank')
-    }
-  },
-}
-</script>
-
-<style lang="scss">
-.search-bar {
-  input {
-    transition: all 0.2s;
-    appearance: none;
-    background: rgba(123, 123, 123, 0.16);
-    backdrop-filter: blur(0.875rem);
-    border-radius: 8px;
-    border: none;
-    outline: none;
-    font-size: 1.5rem;
-    color: white;
-    &:focus {
-      border: none;
-      box-shadow: none;
-    }
-    &::placeholder {
-      color: white;
-    }
-  }
-  .ovh {
-    overflow: hidden;
-    .icon.is-left {
-      transition: all 0.2s;
-      left: 0;
-    }
-    .icon.is-right {
-      transition: all 0.2s;
-      right: -3rem !important;
-      color: white !important;
-    }
-    input {
-      padding-left: 2.5em !important;
-      padding-right: 1em !important;
-    }
-  }
-  .fo {
-    .icon.is-left {
-      left: -3rem !important;
-    }
-    .icon.is-right {
-      transition: all 0.2s;
-      right: 0 !important;
-    }
-    input {
-      padding-right: 2.5em !important;
-      padding-left: 1em !important;
-    }
-  }
-}
-</style>
--- a/UI/src/components/Shortcuts.vue
+++ b/UI/src/components/Shortcuts.vue
@@ -1,56 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:23:49
- * @Description: 
- * @FilePath: \CasaOS-UI\src\components\Shortcuts.vue
-->
-<template>
-  <div class="has-text-left mt-6">
-    <div class="title-bar is-flex is-align-items-center">
-      <h1 class="title is-4  has-text-white is-flex-shrink-1">Shortcuts</h1>
-      <div class="buttons ">
-        <b-button icon-left="plus" type="is-dark" size="is-small" rounded>Add shortcut</b-button>
-      </div>
-    </div>
-
-    <div class="columns is-variable is-2 is-multiline ">
-      <div class="column is-narrow is-3" v-for="n in 10" :key="n">
-        <div class="wuji-card is-flex is-align-items-center ">
-
-          <figure class="image is-32x32 simg">
-            <img :src="require('@/assets/img/icon.png')">
-          </figure>
-          <p class="ml-4 flex1 one-line">Test</p>
-          <div class="action-btn1">
-            <b-dropdown aria-role="list" position="is-bottom-left" append-to-body>
-              <template #trigger>
-                <p role="button">
-                  <b-icon pack="fas" icon="ellipsis-v" size="is-small">
-                  </b-icon>
-                </p>
-              </template>
-
-              <b-dropdown-item aria-role="listitem">Action</b-dropdown-item>
-              <b-dropdown-item aria-role="listitem">Another action</b-dropdown-item>
-              <b-dropdown-item aria-role="listitem">Something else</b-dropdown-item>
-            </b-dropdown>
-          </div>
-
-        </div>
-      </div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'shortcuts'
-
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/SideBar.vue
+++ b/UI/src/components/SideBar.vue
@@ -1,27 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:20:56
- * @Description: 
- * @FilePath: \CasaOS-UI\src\components\SideBar.vue
-->
-<template>
-  <div class="side-bar mr-5">
-    <clock></clock>
-  </div>
-</template>
-
-<script>
-import Clock from '../assets/widgets/Clock.vue'
-
-
-export default {
-  name: 'side-bar',
-  components: { Clock },
-
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/Suggestion.vue
+++ b/UI/src/components/Suggestion.vue
@@ -1,55 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:20:19
- * @Description: 
- * @FilePath: \CasaOS-UI\src\components\Suggestion.vue
-->
-<template>
-  <div class="has-text-left ">
-    <h1 class="title is-4 mt-6 has-text-white">Suggestions</h1>
-    <div class="columns is-variable is-2 is-multiline">
-      <div class="column is-one-third" v-for="(item,index) in list" :key="'ss'+index">
-        <a :href="item.url" target="_blank">
-          <div class="wuji-card is-flex is-align-items-center">
-            <div class="info ">
-              <div class="two-line ">
-                {{item.title}}
-              </div>
-              <div class="des two-line">
-                {{item.content}}
-              </div>
-            </div>
-
-            <figure class="image is-48x48 simg is-flex">
-              <img :src="item.image_url">
-            </figure>
-          </div>
-        </a>
-      </div>
-    </div>
-  </div>
-
-</template>
-
-<script>
-export default {
-  name:'suggestion',
-  data() {
-    return {
-      list: []
-    }
-  },
-  mounted() {
-    this.$api.task.list().then(res => {
-      if (res.data.success == 200) {
-        this.list = res.data.data
-      }
-    })
-  },
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/TopBar.vue
+++ b/UI/src/components/TopBar.vue
@@ -1,161 +0,0 @@
-<!--
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-23 18:21:13
- * @Description: Top bar 
- * @FilePath: /CasaOS-UI/src/components/TopBar.vue
-->
-
-<template>
-  <div class="navbar top-bar is-flex is-align-items-center">
-    <div class="navbar-brand ml-3">
-      <b-dropdown aria-role="list" class="navbar-item" @active-change="onOpen">
-        <template #trigger>
-          <p role="button">
-            <b-icon pack="fas" icon="sliders-h">
-            </b-icon>
-          </p>
-        </template>
-
-        <b-dropdown-item aria-role="menu-item" :focusable="false" custom>
-          <h2 class="title is-4">CasaOS Setting</h2>
-          <div class="is-flex is-align-items-center item">
-            <div class="is-flex is-align-items-center flex1">
-              <b-icon pack="fas" icon="sync-alt" class="mr-1"></b-icon> <b>Update</b>
-            </div>
-            <div>
-              v{{updateInfo.current_version}}
-            </div>
-            <!-- <b-field>
-              <b-switch v-model="barData.auto_update" type="is-dark" size="is-small" class="is-flex-direction-row-reverse mr-0" @input="saveData">
-                Auto-Check
-              </b-switch>
-            </b-field> -->
-          </div>
-
-          <div class="is-flex is-align-items-center pl-5" v-if="!updateInfo.is_need">
-            {{latestText}}
-            <b-icon type="is-success" pack="fas" icon="check" class="ml-1"></b-icon>
-          </div>
-          <div class="is-flex is-align-items-center is-justify-content-end update-container pl-5" v-if="updateInfo.is_need">
-            <div class="flex1">{{updateText}}</div>
-            <b-button type="is-dark" size="is-small" class="ml-2" :loading="isUpdating" rounded @click="updateSystem">Update</b-button>
-          </div>
-
-        </b-dropdown-item>
-      </b-dropdown>
-
-    </div>
-
-    <div class="navbar-menu">
-      <div class="navbar-end mr-3">
-        <!-- <b-icon pack="far" icon="comment-alt"></b-icon> -->
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: "top-bar",
-  data() {
-    return {
-      timer: 0,
-      barData: {
-        auto_update: false,
-        background: "",
-        background_type: "d",
-        search_engine: "google",
-        search_switch: false,
-        shortcuts_switch: false,
-        widgets_switch: false
-      },
-      updateInfo: {
-        current_version: '0',
-        is_need: false,
-        version: Object
-      },
-      isUpdating: false,
-      latestText: "Currently the latest version",
-      updateText: "A new version is available!"
-    }
-  },
-  created() {
-    this.getConfig();
-  },
-
-  methods: {
-    /**
-     * @description: Get CasaOs Configs
-     * @return {*} void
-     */
-    getConfig() {
-      this.$api.info.systemConfig().then(res => {
-        if (res.data.success == 200) {
-          this.barData = res.data.data
-        }
-      })
-    },
-
-    /**
-     * @description: Save CasaOs Configs
-     * @return {*} void
-     */
-    saveData() {
-      this.$api.info.saveSystemConfig(this.barData).then(res => {
-        if (res.data.success == 200) {
-          console.log(res);
-        }
-      })
-    },
-
-    /**
-     * @description: Handle Dropmenu state
-     * @param {Boolean} isOpen
-     * @return {*} void
-     */
-    onOpen(isOpen) {
-      if (isOpen) {
-        this.$api.info.checkVersion().then(res => {
-          if (res.data.success == 200) {
-            this.updateInfo = res.data.data
-          }
-        })
-      }
-    },
-
-    /**
-     * @description: Update System Version and check update state
-     * @return {*} void
-     */
-    updateSystem() {
-      this.isUpdating = true;
-      this.$api.info.updateSystem().then(res => {
-        if (res.data.success == 200) {
-          console.log(res.data.data);
-        }
-      });
-      this.checkUpdateState();
-    },
-    /**
-     * @description: check update state if is_need is false then reload page
-     * @return {*} void
-     */
-    checkUpdateState() {
-      this.timer = setInterval(() => {
-        this.$api.info.checkVersion().then(res => {
-          if (res.data.success == 200) {
-            if (!res.data.data.is_need) {
-              clearInterval(this.timer);
-              location.reload();
-            }
-          }
-        })
-      }, 3000)
-    }
-  },
-
-}
-</script>
--- a/UI/src/components/forms/ImportPanel.vue
+++ b/UI/src/components/forms/ImportPanel.vue
@@ -1,154 +0,0 @@
-<template>
-  <div class="modal-card">
-    <!-- Modal-Card Header Start -->
-    <header class="modal-card-head"> 
-      <div class="flex1">
-        <h3 class="title is-4 has-text-weight-normal">Import From Docker CLI</h3>
-      </div>
-    </header>
-    <!-- Modal-Card Header End -->
-    <!-- Modal-Card Body Start -->
-    <section class="modal-card-body">
-      <b-field label="Command Line" :type="{ 'is-danger': parseError}" :message="errors">
-        <b-input maxlength="800" type="textarea" class="import-area" v-model="dockerCliCommands"></b-input>
-      </b-field>
-    </section>
-    <!-- Modal-Card Body End -->
-    <!-- Modal-Card Footer Start-->
-    <footer class="modal-card-foot is-flex is-align-items-center">
-      <div class="flex1"></div>
-      <div>
-        <b-button label="Cancel" @click="$emit('close')" rounded />
-        <b-button label="Sumbit" type="is-dark" @click="emitSubmit" rounded />
-      </div>
-    </footer>
-    <!-- Modal-Card Footer End -->
-  </div>
-</template>
-
-<script>
-import parser from 'yargs-parser'
-export default {
-  data() {
-    return {
-      dockerCliCommands: "",
-      parseError: false,
-      errors: "",
-    }
-  },
-  props: {
-    initData: Object,
-    netWorks: Array
-  },
-  created() {
-    console.log(this.netWorks);
-  },
-  methods: {
-
-    /**
-     * @description: Emit Event to tell parent Update
-     * @param {*}
-     * @return {*} void
-     */
-    emitSubmit() {
-      if (this.parseCli()) {
-        this.errors = ""
-        this.$emit('update', this.initData)
-        this.$emit('close')
-      } else {
-        this.errors = "Please fill correct command line"
-        this.parseError = true;
-      }
-
-    },
-
-    /**
-     * @description: Parse Import Docker Cli Commands
-     * @return {Boolean} 
-     */
-    parseCli() {
-      const formattedInput = this.dockerCliCommands.replace(/\<[^\>]*\>/g, 'Custom_data').replace(/[\r\n]/g, "").replace(/\\/g, "\\ ").trim();
-      const parsedInput = parser(formattedInput)
-      console.log(parsedInput);
-      const { _: command, ...params } = parsedInput;
-      if (command[0] !== 'docker' || (command[1] !== 'run' && command[1] !== 'create')) {
-        return false
-      } else {
-        //Envs
-        this.initData.envs = this.makeArray(parsedInput.e).map(item => {
-          let ii = item.split("=");
-          return {
-            container: ii[0],
-            host: ii[1]
-          }
-        })
-        //Ports
-        this.initData.ports = this.makeArray(parsedInput.p).map(item => {
-          let pArray = item.split(":")
-          let endArray = pArray[1].split("/")
-          let protocol = (endArray[1]) ? endArray[1] : 'tcp';
-          return {
-            container: endArray[0],
-            host: pArray[0],
-            protocol: protocol
-          }
-        })
-        //Volume
-        this.initData.volumes = this.makeArray(parsedInput.v).map(item => {
-          let ii = item.split(":");
-          return {
-            container: ii[1],
-            host: ii[0]
-          }
-        })
-        // Devices
-        this.initData.devices = this.makeArray(parsedInput.device).map(item => {
-          let ii = item.split(":");
-          return {
-            container: ii[1],
-            host: ii[0]
-          }
-        })
-
-        //Network
-        if (parsedInput.network != undefined) {
-          let network = (parsedInput.network == 'physical') ? 'macvlan' : parsedInput.network;
-          let seletNetworks = this.netWorks.filter(item => {
-            if (item.driver == network) {
-              return true
-            }
-          })
-          if (seletNetworks.length > 0) {
-            this.initData.network_model = seletNetworks[0].networks[0].id;
-          }
-        }
-
-        //Image
-        this.initData.image = [...command].pop()
-        //Label
-        if (parsedInput.name != undefined) {
-          this.initData.label = parsedInput.name.replace(/^\S/, s => s.toUpperCase())
-        }
-        //Restart
-        if (parsedInput.restart != undefined) {
-          this.initData.restart = parsedInput.restart
-        }
-        return true
-      }
-    },
-
-    /**
-     * @description: Make String to Array
-     * @param {*}
-     * @return {Array}
-     */
-    makeArray(foo) {
-      let newArray = (typeof (foo) == "string") ? [foo] : foo
-      return (newArray == undefined) ? [] : newArray
-    }
-  },
-}
-</script>
-
-<style>
-</style>
--- a/UI/src/components/forms/InputGroup.vue
+++ b/UI/src/components/forms/InputGroup.vue
@@ -1,108 +0,0 @@
-<template>
-  <div class="mb-5">
-    <div class="field is-flex is-align-items-center mb-2">
-      <label class="label mb-0 flex1">{{label}}</label>
-      <b-button icon-left="plus" type="is-dark" size="is-small" rounded @click="addItem">Add</b-button>
-    </div>
-    <div class="is-flex is-align-items-center mb-5 info" v-if="vdata.length == 0">
-      <b-icon pack="fas" icon="info-circle" size="is-small" class="mr-2 "></b-icon>
-      <span>
-        {{message}}
-      </span>
-
-    </div>
-
-    <div class="port-item" v-for="(item,index) in vdata" :key="'port'+index">
-      <b-icon pack="fas" icon="times" size="is-small" class="is-clickable" @click.native="removeItem(index)"></b-icon>
-      <template v-if="index < 1">
-        <b-field grouped>
-          <b-field :label="name1" expanded>
-            <b-input :placeholder="name1" v-model="item.container" expanded @input="handleInput"></b-input>
-          </b-field>
-          <b-field :label="name2" expanded>
-            <b-input :placeholder="name2" v-model="item.host" expanded @input="handleInput"></b-input>
-          </b-field>
-
-        </b-field>
-      </template>
-      <template v-else>
-
-        <b-field grouped>
-            <b-input :placeholder="name1" v-model="item.container" expanded @input="handleInput"></b-input>
-            <b-input :placeholder="name2" v-model="item.host" expanded @input="handleInput"></b-input>
-        </b-field>
-
-      </template>
-    </div>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name:'input-group',
-  data() {
-    return {
-      isLoading: false,
-      items: [],
-      min: 0
-    }
-  },
-  model: {
-    prop: 'vdata',
-    event: 'change'
-  },
-  props: {
-    vdata: Array,
-    label: String,
-    message: String,
-    name1: {
-      type: String,
-      default: "Container"
-    },
-    name2: {
-      type: String,
-      default: "Host"
-    },
-
-  },
-  created() {
-    //this.items = this.vdata;
-  },
-  watch: {
-
-  },
-  mounted() {
-    //this.addItem()
-  },
-  methods: {
-    addItem() {
-      let itemObj = {
-        container: "",
-        host: ""
-      }
-      this.vdata.push(itemObj)
-    },
-
-    removeItem(index) {
-      this.vdata.splice(index, 1)
-      this.filterArray()
-    },
-    handleInput() {
-      this.filterArray()
-    },
-    filterArray() {
-      // let newArray = this.items.filter(item => {
-      //   if (item.container != "" && item.host != "") {
-      //     return true
-      //   } else {
-      //     return false
-      //   }
-      // })
-      this.$emit('change', this.vdata)
-      
-    }
-  },
-}
-</script>
-
--- a/UI/src/components/forms/Ports.vue
+++ b/UI/src/components/forms/Ports.vue
@@ -1,134 +0,0 @@
-<template>
-  <div class="mb-5">
-    <div class="field is-flex is-align-items-center mb-2">
-      <label class="label mb-0 flex1">Ports</label>
-      <b-button icon-left="plus" type="is-dark" size="is-small" rounded @click="addItem">Add</b-button>
-    </div>
-    <div class="is-flex is-align-items-center mb-5 info" v-if="vdata.length == 0">
-      <b-icon pack="fas" icon="info-circle" size="is-small" class="mr-2 "></b-icon>
-      <span>
-        No App Ports now, Click “+” to add one.
-      </span>
-
-    </div>
-    <div class="port-item" v-for="(item,index) in vdata" :key="'port'+index">
-      <b-icon pack="fas" icon="times" size="is-small" class="is-clickable" @click.native="removeItem(index)"></b-icon>
-      <template v-if="index < 1">
-        <b-field grouped>
-          <b-field label="Container" expanded>
-            <b-input placeholder="Container" type="number" v-model="item.container" expanded @input="handleInput"></b-input>
-          </b-field>
-          <b-field label="Host" expanded>
-            <b-input placeholder="Host" type="number" v-model="item.host" expanded @input="handleInput" v-if="showHostPost"></b-input>
-          </b-field>
-          <b-field label="Protocol" expanded>
-            <b-select placeholder="Protocol" v-model="item.protocol" expanded @input="handleInput">
-              <option value="tcp">TCP</option>
-              <option value="udp">UDP</option>
-              <option value="both">TCP + UDP</option>
-            </b-select>
-          </b-field>
-        </b-field>
-      </template>
-      <template v-else>
-
-        <b-field grouped>
-          <b-input placeholder="Container" type="number" v-model="item.container" expanded @input="handleInput"></b-input>
-          <b-input placeholder="Host" type="number" v-model="item.host" expanded @input="handleInput" v-if="showHostPost"></b-input>
-          <b-select placeholder="Protocol" v-model="item.protocol" expanded @input="handleInput">
-            <option value="tcp">TCP</option>
-            <option value="udp">UDP</option>
-            <option value="both">TCP + UDP</option>
-          </b-select>
-        </b-field>
-
-      </template>
-    </div>
-
-  </div>
-</template>
-
-<script>
- 
-export default {
-  name: 'ports',
-  data() {
-    return {
-      isLoading: false,
-      items: [],
-      min: 0
-    }
-  },
-  model: {
-    prop: 'vdata',
-    event: 'change'
-  },
-  props: {
-    vdata: Array,
-    showHostPost: Boolean
-  },
-  created() {
-    //this.items = this.vdata;
-  },
-  mounted() {
-    if (this.vdata.length == 0) {
-      //this.addItem()
-    }
-  },
-  methods: {
-    addItem() {
-      let itemObj = {
-        container: "",
-        host: "",
-        protocol: "tcp"
-      }
-      this.vdata.push(itemObj)
-    },
-
-    removeItem(index) {
-      this.vdata.splice(index, 1)
-      this.filterArray()
-    },
-    handleInput() {
-      this.filterArray()
-    },
-    filterArray() {
-      // let newArray = this.items.filter(item => {
-      //   if (item.container != "" && item.host != "") {
-      //     return true
-      //   } else {
-      //     return false
-      //   }
-      // })
-
-      this.$emit('change', this.vdata)
-
-
-    }
-  },
-}
-</script>
-
-<style lang="scss">
-.info {
-  font-size: 0.875rem;
-  color: #5a5a5a;
-}
-.port-item {
-  position: relative;
-  .icon {
-    position: absolute;
-    right: -1.5rem;
-    bottom: 0.825rem;
-  }
-  &:not(:last-child) {
-    margin-bottom: 0.5rem;
-  }
-  .field.is-expanded {
-    .label {
-      text-align: center;
-      font-weight: normal;
-    }
-  }
-}
-</style>
--- a/UI/src/main.js
+++ b/UI/src/main.js
@@ -1,17 +0,0 @@
-import Vue from 'vue'
-import App from '@/App.vue'
-import router from '@/router'
-import store from '@/store'
-import api from '@/service/api.js'
-import Buefy from 'buefy'
-import '@/assets/scss/app.scss'
-
-Vue.use(Buefy)
-
-Vue.config.productionTip = false
-Vue.prototype.$api = api;
-new Vue({
-  router,
-  store,
-  render: h => h(App)
-}).$mount('#app')
--- a/UI/src/plugins/vee-validate.js
+++ b/UI/src/plugins/vee-validate.js
@@ -1,28 +0,0 @@
-import { required, confirmed, length, email, min } from "vee-validate/dist/rules";
-import { extend } from "vee-validate";
-
-extend("required", {
-    ...required,
-    message: "This field is required"
-});
-
-extend("email", {
-    ...email,
-    message: "This field must be a valid email"
-});
-
-extend("confirmed", {
-    ...confirmed,
-    message: "This field confirmation does not match"
-});
-
-extend("length", {
-    ...length,
-    message: "This field must have 2 options"
-});
-
-extend("min", {
-    ...min,
-    message: "This field must have more than {length} characters"
-});
-
--- a/UI/src/router/index.js
+++ b/UI/src/router/index.js
@@ -1,24 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-18 23:19:27
- * @Description: 
- * @FilePath: \CasaOS-UI\src\router\index.js
- */
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-
-Vue.use(VueRouter)
-
-const routes = [
-
-]
-
-const router = new VueRouter({
-  mode: 'history',
-  base: process.env.BASE_URL,
-  routes
-})
-
-export default router
--- a/UI/src/service/api.js
+++ b/UI/src/service/api.js
@@ -1,19 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-23 15:59:52
- * @Description: 
- * @FilePath: /CasaOS-UI/src/service/api.js
- */
-import user from "./user.js";
-import app from './app.js';
-import task from './task.js';
-import info from './info.js';
-
-export default {
-    app,
-    info,
-    user, 
-    task
-}
--- a/UI/src/service/app.js
+++ b/UI/src/service/app.js
@@ -1,79 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:26:20
- * @Description: Application API
- * @FilePath: \CasaOS-UI\src\service\app.js
- */
-import { api } from "./service.js";
-
-const app = {
-    //Get Install Info
-    appConfig() {
-        return api.get("/app/install/config");
-    },
-    //Store List
-    storeList(data) {
-        return api.get("/app/list", data);
-    },
-    //Store App Info
-    storeAppInfo(id) {
-        return api.get("/app/appinfo/" + id);
-    },
-    //Store Category List
-    storeCategoryList() {
-        return api.get("/app/category");
-    },
-    //Check Port
-    checkPort(port, type) { 
-        let data = {
-            type: type
-        }
-        return api.get('/app/check/' + port, data);
-    },
-    // Get a free port
-    getPort() {
-        return api.get('/app/getport');
-    },
-    // Get app Running State
-    getState(id, data) {
-        return api.get('/app/state/' + id, data);
-    },
-    //Install App
-    install(id, data) {
-        return api.post('/app/install/' + id, data);
-    },
-    //Install Info
-    state(id) {
-        return api.get('/app/speed/' + id);
-    },
-    // Uninstall App
-    uninstall(id) {
-        return api.delete('/app/uninstall/' + id);
-    },
-    //My App List
-    myAppList(data) {
-        return api.get('/app/mylist', data);
-    },
-    //Container info
-    getContainerInfo(id) {
-        return api.get('/app/info/' + id);
-    },
-    //Container Log
-    getContainerLogs(id) {
-        return api.get('/app/logs/' + id)
-    },
-    //Start Or Stop Or Restart A Container with ID
-    startContainer(id, data) {
-        return api.put('/app/state/' + id, data)
-    },
-    getContainerSettingdata(id) {
-        return api.get(`/app/update/${id}/info`)
-    },
-    //Update Container Settings
-    updateContainerSetting(id, data) {
-        return api.put(`/app/update/${id}/setting`, data);
-    }
-}
-export default app;
--- a/UI/src/service/ddns.js
+++ b/UI/src/service/ddns.js
@@ -1,37 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:26:08
- * @Description: DDNS Service API
- * @FilePath: \CasaOS-UI\src\service\ddns.js
- */
-import { api } from "./service.js";
-
-const ddns = {
-    //Add New DDNS
-    add(data) {
-        return api.post("/ddns/set", data);
-    },
-    //Delete a DDNS Item
-    delete(id) {
-        return api.delete("/ddns/delete/" + id);
-    },
-    //Get DDNS List
-    get_list() {
-        return api.get('/ddns/list');
-    },
-    //Ger DDNS Provider List
-    get_provider_list() {
-        return api.get('/ddns/getlist');
-    },
-    //Get Public Internet IP address (IPv4)
-    get_ipv4() {
-        return api.get('/ddns/ip');
-    },
-    // Ping Host 
-    ping(host) {
-        return api.get('/ddns/ping/' + host);
-    }
-}
-export default ddns;
--- a/UI/src/service/disk.js
+++ b/UI/src/service/disk.js
@@ -1,35 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:26:02
- * @Description: Disk API
- * @FilePath: \CasaOS-UI\src\service\disk.js
- */
-import { api } from "./service.js";
-
-const disk = {
-    // get Path list
-    diskInfo() {
-        return api.get('/disk/info');
-    },
-    diskList() {
-        return api.get('/disk/list');
-    },
-    // System path
-    renamePath(oldpath, path) {
-        let data = {
-            oldpath: oldpath,
-            newpath: path
-        }
-        return api.get('/zima/rename', data);
-    },
-    // Make a new Dir
-    mkdir(path) {
-        let data = {
-            path: path
-        }
-        return api.get('/zima/mkdir', data)
-    }
-}
-export default disk;
--- a/UI/src/service/file.js
+++ b/UI/src/service/file.js
@@ -1,36 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:25:53
- * @Description: File API
- * @FilePath: \CasaOS-UI\src\service\file.js
- */
-import { api } from "./service.js";
-
-const file = {
-    // get Path list
-    dirPath(path) {
-        let data = {
-            path: path
-        }
-        return api.get('/file/dirpath', data);
-    },
-    // System path
-    renamePath(oldpath, path) {
-        let data = {
-            oldpath: oldpath,
-            newpath: path
-        }
-        return api.get('/file/rename', data);
-    },
-    // Make a new Dir
-    mkdir(path) {
-        let data = { 
-            path: path
-        }
-        return api.post('/file/mkdir', data)
-    }
-}
-
-export default file;
--- a/UI/src/service/info.js
+++ b/UI/src/service/info.js
@@ -1,53 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-23 17:41:01
- * @Description: System HardWare Info API
- * @FilePath: /CasaOS-UI/src/service/info.js
- */
-import { api } from "./service.js";
-
-const info = {
-    //CPU info
-    cpuInfo() {
-        return api.get("/zima/getcpuinfo");
-    },
-    //Memory Info
-    memoryInfo() {
-        return api.get("/zima/getmeminfo");
-    },
-    //Network Info
-    networkInfo() {
-        return api.get('/zima/getnetinfo');
-    },
-    //Disk Info
-    diskInfo() {
-        return api.get('/zima/getdiskinfo');
-    },
-    //All Info
-    allInfo() {
-        return api.get('/zima/getinfo');
-    },
-    // System Info
-    systemInfo() {
-        return api.get('/zima/sysinfo');
-    },
-    //Get CasaOS Config
-    systemConfig() {
-        return api.get('/sys/config')
-    },
-    //Save CasaOs Config
-    saveSystemConfig(data) {
-        return api.post('/sys/config', data)
-    },
-    // Check Verison
-    checkVersion() {
-        return api.get('/sys/check');
-    },
-    //Update System
-    updateSystem(){
-        return api.post('/sys/update');
-    }
-}
-export default info;
--- a/UI/src/service/service.js
+++ b/UI/src/service/service.js
@@ -1,138 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-23 17:26:31
- * @Description: 
- * @FilePath: /CasaOS-UI/src/service/service.js
- */
-import axios from 'axios'
-import qs from 'qs'
-import router from '@/router'
-import store from '@/store'
-// Set Post Headers
-axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
-axios.defaults.withCredentials = false;
-if (process.env.NODE_ENV === "'dev'") {
-    axios.defaults.baseURL = `http://${store.state.devIp}:8089/v1`;
-} else {
-    axios.defaults.baseURL = `${document.location.protocol}//${document.location.host}/v1`
-}
-
-//Create a axios instance, And set timeout to 30s
-const instance = axios.create({
-    timeout: 10000,
-});
-
-
-window.isRefreshing = false
-
-let refreshSubscribers = []
-
-function subscribeTokenRefresh(cb) {
-    refreshSubscribers.push(cb)
-}
-
-function onRrefreshed(token) {
-    refreshSubscribers.map(cb => cb(token))
-}
-
-// Request interceptors
-instance.interceptors.request.use((config) => {
-    let token = ''
-    if (sessionStorage.getItem("user_token")) {
-        token = sessionStorage.getItem("user_token")
-    }
-    if (localStorage.getItem("user_token")) {
-        token = localStorage.getItem("user_token")
-    }
-    config.headers.Authorization = token
-    if (token === "" && config.url !== "user/login") {
-        if (!window.isRefreshing) {
-            window.isRefreshing = true;
-            axios.post('user/login', qs.stringify({
-                username: "admin",
-                pwd: "admin"
-            })).then(res => {
-                token = res.data.data;
-                store.commit('setToken', token)
-                localStorage.setItem("user_token", token)
-                onRrefreshed(token);
-            })
-        }
-        let retry = new Promise((resolve) => {
-            /* (token) => {...}这个函数就是回调函数 */
-            subscribeTokenRefresh((token) => {
-                config.headers.Authorization = token
-                /* 将请求挂起 */
-                resolve(config)
-            })
-        })
-        return retry
-    } else {
-        return config;
-    }
-
-
-}, (error) => {
-    // Do something with request error
-    return Promise.reject(error)
-})
-
-// 响应拦截（请求返回后拦截）
-instance.interceptors.response.use(response => {
-    //console.log("响应拦截", response);
-    return response;
-}, error => {
-    console.log('catch', error)
-    if (error.response) {
-
-        switch (error.response.status) {
-            case 401:
-                sessionStorage.removeItem('user_token') //可能是token过期，清除它
-                router.replace({ //跳转到登录页面
-                    path: '/',
-                    query: { redirect: router.currentRoute.fullPath } // 将跳转的路由path作为参数，登录成功后跳转到该路由
-                })
-                break;
-            case 404:
-                store.commit('setServiceError', true);
-                break;
-            case 500:
-                break;
-        }
-    } else {
-
-        store.commit('setServiceError', true);
-    }
-    return Promise.reject(error)
-})
-
-//按照请求类型对axios进行封装
-const api = {
-    get(url, data) {
-        return instance.get(url, { params: data })
-    },
-    post(url, data) {
-        let newData = (url.indexOf("install") > 0 || url.indexOf("sys") > 0) ? JSON.stringify(data) : qs.stringify(data)
-        if (url.indexOf("install") > 0) {
-            axios.defaults.headers.post['Content-Type'] = 'application/json';
-        } else {
-            axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
-        }
-        return instance.post(url, newData)
-    },
-    put(url, data) {
-        let newData = (url.indexOf("setting") > 0) ? JSON.stringify(data) : qs.stringify(data)
-        if (url.indexOf("setting") > 0) {
-            axios.defaults.headers.post['Content-Type'] = 'application/json';
-        } else {
-            axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
-        }
-        return instance.put(url, newData)
-    },
-    delete(url, data) {
-        return instance.delete(url, { params: data })
-    }
-}
-export { api }
--- a/UI/src/service/task.js
+++ b/UI/src/service/task.js
@@ -1,21 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:26:45
- * @Description: Task API
- * @FilePath: \CasaOS-UI\src\service\task.js
- */
-import { api } from "./service.js";
-
-const task = {
-    //List
-    list() {
-        return api.get("/task/list");
-    },
-    //Mark
-    completion(id) {
-        return api.put(`/task/completion/${id}`);
-    }
-}
-export default task; 
--- a/UI/src/service/user.js
+++ b/UI/src/service/user.js
@@ -1,47 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:26:47
- * @Description: User API
- * @FilePath: \CasaOS-UI\src\service\user.js
- */
-import { api } from "./service.js";
-
-const user = {
-    //login
-    login(data) {
-        return api.post("user/login", data);
-    },
-
-    // Create UserName and Password
-    createUsernameAndPaword(data) {
-        return api.post("/user/setusernamepwd", data);
-    },
-
-    // Change User Avatar
-    changeAvatar(data) {
-        return api.post("/user/changhead", data);
-    },
-
-    // Change UserName
-    changeUserName(data) {
-        return api.put("/user/changusername", data);
-    },
-
-    // Change User Password
-    changePassword(data) {
-        return api.put("/user/changuserpwd", data);
-    },
-
-    // Get user info
-    getUserInfo() {
-        return api.get("/user/info");
-    },
-    
-    // Change User Info
-    changeUserInfo(data) {
-        return api.post('/user/changuserinfo', data)
-    }
-}
-export default user;
--- a/UI/src/service/zerotier.js
+++ b/UI/src/service/zerotier.js
@@ -1,64 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-19 09:26:50
- * @Description: Zerotier API
- * @FilePath: \CasaOS-UI\src\service\zerotier.js
- */
-import { api } from "./service.js";
-
-const zerotier = {
-    //Check if Need login to zerotier
-    isLogin() {
-        return api.get("/zerotier/islogin");
-    },
-    //Login
-    login(data) {
-        return api.post("/zerotier/login", data);
-    },
-    //Register
-    register(data) {
-        return api.post('/zerotier/register', data);
-    },
-    //networklist
-    networkLits() {
-        return api.get('/zerotier/list'); 
-    },
-    //joinNetwork
-    joinNetwork(id) {
-        return api.post(`/zerotier/join/${id}`);
-    },
-    // leaveNetwork
-    leaveNetwork(id) {
-        return api.post(`/zerotier/leave/${id}`);
-    },
-    // Get Network detial
-    networkDetail(id) {
-        return api.get(`/zerotier/info/${id}`);
-    },
-    // Edit Network
-    editNetwork(id, data) {
-        return api.put(`/zerotier/edit/${id}`, data)
-    },
-    // Delete A Network
-    delNetwork(id) {
-        return api.delete(`/zerotier/network/${id}/del`)
-    },
-    createNetwork() {
-        return api.post('/zerotier/create')
-    },
-    // Get Network member list
-    getMembers(id) {
-        return api.get(`/zerotier/member/${id}`)
-    },
-    // Edit Member
-    editMember(id, mId, data) {
-        return api.put(`/zerotier/member/${id}/edit/${mId}`, data)
-    },
-    // Delete Member
-    delMemeber(id, mId) {
-        return api.delete(`/zerotier/member/${id}/del/${mId}`)
-    }
-}
-export default zerotier;
--- a/UI/src/store/index.js
+++ b/UI/src/store/index.js
@@ -1,34 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-18 21:32:13
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-22 16:28:16
- * @Description: 
- * @FilePath: /CasaOS-UI/src/store/index.js
- */
-import Vue from 'vue'
-import Vuex from 'vuex'
-//import createPersistedState from "vuex-persistedstate";
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  //plugins: [createPersistedState()],
-  state: {
-    token: "",
-    devIp: "192.168.2.217",
-    serviceError: false
-  },
-  mutations: {
-    setToken(state, val) {
-      state.token = val 
-    },
-    setServiceError(state, val) {
-      state.serviceError = val
-    }
-  },
-  actions: {
-  },
-  modules: {
-  }
-})
--- a/UI/vue.config.js
+++ b/UI/vue.config.js
@@ -1,23 +0,0 @@
-/*
- * @Author: JerryK
- * @Date: 2021-09-22 10:10:10
- * @LastEditors: JerryK
- * @LastEditTime: 2021-09-22 15:26:47
- * @Description: 
- * @FilePath: /CasaOS-UI/vue.config.js
- */
-const webpack = require('webpack')
-
-module.exports = {
-    publicPath: '/ui/',
-    runtimeCompiler: true,
-    lintOnSave: false,
-    productionSourceMap: false,
-    pluginOptions: {
-
-    },
-    chainWebpack: config => {
-        config.plugin('ignore')
-            .use(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/));
-    }
-}
--- a/UI/yarn.lock
+++ b/UI/yarn.lock
--- a/conf/conf.ini.sample
+++ b/conf/conf.ini.sample
@@ -4,46 +4,38 @@ RuntimeRootPath = runtime/
 LogSavePath = /casaOS/logs/server/
 LogSaveName = log
 LogFileExt = log
-; 必须的格式
 DateStrFormat = 20060102
 DateTimeFormat = 2006-01-02 15:04:05
 TimeFormat = 15:04:05
 DateFormat = 2006-01-02
+ProjectPath = /casaOS/server


 [server]
 HttpPort = 8089
-RunMode = debug
-;ServerApi = http://113.52.135.30:8090
-;ServerApi = https://casaos.zimaboard.com
-;ServerApi = http://192.168.2.167:8090
-ServerApi = http://192.168.2.142:8090
+RunMode = release
+ServerApi = https://api.casaos.zimaboard.com

 [user]
 UserName = admin
 PWD = zimaboard
-Email = aaa@222.ddd
-Description = ddddddd
+Email = user@gmail.com
+Description = description
 Token = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6ImVyZXJlIiwicGFzc3dvcmQiOiJhZHNmZGYiLCJleHAiOjE2MjQwMDU0ODEsImlzcyI6Imdpbi1ibG9nIn0.JNsCccZuFCwlSMLJg62iOIB2xymk_k7xGa11xhZ07bc

 [zerotier]
-UserName = ddddd
-PWD =
+UserName = user
+PWD = pwd
 Token = yBKYyavr2RdFAIVN7iTpzlsB1o6CqTgm

 [redis]
-Host = 192.168.2.167:6379
+Host = 127.0.0.1:6379
 Password =
 MaxIdle = 30
 MaxActive = 30
 IdleTimeout = 200

 [system]
-AutoUpdate = true
-SearchSwitch = true
-WidgetsSwitch = false
-ShortcutsSwitch = true
-SearchEngine = baidu
-Background = http://baidu.com1
-BackgroundType = d
+ConfigStr = 
+WidgetList =

--- a/docs/docs.go
+++ b/docs/docs.go
--- a/docs/swagger.json
+++ b/docs/swagger.json
--- a/docs/swagger.yaml
+++ b/docs/swagger.yaml
--- a/file/lll.png
+++ b/file/lll.png
--- a/go.mod
+++ b/go.mod
@@ -1,57 +1,87 @@
-module oasis
+module github.com/IceWhaleTech/CasaOS

 go 1.16

 require (
+	github.com/Microsoft/go-winio v0.5.0 // indirect
+	github.com/Microsoft/hcsshim v0.8.22 // indirect
 	github.com/PuerkitoBio/goquery v1.7.0
 	github.com/StackExchange/wmi v0.0.0-20210224194228-fe8f1750fd46 // indirect
 	github.com/alecthomas/template v0.0.0-20190718012654-fb15b899a751
-	github.com/containerd/containerd v1.5.2
-	github.com/dgrijalva/jwt-go v3.2.0+incompatible
+	github.com/aquasecurity/libbpfgo v0.2.1-libbpf-0.4.0 // indirect
+	github.com/bits-and-blooms/bitset v1.2.1 // indirect
+	github.com/containerd/containerd v1.5.7
+	github.com/containerd/continuity v0.2.0 // indirect
+	github.com/cpuguy83/go-md2man/v2 v2.0.1 // indirect
 	github.com/docker/docker v20.10.7+incompatible
 	github.com/docker/go-connections v0.4.0
 	github.com/forease/gotld v0.0.0-20190808124948-c50ff635576b
 	github.com/gin-contrib/gzip v0.0.2 // indirect
 	github.com/gin-gonic/gin v1.7.2
+	github.com/go-delve/delve v1.7.2 // indirect
 	github.com/go-ini/ini v1.62.0
 	github.com/go-ole/go-ole v1.2.5 // indirect
 	github.com/go-openapi/jsonreference v0.19.6 // indirect
-	github.com/go-openapi/spec v0.20.3 // indirect
+	github.com/go-openapi/spec v0.20.4 // indirect
 	github.com/go-openapi/swag v0.19.15 // indirect
 	github.com/go-playground/validator/v10 v10.6.1 // indirect
-	github.com/golang/protobuf v1.5.2 // indirect
+	github.com/gogo/googleapis v1.4.1 // indirect
+	github.com/golang-jwt/jwt v3.2.2+incompatible
+	github.com/golang/groupcache v0.0.0-20210331224755-41bb18bfe9da // indirect
 	github.com/gomodule/redigo v1.8.5
+	github.com/google/go-dap v0.6.0 // indirect
 	github.com/google/go-github/v36 v36.0.0
+	github.com/google/uuid v1.3.0 // indirect
 	github.com/gorilla/mux v1.8.0 // indirect
 	github.com/gorilla/websocket v1.4.2
 	github.com/jinzhu/copier v0.3.2
 	github.com/json-iterator/go v1.1.11 // indirect
+	github.com/klauspost/compress v1.13.6 // indirect
 	github.com/leodido/go-urn v1.2.1 // indirect
 	github.com/mailru/easyjson v0.7.7 // indirect
-	github.com/mattn/go-isatty v0.0.13 // indirect
+	github.com/mattn/go-colorable v0.1.11 // indirect
+	github.com/mattn/go-isatty v0.0.14 // indirect
+	github.com/mattn/go-runewidth v0.0.13 // indirect
 	github.com/moby/term v0.0.0-20210619224110-3f7ff695adc6 // indirect
 	github.com/morikuni/aec v1.0.0 // indirect
+	github.com/opencontainers/runc v1.0.2 // indirect
+	github.com/opencontainers/selinux v1.8.5 // indirect
+	github.com/peterh/liner v1.2.1 // indirect
 	github.com/pkg/errors v0.9.1
 	github.com/prestonTao/upnp v0.0.0-20150206124352-f4370df5e109
+	github.com/prometheus/procfs v0.7.3 // indirect
 	github.com/robfig/cron v1.2.0
 	github.com/satori/go.uuid v1.2.0
 	github.com/shirou/gopsutil/v3 v3.21.5
 	github.com/sirupsen/logrus v1.8.1
+	github.com/smartystreets/assertions v1.2.0 // indirect
 	github.com/smartystreets/goconvey v1.6.4 // indirect
+	github.com/spf13/cobra v1.2.1 // indirect
 	github.com/swaggo/gin-swagger v1.3.0
-	github.com/swaggo/swag v1.7.0
+	github.com/swaggo/swag v1.7.3
 	github.com/tidwall/gjson v1.8.0
+	github.com/tidwall/pretty v1.2.0 // indirect
 	github.com/tklauser/go-sysconf v0.3.6 // indirect
 	github.com/ugorji/go v1.2.6 // indirect
-	golang.org/x/crypto v0.0.0-20210616213533-5ff15b29337e
-	golang.org/x/net v0.0.0-20210614182718-04defd469f4e // indirect
-	golang.org/x/oauth2 v0.0.0-20200107190931-bf48bf16ab8d
-	golang.org/x/time v0.0.0-20210611083556-38a9dc6acbc6 // indirect
-	golang.org/x/tools v0.1.3 // indirect
-	google.golang.org/grpc v1.39.0 // indirect
+	go.opencensus.io v0.23.0 // indirect
+	go.starlark.net v0.0.0-20210901212718-87f333178d59 // indirect
+	golang.org/x/arch v0.0.0-20210923205945-b76863e36670 // indirect
+	golang.org/x/crypto v0.0.0-20210817164053-32db794688a5
+	golang.org/x/mod v0.5.0 // indirect
+	golang.org/x/net v0.0.0-20211020060615-d418f374d309 // indirect
+	golang.org/x/oauth2 v0.0.0-20210819190943-2bc19b11175f
+	golang.org/x/sys v0.0.0-20211020174200-9d6173849985 // indirect
+	golang.org/x/term v0.0.0-20210615171337-6886f2dfbf5b // indirect
+	golang.org/x/text v0.3.7 // indirect
+	golang.org/x/time v0.0.0-20210723032227-1f47c861a9ac // indirect
+	golang.org/x/tools v0.1.7 // indirect
+	google.golang.org/appengine v1.6.7 // indirect
+	google.golang.org/genproto v0.0.0-20210924002016-3dee208752a0 // indirect
+	google.golang.org/grpc v1.41.0 // indirect
+	gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c // indirect
 	gopkg.in/ini.v1 v1.62.0 // indirect
-	gorm.io/driver/mysql v1.1.1 // indirect
+	gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b // indirect
 	gorm.io/driver/sqlite v1.1.5
 	gorm.io/gorm v1.21.15
-	src.techknowlogick.com/xgo v1.4.1-0.20210909190026-ce016894db20 // indirect
+	src.techknowlogick.com/xgo v1.4.1-0.20211007230901-4fb1c2d7b2ab // indirect
 )
--- a/go.sum
+++ b/go.sum
--- a/BIN
+++ b/BIN
--- a/main.go
+++ b/main.go
@@ -3,53 +3,61 @@ package main
 import (
 	"flag"
 	"fmt"
-	"github.com/gin-gonic/gin"
+	"net/http"
+	"time"
+
+	"github.com/IceWhaleTech/CasaOS/pkg/config"
+	"github.com/IceWhaleTech/CasaOS/pkg/sqlite"
+	loger2 "github.com/IceWhaleTech/CasaOS/pkg/utils/loger"
+	"github.com/IceWhaleTech/CasaOS/route"
+	"github.com/IceWhaleTech/CasaOS/service"
 	"github.com/robfig/cron"
 	"gorm.io/gorm"
-	"net/http"
-	"oasis/pkg/config"
-	"oasis/pkg/sqlite"
-	loger2 "oasis/pkg/utils/loger"
-	"oasis/route"
-	"oasis/service"
-	"time"
 )

 var sqliteDB *gorm.DB

-var swagHandler gin.HandlerFunc
 var configFlag = flag.String("c", "", "config address")

+var showUserInfo = flag.Bool("show-user-info", false, "show user info")
+
 func init() {
 	flag.Parse()
 	config.InitSetup(*configFlag)
+	config.UpdateSetup()
 	loger2.LogSetup()
 	sqliteDB = sqlite.GetDb(config.AppInfo.ProjectPath)
 	//gredis.GetRedisConn(config.RedisInfo),
 	service.MyService = service.NewService(sqliteDB, loger2.NewOLoger())
 }

-// @title Oasis API
+// @title casaOS API
 // @version 1.0.0
 // @contact.name lauren.pan
 // @contact.url https://www.zimaboard.com
 // @contact.email lauren.pan@icewhale.org
-// @description Oasis v1版本api
-// @host 192.168.2.114:8089
+// @description casaOS v1版本api
+// @host 192.168.2.217:8089
 // @securityDefinitions.apikey ApiKeyAuth
 // @in header
 // @name Authorization
 // @BasePath /v1
 func main() {
+	if *showUserInfo {
+		fmt.Println("CasaOS User Info")
+		fmt.Println("UserName:" + config.UserInfo.UserName)
+		fmt.Println("Password:" + config.UserInfo.PWD)
+		return
+	}
 	//model.Setup()
 	//gredis.Setup()
-	r := route.InitRouter(swagHandler)
-	service.SyncTask(sqliteDB)
+	r := route.InitRouter()
+	//service.SyncTask(sqliteDB)
 	cron2 := cron.New() //创建一个cron实例
 	//执行定时任务（每5秒执行一次）
 	err := cron2.AddFunc("0 0 0 1/1 * *", func() {
 		//service.UpdataDDNSList(mysqldb)
-		service.SyncTask(sqliteDB)
+		//service.SyncTask(sqliteDB)
 	})
 	if err != nil {
 		fmt.Println(err)
--- a/model/search.go
+++ b/model/search.go
@@ -0,0 +1,7 @@
+package model
+
+type SearchFileInfo struct {
+	Path string `json:"path"`
+	Name string `json:"name"`
+	Type int    `json:"type"`
+}
--- a/model/sys_common.go
+++ b/model/sys_common.go
@@ -60,11 +60,7 @@ type RedisModel struct {
 }

 type SystemConfig struct {
-	SearchSwitch    bool   `json:"search_switch"` //搜索开关
-	SearchEngine    string `json:"search_engine"` //搜索引擎
-	ShortcutsSwitch bool   `json:"shortcuts_switch"`
-	WidgetsSwitch   bool   `json:"widgets_switch"`
-	BackgroundType  string `json:"background_type"`
-	Background      string `json:"background"`
-	AutoUpdate      bool   `json:"auto_update"`
+	ConfigStr  string `json:"config_str"`
+	WidgetList string `json:"widget_list"`
+	ConfigPath string `json:"config_path"`
 }
--- a/model/zima.go
+++ b/model/zima.go
@@ -3,4 +3,5 @@ package model
 type Path struct {
 	Name  string `json:"name"`
 	Path  string `json:"path"`
+	IsDir bool   `json:"is_dir"`
 }
--- a/pkg/config/init.go
+++ b/pkg/config/init.go
@@ -2,14 +2,15 @@ package config

 import (
 	"fmt"
-	"github.com/go-ini/ini"
 	"log"
-	"oasis/model"
 	"os"
 	"path"
 	"path/filepath"
 	"runtime"
 	"strings"
+
+	"github.com/IceWhaleTech/CasaOS/model"
+	"github.com/go-ini/ini"
 )

 //系统配置
@@ -55,7 +56,9 @@ func InitSetup(config string) {
 	mapTo("redis", RedisInfo)
 	mapTo("server", ServerInfo)
 	mapTo("system", SystemConfigInfo)
-	AppInfo.ProjectPath = getCurrentDirectory() //os.Getwd()
+	SystemConfigInfo.ConfigPath = configDir
+	//	AppInfo.ProjectPath = getCurrentDirectory() //os.Getwd()
+
 }

 //映射
--- a/pkg/config/update.go
+++ b/pkg/config/update.go
@@ -0,0 +1,15 @@
+package config
+
+import "github.com/IceWhaleTech/CasaOS/pkg/utils/file"
+
+//检查目录是否存在
+func mkdirDATAAll() {
+	dirArray := [7]string{"/DATA/AppData", "/DATA/Documents", "/DATA/Downloads", "/DATA/Gallery", "/DATA/Media/Movies", "/DATA/Media/TV Shows", "/DATA/Media/Music"}
+	for _, v := range dirArray {
+		file.IsNotExistMkDir(v)
+	}
+}
+
+func UpdateSetup() {
+	mkdirDATAAll()
+}
--- a/pkg/github/github_test.go
+++ b/pkg/github/github_test.go
@@ -1,7 +0,0 @@
-package github
-
-import "testing"
-
-func TestGetRepos(t *testing.T) {
-	GetRepos()
-}
--- a/pkg/gredis/redis.go
+++ b/pkg/gredis/redis.go
@@ -1,9 +1,10 @@
 package gredis

 import (
-	"github.com/gomodule/redigo/redis"
-	"oasis/model"
 	"time"
+
+	"github.com/IceWhaleTech/CasaOS/model"
+	"github.com/gomodule/redigo/redis"
 )

 func GetRedisConn(m *model.RedisModel) *redis.Pool {
--- a/pkg/sqlite/db.go
+++ b/pkg/sqlite/db.go
@@ -2,10 +2,10 @@ package sqlite

 import (
 	"fmt"
+	"github.com/IceWhaleTech/CasaOS/pkg/utils/file"
+	model2 "github.com/IceWhaleTech/CasaOS/service/model"
 	"gorm.io/driver/sqlite"
 	"gorm.io/gorm"
-	"oasis/pkg/utils/file"
-	model2 "oasis/service/model"
 	"time"
 )

--- a/pkg/upnp/device_test.go
+++ b/pkg/upnp/device_test.go
@@ -1,8 +1,9 @@
 package upnp

 import (
-	ip_helper2 "oasis/pkg/utils/ip_helper"
 	"testing"
+
+	ip_helper2 "github.com/IceWhaleTech/CasaOS/pkg/utils/ip_helper"
 )

 func TestGetCtrlUrl(t *testing.T) {
--- a/pkg/upnp/gateway.go
+++ b/pkg/upnp/gateway.go
@@ -1,9 +1,9 @@
 package upnp

 import (
+	ip_helper2 "github.com/IceWhaleTech/CasaOS/pkg/utils/ip_helper"
 	"github.com/pkg/errors"
 	"net"
-	ip_helper2 "oasis/pkg/utils/ip_helper"
 	"strings"
 )

--- a/pkg/utils/file/file.go
+++ b/pkg/utils/file/file.go
@@ -100,7 +100,6 @@ func MustOpen(fileName, filePath string) (*os.File, error) {
 	return f, nil
 }

-
 // 判断所给路径文件/文件夹是否存在
 func Exists(path string) bool {
 	_, err := os.Stat(path) //os.Stat获取文件信息
@@ -126,3 +125,23 @@ func IsDir(path string) bool {
 func IsFile(path string) bool {
 	return !IsDir(path)
 }
+
+func CreateFile(path string) error {
+	file, err := os.Create(path)
+	if err != nil {
+		return err
+	}
+	defer file.Close()
+	return nil
+}
+
+// IsNotExistMkDir create a directory if it does not exist
+func IsNotExistCreateFile(src string) error {
+	if notExist := CheckNotExist(src); notExist == true {
+		if err := CreateFile(src); err != nil {
+			return err
+		}
+	}
+
+	return nil
+}
--- a/pkg/utils/httper/httper.go
+++ b/pkg/utils/httper/httper.go
@@ -3,11 +3,11 @@ package httper
 import (
 	"bytes"
 	"encoding/json"
+	"github.com/IceWhaleTech/CasaOS/pkg/config"
 	"github.com/tidwall/gjson"
 	"io"
 	"io/ioutil"
 	"net/http"
-	"oasis/pkg/config"
 	"time"
 )

--- a/pkg/utils/ip_helper/ip.go
+++ b/pkg/utils/ip_helper/ip.go
@@ -1,8 +1,8 @@
 package ip_helper

 import (
+	httper2 "github.com/IceWhaleTech/CasaOS/pkg/utils/httper"
 	"net"
-	httper2 "oasis/pkg/utils/httper"
 	"strings"
 )

--- a/pkg/utils/jwt/jwt.go
+++ b/pkg/utils/jwt/jwt.go
@@ -1,8 +1,9 @@
 package jwt

 import (
-	jwt "github.com/dgrijalva/jwt-go"
 	"time"
+
+	jwt "github.com/golang-jwt/jwt"
 )

 type Claims struct {
@@ -15,8 +16,7 @@ var jwtSecret []byte

 //创建token
 func GenerateToken(username, password string) (string, error) {
-	nowTime := time.Now()
-	expireTime := nowTime.Add(3 * time.Hour)
+	expireTime := time.Now().AddDate(999, 0, 0)
 	clims := Claims{
 		username,
 		password,
--- a/pkg/utils/jwt/jwt_helper.go
+++ b/pkg/utils/jwt/jwt_helper.go
@@ -2,12 +2,11 @@ package jwt

 import (
 	"fmt"
+	"github.com/IceWhaleTech/CasaOS/model"
+	loger2 "github.com/IceWhaleTech/CasaOS/pkg/utils/loger"
+	oasis_err2 "github.com/IceWhaleTech/CasaOS/pkg/utils/oasis_err"
 	"github.com/gin-gonic/gin"
 	"net/http"
-	"oasis/model"
-	loger2 "oasis/pkg/utils/loger"
-	oasis_err2 "oasis/pkg/utils/oasis_err"
-	"time"
 )

 func JWT(swagHandler gin.HandlerFunc) gin.HandlerFunc {
@@ -22,13 +21,15 @@ func JWT(swagHandler gin.HandlerFunc) gin.HandlerFunc {
 			code = oasis_err2.INVALID_PARAMS
 		}
 		if swagHandler == nil {
-			claims, err := ParseToken(token)
+			//claims, err := ParseToken(token)
+			_, err := ParseToken(token)
 			if err != nil {
 				code = oasis_err2.ERROR_AUTH_TOKEN

-			} else if time.Now().Unix() > claims.ExpiresAt {
-				code = oasis_err2.ERROR_AUTH_TOKEN
 			}
+			//else if time.Now().Unix() > claims.ExpiresAt {
+			//	code = oasis_err2.ERROR_AUTH_TOKEN
+			//}
 		}

 		if code != oasis_err2.SUCCESS {
--- a/pkg/utils/loger/log.go
+++ b/pkg/utils/loger/log.go
@@ -2,9 +2,9 @@ package loger

 import (
 	"fmt"
+	"github.com/IceWhaleTech/CasaOS/pkg/config"
+	file2 "github.com/IceWhaleTech/CasaOS/pkg/utils/file"
 	"log"
-	"oasis/pkg/config"
-	file2 "oasis/pkg/utils/file"
 	"os"
 	"path/filepath"
 	"runtime"
--- a/pkg/utils/oasis_err/e.go
+++ b/pkg/utils/oasis_err/e.go
@@ -11,6 +11,8 @@ const (

 	//system
 	DIR_ALREADY_EXISTS  = 20001
+	FILE_ALREADY_EXISTS = 20002
+	FILE_OR_DIR_EXISTS  = 20003

 	//zerotier
 	GET_TOKEN_ERROR = 30001
@@ -39,7 +41,8 @@ var MsgFlags = map[int]string{

 	//system
 	DIR_ALREADY_EXISTS:  "Directory already exists",
-
+	FILE_ALREADY_EXISTS: "File already exists",
+	FILE_OR_DIR_EXISTS:  "File or directory already exists",

 	//zerotier
 	GET_TOKEN_ERROR: "Get token error,Please log in to zerotier's official website to confirm whether the account is available",
--- a/pkg/utils/sort/app_info_dev.go
+++ b/pkg/utils/sort/app_info_dev.go
@@ -1,7 +1,7 @@
 package sort

 import (
-	"oasis/model"
+	"github.com/IceWhaleTech/CasaOS/model"
 	"sort"
 )

--- a/pkg/utils/sort/app_info_evn.go
+++ b/pkg/utils/sort/app_info_evn.go
@@ -1,7 +1,7 @@
 package sort

 import (
-	"oasis/model"
+	"github.com/IceWhaleTech/CasaOS/model"
 	"sort"
 )

--- a/pkg/utils/sort/app_info_port.go
+++ b/pkg/utils/sort/app_info_port.go
@@ -1,7 +1,7 @@
 package sort

 import (
-	"oasis/model"
+	"github.com/IceWhaleTech/CasaOS/model"
 	"sort"
 )

--- a/pkg/utils/sort/app_info_vol.go
+++ b/pkg/utils/sort/app_info_vol.go
@@ -1,7 +1,7 @@
 package sort

 import (
-	"oasis/model"
+	"github.com/IceWhaleTech/CasaOS/model"
 	"sort"
 )

--- a/pkg/utils/version/version.go
+++ b/pkg/utils/version/version.go
@@ -2,13 +2,14 @@ package version

 import (
 	json2 "encoding/json"
-	"github.com/tidwall/gjson"
-	"oasis/model"
-	"oasis/pkg/config"
-	"oasis/pkg/utils/httper"
-	"oasis/types"
 	"strconv"
 	"strings"
+
+	"github.com/IceWhaleTech/CasaOS/model"
+	"github.com/IceWhaleTech/CasaOS/pkg/config"
+	"github.com/IceWhaleTech/CasaOS/pkg/utils/httper"
+	"github.com/IceWhaleTech/CasaOS/types"
+	"github.com/tidwall/gjson"
 )

 func IsNeedUpdate() (bool, model.Version) {
@@ -35,3 +36,23 @@ func IsNeedUpdate() (bool, model.Version) {
 	}
 	return false, version
 }
+
+//a版本大于b版本
+func VersionCompared(a string, b string) bool {
+	v1 := strings.Split(a, ".")
+	v2 := strings.Split(b, ".")
+	for len(v1) < len(v2) {
+		v1 = append(v1, "0")
+	}
+	for len(v2) < len(v1) {
+		v2 = append(v2, "0")
+	}
+	for i := 0; i < len(v1); i++ {
+		a, _ := strconv.Atoi(v1[i])
+		b, _ := strconv.Atoi(v2[i])
+		if a > b {
+			return true
+		}
+	}
+	return false
+}
--- a/pkg/zerotier/zerotier_api.go
+++ b/pkg/zerotier/zerotier_api.go
@@ -1,13 +1,12 @@
 package zerotier

 import (
+	httper2 "github.com/IceWhaleTech/CasaOS/pkg/utils/httper"
 	"github.com/tidwall/gjson"
 	"net/http"
-	httper2 "oasis/pkg/utils/httper"
 )

-func PostData(url,token string, data string) interface{} {
-
+func PostData(url, token string, data string) interface{} {

 	body, code := httper2.ZeroTierPostJson(url, data, GetHead(token))

--- a/route/doc.go
+++ b/route/doc.go
@@ -1,13 +1,14 @@
+//go:build doc
 // +build doc

 package route

 import (
 	ginSwagger "github.com/swaggo/gin-swagger"
-	"github.com/swaggo/gin-swagger/swaggerFiles"
-	_ "oasis/docs"
+	swaggerFiles "github.com/swaggo/gin-swagger/swaggerFiles"
 )

 func init() {
+	//	swagHandler = ginSwagger.WrapHandler(swaggerFiles.Handler)
 	swagHandler = ginSwagger.WrapHandler(swaggerFiles.Handler)
 }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
link	b3aa22605d	Add authentication Add user authentication module, Login page and initialization page. Fixed the problem that the application could not start after the system restarted.	2021-10-22 16:49:09 +08:00
link	39ccbe251f	Optimize installation process auto create file or dir	2021-10-19 19:07:16 +08:00
link	8a28d3c589	update create file and dir api	2021-10-18 18:24:18 +08:00
link	fb15695dab	add widget Add CPU RAM Status Add Disk Info	2021-10-15 11:43:41 +08:00
老竭力	5f5091f1e2	🦄 refactor: Change build method Change build method add static.go to public folder	2021-09-30 18:52:03 +08:00
a624669980	df92766c74	Catalog Adjustment	2021-09-30 18:45:01 +08:00
a624669980	cc8b3e8f06	Modify gitgnore	2021-09-30 18:42:29 +08:00
John Guan	a116db8dbd	Update .gitignore	2021-09-30 18:40:16 +08:00
a624669980	d697547cb7	Modify default config	2021-09-30 17:55:59 +08:00
a624669980	01960c0391	Modify default config	2021-09-30 17:54:29 +08:00
a624669980	953c393e71	Modify default config	2021-09-30 17:53:26 +08:00
a624669980	0873f7dd46	Modify the publishing process	2021-09-30 17:00:55 +08:00
a624669980	8d93a7f320	Modify the publishing process	2021-09-30 16:57:10 +08:00
a624669980	801eca0a14	Modify the publishing process	2021-09-30 16:56:03 +08:00
a624669980	a3ec7b70c9	Modify the publishing process	2021-09-30 16:55:00 +08:00
a624669980	4a77548b23	Modify the publishing process	2021-09-30 16:51:20 +08:00
a624669980	15ccade3d3	Modify the publishing process	2021-09-30 16:42:00 +08:00
a624669980	587fb6fb8a	Modify the publishing process	2021-09-30 16:29:32 +08:00
a624669980	5bcb663ac8	Modify the publishing process	2021-09-30 16:26:36 +08:00
a624669980	cbd945536d	Modify the publishing process	2021-09-30 16:14:09 +08:00
a624669980	081e9213c2	Modify the publishing process	2021-09-30 16:13:14 +08:00
a624669980	966fae2d4c	Modify the publishing process	2021-09-30 16:12:45 +08:00
a624669980	dc4f9ea990	Modify the publishing process	2021-09-30 16:06:56 +08:00
a624669980	05b9c75714	Modify the publishing process	2021-09-30 15:55:02 +08:00
a624669980	4aeeea2325	Modify the publishing process	2021-09-30 15:52:56 +08:00
a624669980	72531cf6c2	Modify the publishing process	2021-09-30 15:45:09 +08:00
a624669980	9ad9be8c61	Modify the publishing process	2021-09-30 15:34:02 +08:00
a624669980	1aa15932a0	Modify the publishing process	2021-09-30 15:24:18 +08:00
a624669980	dbc6a4265a	Modify the publishing process	2021-09-30 15:22:05 +08:00
a624669980	edea1f144a	Modify the publishing process	2021-09-30 15:10:41 +08:00
a624669980	85c59c03cf	Modify the publishing process	2021-09-30 14:52:32 +08:00
a624669980	a1f57bf1d1	Modify the publishing version	2021-09-30 14:45:33 +08:00
a624669980	e6f2c46c28	Modify the publishing process	2021-09-30 14:43:45 +08:00
a624669980	55c6c21aa3	Ignore profile	2021-09-29 19:51:40 +08:00
a624669980	40617185e9	Task modified to remote acquisition token modified to no expiration time	2021-09-29 19:49:34 +08:00
link	c3dba45e17	Update casa.yml change path	2021-09-29 18:02:22 +08:00
link	83f58366a6	Fix pack error	2021-09-29 17:43:59 +08:00
link	3fa09dad8e	add workflows	2021-09-29 17:33:58 +08:00
jerrykuku	f0f0eb2ef0	🦄 refactor: Change submodule UI to branch main	2021-09-29 13:50:16 +08:00
jerrykuku	436b87f8a8	🦄 refactor: Change submoudle Change Frontend submoudle to UI	2021-09-29 13:38:03 +08:00
jerrykuku	f0888ef2ac	Remove UI submodule.	2021-09-29 13:33:08 +08:00
Lauren	03e23ec203	Update README.md	2021-09-28 22:48:40 +08:00
a624669980	3e1d24624a	Application modification and new creation failure issues	2021-09-28 19:22:20 +08:00
John Guan	1e3585d47c	Update README.md	2021-09-27 19:29:56 +08:00
John Guan	db7fe3781e	Update README.md	2021-09-27 19:27:16 +08:00
John Guan	c2ad576cd9	Update README.md Adjusting the wording	2021-09-27 19:08:39 +08:00
John Guan	5c8d4b4b94	Update README.md Adjusting the wording	2021-09-27 18:42:37 +08:00
John Guan	88f0cdf738	Update README.md Adjusting the wording	2021-09-27 18:41:15 +08:00
John Guan	b759585d20	Merge branch 'main' of https://github.com/IceWhaleTech/CasaOS into main	2021-09-27 17:31:34 +08:00
John Guan	183bc211cd	Update README.md	2021-09-27 17:31:30 +08:00
a624669980	9bce06d171	Merge remote-tracking branch 'origin/main'	2021-09-27 17:22:33 +08:00
a624669980	2491a03d4b	update makefile	2021-09-27 17:22:18 +08:00
John Guan	4b02ad914d	Update README.md update banner link	2021-09-27 16:19:45 +08:00
John Guan	a1b876d088	Update README.md	2021-09-27 16:10:41 +08:00
a624669980	2cb16144ca	Addressing security issues	2021-09-27 16:07:12 +08:00
John Guan	93b1b618d2	Delete README-ZH.md	2021-09-27 15:54:57 +08:00
John Guan	97e88f595a	Update README.md	2021-09-27 15:54:07 +08:00
a624669980	2448173f44	Merge remote-tracking branch 'origin/main'	2021-09-27 15:43:22 +08:00
a624669980	191aaff575	build 0.1.1	2021-09-27 15:40:31 +08:00
John Guan	1e6393f502	Update README.md	2021-09-27 15:27:05 +08:00
a624669980	bf86654579	add casa-ui	2021-09-27 14:35:07 +08:00
a624669980	285462c571	add casa-ui	2021-09-27 14:33:15 +08:00
a624669980	92753dbfd7	add UI	2021-09-27 14:24:54 +08:00
a624669980	2c1ca2b095	暂存	2021-09-27 14:17:36 +08:00
				`@@ -1 +0,0 @@`
				<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M24 44C31.732 44 38 37.732 38 30C38 22.268 31.732 16 24 16C16.268 16 10 22.268 10 30C10 37.732 16.268 44 24 44Z" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M24 44C28.4183 44 32 40.4183 32 36C32 31.5817 28.4183 28 24 28C19.5817 28 16 31.5817 16 36C16 40.4183 19.5817 44 24 44Z" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/></svg>