diff --git a/package-lock.json b/package-lock.json
index f4bb9c25..c9075307 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,10 +43,10 @@
         "babel-eslint": "^10.1.0",
         "eslint-config-google": "^0.14.0",
         "eslint-plugin-prettier": "^3.3.1",
-        "eslint-plugin-vue": "^7.8.0",
+        "eslint-plugin-vue": "^7.17.0",
         "fibers": "^5.0.0",
         "node-sass": "^5.0.0",
-        "sass": "~1.32.8",
+        "sass": "~1.32.12",
         "vue-cli-plugin-vuetify": "^2.3.1",
         "vue-template-compiler": "^2.6.12",
         "vuetify-loader": "^1.7.2"
@@ -1482,6 +1482,7 @@
       "resolved": "https://registry.npmjs.org/@babel/polyfill/-/polyfill-7.12.1.tgz",
       "integrity": "sha512-X0pi0V6gxLi6lFZpGmeNa4zxtwEmCs42isWLNjZZDE0Y8yVfgu0T2OAHlzBbdYlqbW/YXVvoBHpATEM+goCj8g==",
       "deprecated": "🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information.",
+      "license": "MIT",
       "dependencies": {
         "core-js": "^2.6.5",
         "regenerator-runtime": "^0.13.4"
@@ -1492,7 +1493,8 @@
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
       "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
       "deprecated": "core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.",
-      "hasInstallScript": true
+      "hasInstallScript": true,
+      "license": "MIT"
     },
     "node_modules/@babel/preset-env": {
       "version": "7.15.0",
@@ -2195,9 +2197,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "16.6.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.6.1.tgz",
-      "integrity": "sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==",
+      "version": "16.7.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.7.5.tgz",
+      "integrity": "sha512-E7SpxDXoHEpmZ9C1gSqwadhE6zPRtf3g0gJy9Y51DsImnR5TcDs3QEiV/3Q7zOM8LWaZp5Gph71NK6ElVMG1IQ==",
       "dev": true
     },
     "node_modules/@types/normalize-package-data": {
@@ -2297,9 +2299,9 @@
       }
     },
     "node_modules/@types/webpack-dev-server": {
-      "version": "3.11.5",
-      "resolved": "https://registry.npmjs.org/@types/webpack-dev-server/-/webpack-dev-server-3.11.5.tgz",
-      "integrity": "sha512-vjsbQBW3fE5FDICkF3w3ZWFRXNwQdKt7JRPLmRy5W0KXlcuew4wgpKWXhgHS71iLNv7Z2PlY9dSSIaYg+bk+9w==",
+      "version": "3.11.6",
+      "resolved": "https://registry.npmjs.org/@types/webpack-dev-server/-/webpack-dev-server-3.11.6.tgz",
+      "integrity": "sha512-XCph0RiiqFGetukCTC3KVnY1jwLcZ84illFRMbyFzCcWl90B/76ew0tSqF46oBhnLC4obNDG7dMO0JfTN0MgMQ==",
       "dev": true,
       "dependencies": {
         "@types/connect-history-api-fallback": "*",
@@ -3304,9 +3306,9 @@
       }
     },
     "node_modules/apexcharts": {
-      "version": "3.27.3",
-      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.27.3.tgz",
-      "integrity": "sha512-1ZrqiQT0VahkqW0kVjf5QVURYGaHMlGN08BoIZG2c2U/gY2AtnEoFN4r9q4d/pYYYKvI9AyLBHq0otzcVGrHAw==",
+      "version": "3.28.1",
+      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.28.1.tgz",
+      "integrity": "sha512-5M1KitI/XmY2Sx6ih9vQOXyQUTmotDG/cML2N6bkBlVseF10RPSzM7dkrf7Y68apSZF6e7J581gXXu1+qkLhCA==",
       "dependencies": {
         "svg.draggable.js": "^2.2.2",
         "svg.easing.js": "^2.0.0",
@@ -3314,9 +3316,6 @@
         "svg.pathmorphing.js": "^0.1.3",
         "svg.resize.js": "^1.4.3",
         "svg.select.js": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/apexcharts/apexcharts.js?sponsor=1"
       }
     },
     "node_modules/aproba": {
@@ -3908,7 +3907,8 @@
       "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
       "deprecated": "core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.",
       "dev": true,
-      "hasInstallScript": true
+      "hasInstallScript": true,
+      "license": "MIT"
     },
     "node_modules/babel-runtime/node_modules/regenerator-runtime": {
       "version": "0.11.1",
@@ -4363,16 +4363,16 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.16.7",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.7.tgz",
-      "integrity": "sha512-7I4qVwqZltJ7j37wObBe3SoTz+nS8APaNcrBOlgoirb6/HbEU2XxW/LpUDTCngM6iauwFqmRTuOMfyKnFGY5JA==",
+      "version": "4.16.8",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.8.tgz",
+      "integrity": "sha512-sc2m9ohR/49sWEbPj14ZSSZqp+kbi16aLao42Hmn3Z8FpjuMaq2xCA2l4zl9ITfyzvnvyE0hcg62YkIGKxgaNQ==",
       "dev": true,
       "dependencies": {
-        "caniuse-lite": "^1.0.30001248",
-        "colorette": "^1.2.2",
-        "electron-to-chromium": "^1.3.793",
+        "caniuse-lite": "^1.0.30001251",
+        "colorette": "^1.3.0",
+        "electron-to-chromium": "^1.3.811",
         "escalade": "^3.1.1",
-        "node-releases": "^1.1.73"
+        "node-releases": "^1.1.75"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -4639,9 +4639,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001251",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz",
-      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==",
+      "version": "1.0.30001252",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001252.tgz",
+      "integrity": "sha512-I56jhWDGMtdILQORdusxBOH+Nl/KgQSdDmpJezYddnAkVOmnoU8zwjTV9xAjMIYxr0iPreEAVylCGcmHCjfaOw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -5617,22 +5617,23 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.16.1.tgz",
-      "integrity": "sha512-AAkP8i35EbefU+JddyWi12AWE9f2N/qr/pwnDtWz4nyUIBGMJPX99ANFFRSw6FefM374lDujdtLDyhN2A/btHw==",
+      "version": "3.16.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.16.3.tgz",
+      "integrity": "sha512-lM3GftxzHNtPNUJg0v4pC2RC6puwMd6VZA7vXUczi+SKmCWSf4JwO89VJGMqbzmB7jlK7B5hr3S64PqwFL49cA==",
       "hasInstallScript": true,
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/core-js"
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.16.1.tgz",
-      "integrity": "sha512-NHXQXvRbd4nxp9TEmooTJLUf94ySUG6+DSsscBpTftN1lQLQ4LjnWvc7AoIo4UjDsFF3hB8Uh5LLCRRdaiT5MQ==",
+      "version": "3.16.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.16.3.tgz",
+      "integrity": "sha512-A/OtSfSJQKLAFRVd4V0m6Sep9lPdjD8bpN8v3tCCGwE0Tmh0hOiVDm9tw6mXmWOKOSZIyr3EkywPo84cJjGvIQ==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.16.7",
+        "browserslist": "^4.16.8",
         "semver": "7.0.0"
       },
       "funding": {
@@ -6107,7 +6108,8 @@
     "node_modules/dayjs": {
       "version": "1.10.6",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.6.tgz",
-      "integrity": "sha512-AztC/IOW4L1Q41A86phW5Thhcrco3xuAA+YX/BLpLWWjRcTj5TOt/QImBLmCKlrF7u7k47arTnOyL6GnbG8Hvw=="
+      "integrity": "sha512-AztC/IOW4L1Q41A86phW5Thhcrco3xuAA+YX/BLpLWWjRcTj5TOt/QImBLmCKlrF7u7k47arTnOyL6GnbG8Hvw==",
+      "license": "MIT"
     },
     "node_modules/de-indent": {
       "version": "1.0.2",
@@ -6116,9 +6118,9 @@
       "dev": true
     },
     "node_modules/deasync": {
-      "version": "0.1.22",
-      "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.22.tgz",
-      "integrity": "sha512-o21R8Vhv3wX0E19jpATUJIAinQ1I2rHIlAnzRRsMynWlIrvU0HbCwjpquPIYR544Tvg9z/L+NZQev5cjVD1/nQ==",
+      "version": "0.1.23",
+      "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.23.tgz",
+      "integrity": "sha512-CGZSokFwidI50GOAmkz/7z3QdMzTQqAiUOzt95PuhKgi6VVztn9D03ZCzzi93uUWlp/v6A9osvNWpIvqHvKjTA==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -6639,9 +6641,9 @@
       }
     },
     "node_modules/domutils": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.7.0.tgz",
-      "integrity": "sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
       "dev": true,
       "dependencies": {
         "dom-serializer": "^1.0.1",
@@ -6734,6 +6736,9 @@
         "lru-cache": "^4.1.5",
         "semver": "^5.6.0",
         "sigmund": "^1.0.1"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
       }
     },
     "node_modules/editorconfig/node_modules/commander": {
@@ -6784,9 +6789,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.3.806",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.806.tgz",
-      "integrity": "sha512-AH/otJLAAecgyrYp0XK1DPiGVWcOgwPeJBOLeuFQ5l//vhQhwC9u6d+GijClqJAmsHG4XDue81ndSQPohUu0xA==",
+      "version": "1.3.822",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.822.tgz",
+      "integrity": "sha512-k7jG5oYYHxF4jx6PcqwHX3JVME/OjzolqOZiIogi9xtsfsmTjTdie4x88OakYFPEa8euciTgCCzvVNwvmjHb1Q==",
       "dev": true
     },
     "node_modules/elliptic": {
@@ -7017,6 +7022,7 @@
       "version": "6.8.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
       "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "ajv": "^6.10.0",
@@ -7112,9 +7118,9 @@
       }
     },
     "node_modules/eslint-plugin-prettier": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz",
-      "integrity": "sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.1.tgz",
+      "integrity": "sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==",
       "dev": true,
       "dependencies": {
         "prettier-linter-helpers": "^1.0.0"
@@ -7133,10 +7139,11 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "7.16.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.16.0.tgz",
-      "integrity": "sha512-0E2dVvVC7I2Xm1HXyx+ZwPj9CNX4NJjs4K4r+GVsHWyt5Pew3JLD4fI7A91b2jeL0TXE7LlszrwLSTJU9eqehw==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.17.0.tgz",
+      "integrity": "sha512-Rq5R2QetDCgC+kBFQw1+aJ5B93tQ4xqZvoCUxuIzwTonngNArsdP8ChM8PowIzsJvRtWl4ltGh/bZcN3xhFWSw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "eslint-utils": "^2.1.0",
         "natural-compare": "^1.4.0",
@@ -7147,7 +7154,7 @@
         "node": ">=8.10"
       },
       "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0"
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0-0"
       }
     },
     "node_modules/eslint-plugin-vue/node_modules/eslint-utils": {
@@ -8013,9 +8020,9 @@
       }
     },
     "node_modules/follow-redirects": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
-      "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==",
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.2.tgz",
+      "integrity": "sha512-yLR6WaE2lbF0x4K2qE2p9PEXKLDjUjnR/xmjS3wHAYxtlsI9MLLBJUZirAHKzUZDGLxje7w/cXR49WOUo4rbsA==",
       "funding": [
         {
           "type": "individual",
@@ -8175,6 +8182,7 @@
       "version": "6.4.6",
       "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.4.6.tgz",
       "integrity": "sha512-/gYxR/0VpXmWSfZOIPS3rWwU8SHgsRTwWuXhyb2O6s7aRuVtHtxCkR33bNYu3wyLyNx/Wpv0vU7FZy8Vj53VNw==",
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=10"
       }
@@ -8406,9 +8414,9 @@
       }
     },
     "node_modules/globule": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
-      "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.3.tgz",
+      "integrity": "sha512-mb1aYtDbIjTu4ShMB85m3UzjX9BVKe9WCzsnfMSZk+K5GpIbBOexgg4PPCt5eHDEG5/ZQAUX2Kct02zfiPLsKg==",
       "devOptional": true,
       "dependencies": {
         "glob": "~7.1.1",
@@ -9512,9 +9520,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.5.0.tgz",
-      "integrity": "sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.6.0.tgz",
+      "integrity": "sha512-wShG8vs60jKfPWpF2KZRaAtvt3a20OAn7+IJ6hLPECpSABLcKtFKTTI4ZtH5QcBruBHlq+WsdHWyz0BCZW7svQ==",
       "devOptional": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -10376,9 +10384,9 @@
       }
     },
     "node_modules/jest-environment-jsdom-fifteen/node_modules/ws": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
-      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.4.tgz",
+      "integrity": "sha512-zP9z6GXm6zC27YtspwH99T3qTG7bBFv2VIkeHstMLrLlDJuzA7tQ5ls3OJ1hOGGCzTQPniNJoHXIAOS0Jljohg==",
       "dev": true,
       "engines": {
         "node": ">=8.3.0"
@@ -11172,7 +11180,10 @@
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
       "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
-      "dev": true
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
     },
     "node_modules/jsprim": {
       "version": "1.4.1",
@@ -11430,7 +11441,8 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
     },
     "node_modules/lodash._reinterpolate": {
       "version": "3.0.0",
@@ -12273,9 +12285,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "1.1.74",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.74.tgz",
-      "integrity": "sha512-caJBVempXZPepZoZAPCWRTNxYQ+xtG/KAi4ozTA5A+nJ7IU+kLQCbqaUjb5Rwy14M9upBWiQ4NutcmW04LJSRw==",
+      "version": "1.1.75",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
+      "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
       "dev": true
     },
     "node_modules/node-sass": {
@@ -14730,7 +14742,8 @@
     "node_modules/register-service-worker": {
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/register-service-worker/-/register-service-worker-1.7.2.tgz",
-      "integrity": "sha512-CiD3ZSanZqcMPRhtfct5K9f7i3OLCcBBWsJjLh1gW9RO/nS94sVzY59iS+fgYBOBqaBpf4EzfqUF3j9IG+xo8A=="
+      "integrity": "sha512-CiD3ZSanZqcMPRhtfct5K9f7i3OLCcBBWsJjLh1gW9RO/nS94sVzY59iS+fgYBOBqaBpf4EzfqUF3j9IG+xo8A==",
+      "license": "MIT"
     },
     "node_modules/regjsgen": {
       "version": "0.5.2",
@@ -15138,6 +15151,7 @@
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.13.tgz",
       "integrity": "sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA==",
       "devOptional": true,
+      "license": "MIT",
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0"
       },
@@ -15158,6 +15172,9 @@
         "lodash": "^4.0.0",
         "scss-tokenizer": "^0.2.3",
         "yargs": "^13.3.2"
+      },
+      "bin": {
+        "sassgraph": "bin/sassgraph"
       }
     },
     "node_modules/sass-graph/node_modules/camelcase": {
@@ -15921,9 +15938,9 @@
       }
     },
     "node_modules/sockjs-client": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.1.tgz",
-      "integrity": "sha512-VnVAb663fosipI/m6pqRXakEOw7nvd7TUgdr3PlR/8V2I95QIdwT8L4nMxhyU8SmDBHYXU1TOElaKOmKLfYzeQ==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.2.tgz",
+      "integrity": "sha512-ZzRxPBISQE7RpzlH4tKJMQbHM9pabHluk0WBaxAQ+wm/UieeBVBou0p4wVnSQGN9QmpAZygQ0cDIypWuqOFmFQ==",
       "dev": true,
       "dependencies": {
         "debug": "^3.2.6",
@@ -15931,7 +15948,7 @@
         "faye-websocket": "^0.11.3",
         "inherits": "^2.0.4",
         "json3": "^3.3.3",
-        "url-parse": "^1.5.1"
+        "url-parse": "^1.5.3"
       }
     },
     "node_modules/sockjs-client/node_modules/debug": {
@@ -16134,6 +16151,11 @@
         "safer-buffer": "^2.0.2",
         "tweetnacl": "~0.14.0"
       },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
       "engines": {
         "node": ">=0.10.0"
       }
@@ -16805,9 +16827,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.1.8",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.8.tgz",
-      "integrity": "sha512-sb9b0cp855NbkMJcskdSYA7b11Q8JsX4qe4pyUAfHp+Y6jBjJeek2ZVlwEfWayshEIwlIzXx0Fain3QG9JPm2A==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "devOptional": true,
       "dependencies": {
         "chownr": "^2.0.0",
@@ -18135,9 +18157,9 @@
       }
     },
     "node_modules/vuetify-loader": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.7.2.tgz",
-      "integrity": "sha512-2GSo4KvRAOThBsj8mvtIEeIoyBAZx38GDfh8D90e/or7Hzx4813krJKvcQAllyLO/Ln0eQWrq2IuvBXnZ55cSA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.7.3.tgz",
+      "integrity": "sha512-1Kt6Rfvuw3i9BBlxC9WTMnU3WEU7IBWQmDX+fYGAVGpzWCX7oHythUIwPCZGShHSYcPMKSDbXTPP8UvT5RNw8Q==",
       "dev": true,
       "dependencies": {
         "decache": "^4.6.0",
@@ -21263,9 +21285,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "16.6.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.6.1.tgz",
-      "integrity": "sha512-Sr7BhXEAer9xyGuCN3Ek9eg9xPviCF2gfu9kTfuU2HkTVAMYSDeX40fvpmo72n5nansg3nsBjuQBrsS28r+NUw==",
+      "version": "16.7.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.7.5.tgz",
+      "integrity": "sha512-E7SpxDXoHEpmZ9C1gSqwadhE6zPRtf3g0gJy9Y51DsImnR5TcDs3QEiV/3Q7zOM8LWaZp5Gph71NK6ElVMG1IQ==",
       "dev": true
     },
     "@types/normalize-package-data": {
@@ -21372,9 +21394,9 @@
       }
     },
     "@types/webpack-dev-server": {
-      "version": "3.11.5",
-      "resolved": "https://registry.npmjs.org/@types/webpack-dev-server/-/webpack-dev-server-3.11.5.tgz",
-      "integrity": "sha512-vjsbQBW3fE5FDICkF3w3ZWFRXNwQdKt7JRPLmRy5W0KXlcuew4wgpKWXhgHS71iLNv7Z2PlY9dSSIaYg+bk+9w==",
+      "version": "3.11.6",
+      "resolved": "https://registry.npmjs.org/@types/webpack-dev-server/-/webpack-dev-server-3.11.6.tgz",
+      "integrity": "sha512-XCph0RiiqFGetukCTC3KVnY1jwLcZ84illFRMbyFzCcWl90B/76ew0tSqF46oBhnLC4obNDG7dMO0JfTN0MgMQ==",
       "dev": true,
       "requires": {
         "@types/connect-history-api-fallback": "*",
@@ -22184,9 +22206,9 @@
       }
     },
     "apexcharts": {
-      "version": "3.27.3",
-      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.27.3.tgz",
-      "integrity": "sha512-1ZrqiQT0VahkqW0kVjf5QVURYGaHMlGN08BoIZG2c2U/gY2AtnEoFN4r9q4d/pYYYKvI9AyLBHq0otzcVGrHAw==",
+      "version": "3.28.1",
+      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.28.1.tgz",
+      "integrity": "sha512-5M1KitI/XmY2Sx6ih9vQOXyQUTmotDG/cML2N6bkBlVseF10RPSzM7dkrf7Y68apSZF6e7J581gXXu1+qkLhCA==",
       "requires": {
         "svg.draggable.js": "^2.2.2",
         "svg.easing.js": "^2.0.0",
@@ -23068,16 +23090,16 @@
       }
     },
     "browserslist": {
-      "version": "4.16.7",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.7.tgz",
-      "integrity": "sha512-7I4qVwqZltJ7j37wObBe3SoTz+nS8APaNcrBOlgoirb6/HbEU2XxW/LpUDTCngM6iauwFqmRTuOMfyKnFGY5JA==",
+      "version": "4.16.8",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.8.tgz",
+      "integrity": "sha512-sc2m9ohR/49sWEbPj14ZSSZqp+kbi16aLao42Hmn3Z8FpjuMaq2xCA2l4zl9ITfyzvnvyE0hcg62YkIGKxgaNQ==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001248",
-        "colorette": "^1.2.2",
-        "electron-to-chromium": "^1.3.793",
+        "caniuse-lite": "^1.0.30001251",
+        "colorette": "^1.3.0",
+        "electron-to-chromium": "^1.3.811",
         "escalade": "^3.1.1",
-        "node-releases": "^1.1.73"
+        "node-releases": "^1.1.75"
       }
     },
     "bs-logger": {
@@ -23296,9 +23318,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001251",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz",
-      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==",
+      "version": "1.0.30001252",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001252.tgz",
+      "integrity": "sha512-I56jhWDGMtdILQORdusxBOH+Nl/KgQSdDmpJezYddnAkVOmnoU8zwjTV9xAjMIYxr0iPreEAVylCGcmHCjfaOw==",
       "dev": true
     },
     "capture-exit": {
@@ -24070,17 +24092,17 @@
       }
     },
     "core-js": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.16.1.tgz",
-      "integrity": "sha512-AAkP8i35EbefU+JddyWi12AWE9f2N/qr/pwnDtWz4nyUIBGMJPX99ANFFRSw6FefM374lDujdtLDyhN2A/btHw=="
+      "version": "3.16.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.16.3.tgz",
+      "integrity": "sha512-lM3GftxzHNtPNUJg0v4pC2RC6puwMd6VZA7vXUczi+SKmCWSf4JwO89VJGMqbzmB7jlK7B5hr3S64PqwFL49cA=="
     },
     "core-js-compat": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.16.1.tgz",
-      "integrity": "sha512-NHXQXvRbd4nxp9TEmooTJLUf94ySUG6+DSsscBpTftN1lQLQ4LjnWvc7AoIo4UjDsFF3hB8Uh5LLCRRdaiT5MQ==",
+      "version": "3.16.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.16.3.tgz",
+      "integrity": "sha512-A/OtSfSJQKLAFRVd4V0m6Sep9lPdjD8bpN8v3tCCGwE0Tmh0hOiVDm9tw6mXmWOKOSZIyr3EkywPo84cJjGvIQ==",
       "dev": true,
       "requires": {
-        "browserslist": "^4.16.7",
+        "browserslist": "^4.16.8",
         "semver": "7.0.0"
       },
       "dependencies": {
@@ -24485,9 +24507,9 @@
       "dev": true
     },
     "deasync": {
-      "version": "0.1.22",
-      "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.22.tgz",
-      "integrity": "sha512-o21R8Vhv3wX0E19jpATUJIAinQ1I2rHIlAnzRRsMynWlIrvU0HbCwjpquPIYR544Tvg9z/L+NZQev5cjVD1/nQ==",
+      "version": "0.1.23",
+      "resolved": "https://registry.npmjs.org/deasync/-/deasync-0.1.23.tgz",
+      "integrity": "sha512-CGZSokFwidI50GOAmkz/7z3QdMzTQqAiUOzt95PuhKgi6VVztn9D03ZCzzi93uUWlp/v6A9osvNWpIvqHvKjTA==",
       "dev": true,
       "requires": {
         "bindings": "^1.5.0",
@@ -24891,9 +24913,9 @@
       }
     },
     "domutils": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.7.0.tgz",
-      "integrity": "sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
       "dev": true,
       "requires": {
         "dom-serializer": "^1.0.1",
@@ -25018,9 +25040,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.3.806",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.806.tgz",
-      "integrity": "sha512-AH/otJLAAecgyrYp0XK1DPiGVWcOgwPeJBOLeuFQ5l//vhQhwC9u6d+GijClqJAmsHG4XDue81ndSQPohUu0xA==",
+      "version": "1.3.822",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.822.tgz",
+      "integrity": "sha512-k7jG5oYYHxF4jx6PcqwHX3JVME/OjzolqOZiIogi9xtsfsmTjTdie4x88OakYFPEa8euciTgCCzvVNwvmjHb1Q==",
       "dev": true
     },
     "elliptic": {
@@ -25313,18 +25335,18 @@
       }
     },
     "eslint-plugin-prettier": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz",
-      "integrity": "sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.1.tgz",
+      "integrity": "sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==",
       "dev": true,
       "requires": {
         "prettier-linter-helpers": "^1.0.0"
       }
     },
     "eslint-plugin-vue": {
-      "version": "7.16.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.16.0.tgz",
-      "integrity": "sha512-0E2dVvVC7I2Xm1HXyx+ZwPj9CNX4NJjs4K4r+GVsHWyt5Pew3JLD4fI7A91b2jeL0TXE7LlszrwLSTJU9eqehw==",
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.17.0.tgz",
+      "integrity": "sha512-Rq5R2QetDCgC+kBFQw1+aJ5B93tQ4xqZvoCUxuIzwTonngNArsdP8ChM8PowIzsJvRtWl4ltGh/bZcN3xhFWSw==",
       "dev": true,
       "requires": {
         "eslint-utils": "^2.1.0",
@@ -25978,9 +26000,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
-      "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg=="
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.2.tgz",
+      "integrity": "sha512-yLR6WaE2lbF0x4K2qE2p9PEXKLDjUjnR/xmjS3wHAYxtlsI9MLLBJUZirAHKzUZDGLxje7w/cXR49WOUo4rbsA=="
     },
     "for-in": {
       "version": "1.0.2",
@@ -26278,9 +26300,9 @@
       }
     },
     "globule": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
-      "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.3.tgz",
+      "integrity": "sha512-mb1aYtDbIjTu4ShMB85m3UzjX9BVKe9WCzsnfMSZk+K5GpIbBOexgg4PPCt5eHDEG5/ZQAUX2Kct02zfiPLsKg==",
       "devOptional": true,
       "requires": {
         "glob": "~7.1.1",
@@ -27127,9 +27149,9 @@
       }
     },
     "is-core-module": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.5.0.tgz",
-      "integrity": "sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.6.0.tgz",
+      "integrity": "sha512-wShG8vs60jKfPWpF2KZRaAtvt3a20OAn7+IJ6hLPECpSABLcKtFKTTI4ZtH5QcBruBHlq+WsdHWyz0BCZW7svQ==",
       "devOptional": true,
       "requires": {
         "has": "^1.0.3"
@@ -27789,9 +27811,9 @@
           }
         },
         "ws": {
-          "version": "7.5.3",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
-          "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+          "version": "7.5.4",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.4.tgz",
+          "integrity": "sha512-zP9z6GXm6zC27YtspwH99T3qTG7bBFv2VIkeHstMLrLlDJuzA7tQ5ls3OJ1hOGGCzTQPniNJoHXIAOS0Jljohg==",
           "dev": true,
           "requires": {}
         }
@@ -29369,9 +29391,9 @@
       }
     },
     "node-releases": {
-      "version": "1.1.74",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.74.tgz",
-      "integrity": "sha512-caJBVempXZPepZoZAPCWRTNxYQ+xtG/KAi4ozTA5A+nJ7IU+kLQCbqaUjb5Rwy14M9upBWiQ4NutcmW04LJSRw==",
+      "version": "1.1.75",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
+      "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
       "dev": true
     },
     "node-sass": {
@@ -32330,9 +32352,9 @@
       }
     },
     "sockjs-client": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.1.tgz",
-      "integrity": "sha512-VnVAb663fosipI/m6pqRXakEOw7nvd7TUgdr3PlR/8V2I95QIdwT8L4nMxhyU8SmDBHYXU1TOElaKOmKLfYzeQ==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.2.tgz",
+      "integrity": "sha512-ZzRxPBISQE7RpzlH4tKJMQbHM9pabHluk0WBaxAQ+wm/UieeBVBou0p4wVnSQGN9QmpAZygQ0cDIypWuqOFmFQ==",
       "dev": true,
       "requires": {
         "debug": "^3.2.6",
@@ -32340,7 +32362,7 @@
         "faye-websocket": "^0.11.3",
         "inherits": "^2.0.4",
         "json3": "^3.3.3",
-        "url-parse": "^1.5.1"
+        "url-parse": "^1.5.3"
       },
       "dependencies": {
         "debug": {
@@ -33062,9 +33084,9 @@
       "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
     },
     "tar": {
-      "version": "6.1.8",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.8.tgz",
-      "integrity": "sha512-sb9b0cp855NbkMJcskdSYA7b11Q8JsX4qe4pyUAfHp+Y6jBjJeek2ZVlwEfWayshEIwlIzXx0Fain3QG9JPm2A==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "devOptional": true,
       "requires": {
         "chownr": "^2.0.0",
@@ -34115,9 +34137,9 @@
       "requires": {}
     },
     "vuetify-loader": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.7.2.tgz",
-      "integrity": "sha512-2GSo4KvRAOThBsj8mvtIEeIoyBAZx38GDfh8D90e/or7Hzx4813krJKvcQAllyLO/Ln0eQWrq2IuvBXnZ55cSA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.7.3.tgz",
+      "integrity": "sha512-1Kt6Rfvuw3i9BBlxC9WTMnU3WEU7IBWQmDX+fYGAVGpzWCX7oHythUIwPCZGShHSYcPMKSDbXTPP8UvT5RNw8Q==",
       "dev": true,
       "requires": {
         "decache": "^4.6.0",
diff --git a/package.json b/package.json
index 8f6d1cff..1bceae2d 100644
--- a/package.json
+++ b/package.json
@@ -45,10 +45,10 @@
     "babel-eslint": "^10.1.0",
     "eslint-config-google": "^0.14.0",
     "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.8.0",
+    "eslint-plugin-vue": "^7.17.0",
     "fibers": "^5.0.0",
     "node-sass": "^5.0.0",
-    "sass": "~1.32.8",
+    "sass": "~1.32.12",
     "vue-cli-plugin-vuetify": "^2.3.1",
     "vue-template-compiler": "^2.6.12",
     "vuetify-loader": "^1.7.2"
diff --git a/src/components/Modals/SettingsModal/SettingsModal.vue b/src/components/Modals/SettingsModal/SettingsModal.vue
index dd9f45fd..8c2f0807 100644
--- a/src/components/Modals/SettingsModal/SettingsModal.vue
+++ b/src/components/Modals/SettingsModal/SettingsModal.vue
@@ -25,6 +25,9 @@
               <v-tab class="white--text" href="#downloads">
                 <h4>downloads</h4>
               </v-tab>
+              <v-tab class="white--text" href="#connection">
+                <h4>connection</h4>
+              </v-tab>
               <v-tab class="white--text" href="#bittorrent">
                 <h4>bittorrent</h4>
               </v-tab>
@@ -47,6 +50,9 @@
           <v-tab-item eager value="downloads">
             <Downloads :is-active="tab === 'downloads'" />
           </v-tab-item>
+          <v-tab-item eager value="connection">
+            <Connection :is-active="tab === 'connection'" />
+          </v-tab-item>
           <v-tab-item eager value="bittorrent">
             <BitTorrent :is-active="tab === 'bittorrent'" />
           </v-tab-item>
@@ -86,12 +92,13 @@ import {
   BitTorrent,
   Downloads,
   VueTorrent,
-  TagsAndCategories
+  TagsAndCategories,
+  Connection
 } from './Tabs'
 
 export default {
   name: 'SettingsModal',
-  components: { WebUI, BitTorrent, Downloads, VueTorrent, TagsAndCategories },
+  components: { WebUI, BitTorrent, Downloads, VueTorrent, TagsAndCategories, Connection },
   mixins: [Modal, FullScreenModal, SettingsTab],
   data() {
     return {
diff --git a/src/components/Modals/SettingsModal/Tabs/BitTorrent.vue b/src/components/Modals/SettingsModal/Tabs/BitTorrent.vue
index 904afda0..5aa40dd2 100644
--- a/src/components/Modals/SettingsModal/Tabs/BitTorrent.vue
+++ b/src/components/Modals/SettingsModal/Tabs/BitTorrent.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card flat>
-    <v-subheader>privacy</v-subheader>
+    <v-subheader>Privacy</v-subheader>
     <v-list-item>
       <v-checkbox
         v-model="settings.dht"
@@ -48,6 +48,7 @@
         class="mb-2"
         outlined
         dense
+        type="number"
         hide-details
         label="Maximum active downloads"
         :disabled="!settings.queueing_enabled"
@@ -59,6 +60,7 @@
         class="mb-2"
         outlined
         dense
+        type="number"
         hide-details
         label="Maximum active uploads"
         :disabled="!settings.queueing_enabled"
@@ -70,6 +72,7 @@
         class="mb-2"
         outlined
         dense
+        type="number"
         hide-details
         label="Maximum active torrents"
         :disabled="!settings.queueing_enabled"
@@ -89,6 +92,7 @@
         class="mb-2"
         outlined
         dense
+        type="number"
         hide-details
         label="Download rate threshold KiB/s"
         :disabled="!settings.dont_count_slow_torrents"
@@ -100,6 +104,7 @@
         class="mb-2"
         outlined
         dense
+        type="number"
         hide-details
         label="Upload rate threshold KiB/s"
         :disabled="!settings.dont_count_slow_torrents"
@@ -111,13 +116,14 @@
         class="mb-2"
         outlined
         dense
+        type="number"
         hide-details
         label="Torrent inactivity timer"
         :disabled="!settings.dont_count_slow_torrents"
       />
     </v-list-item>
     <v-divider insert />
-    <v-subheader>seed limits</v-subheader>
+    <v-subheader>Seed Limits</v-subheader>
     <v-list-item>
       <v-row dense>
         <v-col>
@@ -134,6 +140,7 @@
             class="mb-2"
             outlined
             dense
+            type="number"
             hide-details
             :disabled="!settings.max_ratio_enabled"
           />
@@ -156,6 +163,7 @@
             class="mb-2"
             outlined
             dense
+            type="number"
             hide-details
             :disabled="!settings.max_seeding_time_enabled"
           />
diff --git a/src/components/Modals/SettingsModal/Tabs/Connection.vue b/src/components/Modals/SettingsModal/Tabs/Connection.vue
new file mode 100644
index 00000000..ea94e8df
--- /dev/null
+++ b/src/components/Modals/SettingsModal/Tabs/Connection.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-card flat>
+    <v-subheader>Connection Limits</v-subheader>
+    <v-list-item>
+      <v-text-field
+        v-model="settings.max_connec"
+        class="mb-2"
+        outlined
+        dense
+        type="number"
+        hide-details
+        label="Global maximum number of connections"
+      />
+    </v-list-item>
+    <v-list-item>
+      <v-text-field
+        v-model="settings.max_connec_per_torrent"
+        class="mb-2"
+        outlined
+        dense
+        type="number"
+        hide-details
+        label="Maximum number of connections per torrent"
+      />
+    </v-list-item>
+    <v-list-item>
+      <v-text-field
+        v-model="settings.max_uploads"
+        class="mb-2"
+        outlined
+        dense
+        type="number"
+        hide-details
+        label="Global maximum number of upload slots"
+      />
+    </v-list-item>
+    <v-list-item>
+      <v-text-field
+        v-model="settings.max_uploads_per_torrent"
+        class="mb-2"
+        outlined
+        dense
+        type="number"
+        hide-details
+        label="Maximum number of upload slots per torrent"
+      />
+    </v-list-item>
+  </v-card>
+</template>
+
+<script>
+import { SettingsTab, FullScreenModal } from '@/mixins'
+
+export default {
+  name: 'Connection',
+  mixins: [SettingsTab, FullScreenModal]
+}
+</script>
\ No newline at end of file
diff --git a/src/components/Modals/SettingsModal/Tabs/Downloads.vue b/src/components/Modals/SettingsModal/Tabs/Downloads.vue
index 793a6b9f..aae83c06 100644
--- a/src/components/Modals/SettingsModal/Tabs/Downloads.vue
+++ b/src/components/Modals/SettingsModal/Tabs/Downloads.vue
@@ -18,7 +18,7 @@
       />
     </v-list-item>
     <v-divider insert />
-    <v-subheader>public settings</v-subheader>
+    <v-subheader>Public Settings</v-subheader>
     <v-list-item>
       <v-checkbox
         v-model="settings.preallocate_all"
@@ -53,9 +53,6 @@
         label="Relocate Torrent when category changes"
       />
     </v-list-item>
-
-
-    
     <v-list-item>
       <v-row dense>
         <v-col>
diff --git a/src/components/Modals/SettingsModal/Tabs/WebUI.vue b/src/components/Modals/SettingsModal/Tabs/WebUI.vue
index 5f3b4d13..883fb180 100644
--- a/src/components/Modals/SettingsModal/Tabs/WebUI.vue
+++ b/src/components/Modals/SettingsModal/Tabs/WebUI.vue
@@ -1,6 +1,5 @@
 <template>
   <v-card flat>
-    <v-subheader>public settings</v-subheader>
     <v-list-item>
       <v-checkbox
         v-model="settings.alternative_webui_enabled"
@@ -31,7 +30,7 @@
             outlined
             dense
             hide-details="true"
-            :label="`IP Address:`"
+            label="IP Address:"
           />
         </v-col>
         <v-col cols="3" class="pa-0">
@@ -40,12 +39,76 @@
             class="ml-1"
             outlined
             dense
+            type="number"
             hide-details="true"
-            :label="`Port`"
+            label="Port"
           />
         </v-col>
       </v-row>
     </v-list-item>
+    <v-divider insert />
+    <v-subheader>Authentication</v-subheader>
+    <v-list-item>
+      <v-row class="ml-5 mr-5 pb-4">
+        <v-col cols="6" class="pa-0">
+          <v-text-field
+            v-model="settings.web_ui_username"
+            class="mr-1"
+            outlined
+            dense
+            hide-details="true"
+            label="Username"
+          />
+        </v-col>
+        <v-col cols="6" class="pa-0">
+          <v-text-field
+            v-model="settings.web_ui_password"
+            class="ml-1"
+            outlined
+            dense
+            hide-details="true"
+            label="password"
+          />
+        </v-col>
+      </v-row>
+    </v-list-item>
+    <v-list-item>
+      <v-row class="ml-5 mr-5 pb-4">
+        <v-col cols="6" class="pa-0">
+          <v-text-field
+            v-model="settings.web_ui_max_auth_fail_count"
+            class="mr-1"
+            outlined
+            dense
+            type="number"
+            hide-details="true"
+            label="Max attempts"
+          />
+        </v-col>
+        <v-col cols="6" class="pa-0">
+          <v-text-field
+            v-model="settings.web_ui_ban_duration"
+            class="ml-1"
+            outlined
+            dense
+            type="number"
+            hide-details="true"
+            label="Ban Duration (seconds)"
+          />
+        </v-col>
+      </v-row>
+    </v-list-item>
+    <v-list-item class="ml-5 mr-4 pb-4">
+      <v-text-field
+        v-model="settings.web_ui_session_timeout"
+        class="mr-1"
+        outlined
+        dense
+        type="number"
+        hide-details="true"
+        label="Session timeout (seconds)"
+      />
+    </v-list-item>
   </v-card>
 </template>
 
diff --git a/src/components/Modals/SettingsModal/Tabs/index.js b/src/components/Modals/SettingsModal/Tabs/index.js
index 59b72391..79686ed5 100644
--- a/src/components/Modals/SettingsModal/Tabs/index.js
+++ b/src/components/Modals/SettingsModal/Tabs/index.js
@@ -3,5 +3,6 @@ import BitTorrent from './BitTorrent.vue'
 import Downloads from './Downloads.vue'
 import VueTorrent from './VueTorrent.vue'
 import TagsAndCategories from './TagsAndCategories.vue'
+import Connection from './Connection.vue'
 
-export { WebUI, BitTorrent, Downloads, VueTorrent, TagsAndCategories }
+export { WebUI, BitTorrent, Downloads, VueTorrent, TagsAndCategories, Connection }