diff --git a/web/admin-gui/package-lock.json b/web/admin-gui/package-lock.json
index 1651422..f9e9b29 100644
--- a/web/admin-gui/package-lock.json
+++ b/web/admin-gui/package-lock.json
@@ -24,9 +24,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.19.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.3.tgz",
-      "integrity": "sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ==",
+      "version": "7.19.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.4.tgz",
+      "integrity": "sha512-qpVT7gtuOLjWeDTKLkJ6sryqLliBaFpAtGeqw5cs5giLldvh+Ch0plqnUMKoVAUS6ZEueQQiZV+p5pxtPitEsA==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -77,9 +77,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "16.11.64",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.64.tgz",
-      "integrity": "sha512-z5hPTlVFzNwtJ2LNozTpJcD1Cu44c4LNuzaq1mwxmiHWQh2ULdR6Vjwo1UGldzRpzL0yUEdZddnfqGW2G70z6Q==",
+      "version": "16.11.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.65.tgz",
+      "integrity": "sha512-Vfz7wGMOr4jbQGiQHVJm8VjeQwM9Ya7mHe9LtQ264/Epf5n1KiZShOFqk++nBzw6a/ubgYdB9Od7P+MH/LjoWw==",
       "dev": true
     },
     "node_modules/@vitejs/plugin-vue": {
@@ -96,46 +96,46 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.0.5.tgz",
-      "integrity": "sha512-RaCbW0juAgj+INcxIqvg1KCLCPSCzXcEnaCKWY2bOrFybcNGhKsV1SRxT3ph0KvX33AecBRPcTA3uOPUKmcrJw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.0.7.tgz",
+      "integrity": "sha512-T3iJ7Ej5Ywrsn1nEfvOQ98LdFZu3TtoXD8UELHto/u5QyQk4U2GfPl+0ZjuS39ZPocU9l/5CMhrxHsgv/hFWVA==",
       "dev": true,
       "dependencies": {
-        "@volar/source-map": "1.0.5",
-        "@vue/reactivity": "^3.2.38",
+        "@volar/source-map": "1.0.7",
+        "@vue/reactivity": "^3.2.40",
         "muggle-string": "^0.1.0"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.0.5.tgz",
-      "integrity": "sha512-3UQmpsh94P3PoJBFUfZO5otIKW+uDoTvwT0yc1ESO9PK3NQvFaEB2djqtlmXXM4DpeICZrKJyykvj/+D5m4CZw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.0.7.tgz",
+      "integrity": "sha512-58xtTXbriaBoGHl5epE5kYI0Pk81yGmM3Mb/5TEUEzA16dGovXiwtEGce2xCgo0ps42OInFvFuaRv3SvM0k6mg==",
       "dev": true,
       "dependencies": {
         "muggle-string": "^0.1.0"
       }
     },
     "node_modules/@volar/typescript": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.0.5.tgz",
-      "integrity": "sha512-P+nDr/KUtWi/HHqIO+cTmjgQVuDn8LNhvBYUph7ae+8LhePWvoweVibkO9Dp/lkIo2L26BAa/1XmtHv666GnJg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.0.7.tgz",
+      "integrity": "sha512-VH3dMxTqkdUqjmdVwIytBjppH5iy18qK9peb3E9CNbvzf/+b3TpdX0zoyglaKmC5IeHG68KHXK2yps734yZ4nQ==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "1.0.5"
+        "@volar/language-core": "1.0.7"
       }
     },
     "node_modules/@volar/vue-language-core": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.0.5.tgz",
-      "integrity": "sha512-SW1TJi3evt2Jigi74wh7l/bTYj3+0+iD/F6BN97NdGHr04ELoh6YNIQl4O6Nk2BbZUqn3WQosfGxKR5BVqfCjg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.0.7.tgz",
+      "integrity": "sha512-5InGpRLu5FGeUkVNr1LvQfvThdSsyzIwvsYqYSGLj6VNmS7rzLacoKjZlTwz68/976aU3zjdgx94PoNl5n/SqA==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "1.0.5",
-        "@volar/source-map": "1.0.5",
-        "@vue/compiler-dom": "^3.2.38",
-        "@vue/compiler-sfc": "^3.2.38",
-        "@vue/reactivity": "^3.2.38",
-        "@vue/shared": "^3.2.38",
+        "@volar/language-core": "1.0.7",
+        "@volar/source-map": "1.0.7",
+        "@vue/compiler-dom": "^3.2.40",
+        "@vue/compiler-sfc": "^3.2.40",
+        "@vue/reactivity": "^3.2.40",
+        "@vue/shared": "^3.2.40",
         "minimatch": "^5.1.0",
         "vue-template-compiler": "^2.7.10"
       }
@@ -162,13 +162,13 @@
       }
     },
     "node_modules/@volar/vue-typescript": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.0.5.tgz",
-      "integrity": "sha512-jAfL8+cXTjf+0d5SCBX0MrcEh1JYIvD8b8mA9O74ysfpArINJZ/57iWC5ZNUw3qrqzfDkEqebsZcs5aZn1tbUw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.0.7.tgz",
+      "integrity": "sha512-SZlUJfMh/9NOIfpYtSVcIAbJVEzEiH2qWBIYHPooMXC02qey56Tg6J2eMhIoKWIuZH0VRRbX8IgFHevSQzzGOw==",
       "dev": true,
       "dependencies": {
-        "@volar/typescript": "1.0.5",
-        "@volar/vue-language-core": "1.0.5"
+        "@volar/typescript": "1.0.7",
+        "@volar/vue-language-core": "1.0.7"
       }
     },
     "node_modules/@vue/compiler-core": {
@@ -218,9 +218,9 @@
       }
     },
     "node_modules/@vue/devtools-api": {
-      "version": "6.4.3",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.3.tgz",
-      "integrity": "sha512-9WCRwdROJvWcHAdyrR7SZMM/qUvllDZnpndHXokThkUsjnJ2xe4/pvsH9FZrxFe22L+JmDKczL79HjLJ7DK9rg=="
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.4.tgz",
+      "integrity": "sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw=="
     },
     "node_modules/@vue/reactivity": {
       "version": "3.2.40",
@@ -431,9 +431,9 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.3.tgz",
-      "integrity": "sha512-AyrnaKVpMzljIdwjzrj+LxGmj8ik2LckwXacHqrJJ/jxz6dDDBcZ7I7nlHM0FvEW8MfbWJwOd+yT2XzYW49Frw==",
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.4.tgz",
+      "integrity": "sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
@@ -446,7 +446,7 @@
         "has-property-descriptors": "^1.0.0",
         "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.3",
-        "is-callable": "^1.2.6",
+        "is-callable": "^1.2.7",
         "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
         "is-shared-array-buffer": "^1.0.2",
@@ -1426,11 +1426,11 @@
       }
     },
     "node_modules/pinia": {
-      "version": "2.0.22",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.22.tgz",
-      "integrity": "sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==",
+      "version": "2.0.23",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.23.tgz",
+      "integrity": "sha512-N15hFf4o5STrxpNrib1IEb1GOArvPYf1zPvQVRGOO1G1d74Ak0J0lVyalX/SmrzdT4Q0nlEFjbURsmBmIGUR5Q==",
       "dependencies": {
-        "@vue/devtools-api": "^6.2.1",
+        "@vue/devtools-api": "^6.4.4",
         "vue-demi": "*"
       },
       "funding": {
@@ -1476,9 +1476,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.17",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
-      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
+      "version": "8.4.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
+      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
       "funding": [
         {
           "type": "opencollective",
@@ -1606,10 +1606,13 @@
       }
     },
     "node_modules/shell-quote": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.3.tgz",
-      "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
-      "dev": true
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.4.tgz",
+      "integrity": "sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/side-channel": {
       "version": "1.0.4",
@@ -1800,12 +1803,12 @@
       }
     },
     "node_modules/vite": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.4.tgz",
-      "integrity": "sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.8.tgz",
+      "integrity": "sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.15.6",
+        "esbuild": "^0.15.9",
         "postcss": "^8.4.16",
         "resolve": "^1.22.1",
         "rollup": "~2.78.0"
@@ -1862,9 +1865,9 @@
       }
     },
     "node_modules/vue-editor-js/node_modules/@vue/compiler-sfc": {
-      "version": "2.7.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
-      "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.13.tgz",
+      "integrity": "sha512-zzu2rLRZlgIU+OT3Atbr7Y6PG+LW4wVQpPfNRrGDH3dM9PsrcVfa+1pKb8bW467bGM3aDOvAnsYLWVpYIv3GRg==",
       "peer": true,
       "dependencies": {
         "@babel/parser": "^7.18.4",
@@ -1890,12 +1893,12 @@
       "peer": true
     },
     "node_modules/vue-editor-js/node_modules/vue": {
-      "version": "2.7.10",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
-      "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.13.tgz",
+      "integrity": "sha512-QnM6ULTNnPmn71eUO+4hdjfBIA3H0GLsBnchnI/kS678tjI45GOUZhXd0oP/gX9isikXz1PAzSnkPspp9EUNfQ==",
       "peer": true,
       "dependencies": {
-        "@vue/compiler-sfc": "2.7.10",
+        "@vue/compiler-sfc": "2.7.13",
         "csstype": "^3.1.0"
       }
     },
@@ -1914,9 +1917,9 @@
       }
     },
     "node_modules/vue-template-compiler": {
-      "version": "2.7.11",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.11.tgz",
-      "integrity": "sha512-17QnXkFiBLOH3gGCA3nWAWpmdlTjOWLyP/2eg5ptgY1OvDBuIDGOW9FZ7ZSKmF1UFyf56mLR3/E1SlCTml1LWQ==",
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.13.tgz",
+      "integrity": "sha512-jYM6TClwDS9YqP48gYrtAtaOhRKkbYmbzE+Q51gX5YDr777n7tNI/IZk4QV4l/PjQPNh/FVa/E92sh/RqKMrog==",
       "dev": true,
       "dependencies": {
         "de-indent": "^1.0.2",
@@ -1924,13 +1927,13 @@
       }
     },
     "node_modules/vue-tsc": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.0.5.tgz",
-      "integrity": "sha512-eXbix2kN28DXlemZo2oN9sP1ePW8FEguyOfTZ1tXs1zWN5ejm5hvmnYqfk3tL+aYnxdmoQwELDfjQ0hOzhQcbg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.0.7.tgz",
+      "integrity": "sha512-PaeWgISdXsPnV3a1NKfiAZb0iyvgLroxKzjPj1itoR5ZH0UOeVZBbDxpH7VPxAt6tCxiAoAIIisDs1QQrsSu3w==",
       "dev": true,
       "dependencies": {
-        "@volar/vue-language-core": "1.0.5",
-        "@volar/vue-typescript": "1.0.5"
+        "@volar/vue-language-core": "1.0.7",
+        "@volar/vue-typescript": "1.0.7"
       },
       "bin": {
         "vue-tsc": "bin/vue-tsc.js"
@@ -1970,9 +1973,9 @@
   },
   "dependencies": {
     "@babel/parser": {
-      "version": "7.19.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.3.tgz",
-      "integrity": "sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ=="
+      "version": "7.19.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.4.tgz",
+      "integrity": "sha512-qpVT7gtuOLjWeDTKLkJ6sryqLliBaFpAtGeqw5cs5giLldvh+Ch0plqnUMKoVAUS6ZEueQQiZV+p5pxtPitEsA=="
     },
     "@editorjs/editorjs": {
       "version": "2.25.0",
@@ -1999,9 +2002,9 @@
       "optional": true
     },
     "@types/node": {
-      "version": "16.11.64",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.64.tgz",
-      "integrity": "sha512-z5hPTlVFzNwtJ2LNozTpJcD1Cu44c4LNuzaq1mwxmiHWQh2ULdR6Vjwo1UGldzRpzL0yUEdZddnfqGW2G70z6Q==",
+      "version": "16.11.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.65.tgz",
+      "integrity": "sha512-Vfz7wGMOr4jbQGiQHVJm8VjeQwM9Ya7mHe9LtQ264/Epf5n1KiZShOFqk++nBzw6a/ubgYdB9Od7P+MH/LjoWw==",
       "dev": true
     },
     "@vitejs/plugin-vue": {
@@ -2012,46 +2015,46 @@
       "requires": {}
     },
     "@volar/language-core": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.0.5.tgz",
-      "integrity": "sha512-RaCbW0juAgj+INcxIqvg1KCLCPSCzXcEnaCKWY2bOrFybcNGhKsV1SRxT3ph0KvX33AecBRPcTA3uOPUKmcrJw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.0.7.tgz",
+      "integrity": "sha512-T3iJ7Ej5Ywrsn1nEfvOQ98LdFZu3TtoXD8UELHto/u5QyQk4U2GfPl+0ZjuS39ZPocU9l/5CMhrxHsgv/hFWVA==",
       "dev": true,
       "requires": {
-        "@volar/source-map": "1.0.5",
-        "@vue/reactivity": "^3.2.38",
+        "@volar/source-map": "1.0.7",
+        "@vue/reactivity": "^3.2.40",
         "muggle-string": "^0.1.0"
       }
     },
     "@volar/source-map": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.0.5.tgz",
-      "integrity": "sha512-3UQmpsh94P3PoJBFUfZO5otIKW+uDoTvwT0yc1ESO9PK3NQvFaEB2djqtlmXXM4DpeICZrKJyykvj/+D5m4CZw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.0.7.tgz",
+      "integrity": "sha512-58xtTXbriaBoGHl5epE5kYI0Pk81yGmM3Mb/5TEUEzA16dGovXiwtEGce2xCgo0ps42OInFvFuaRv3SvM0k6mg==",
       "dev": true,
       "requires": {
         "muggle-string": "^0.1.0"
       }
     },
     "@volar/typescript": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.0.5.tgz",
-      "integrity": "sha512-P+nDr/KUtWi/HHqIO+cTmjgQVuDn8LNhvBYUph7ae+8LhePWvoweVibkO9Dp/lkIo2L26BAa/1XmtHv666GnJg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.0.7.tgz",
+      "integrity": "sha512-VH3dMxTqkdUqjmdVwIytBjppH5iy18qK9peb3E9CNbvzf/+b3TpdX0zoyglaKmC5IeHG68KHXK2yps734yZ4nQ==",
       "dev": true,
       "requires": {
-        "@volar/language-core": "1.0.5"
+        "@volar/language-core": "1.0.7"
       }
     },
     "@volar/vue-language-core": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.0.5.tgz",
-      "integrity": "sha512-SW1TJi3evt2Jigi74wh7l/bTYj3+0+iD/F6BN97NdGHr04ELoh6YNIQl4O6Nk2BbZUqn3WQosfGxKR5BVqfCjg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.0.7.tgz",
+      "integrity": "sha512-5InGpRLu5FGeUkVNr1LvQfvThdSsyzIwvsYqYSGLj6VNmS7rzLacoKjZlTwz68/976aU3zjdgx94PoNl5n/SqA==",
       "dev": true,
       "requires": {
-        "@volar/language-core": "1.0.5",
-        "@volar/source-map": "1.0.5",
-        "@vue/compiler-dom": "^3.2.38",
-        "@vue/compiler-sfc": "^3.2.38",
-        "@vue/reactivity": "^3.2.38",
-        "@vue/shared": "^3.2.38",
+        "@volar/language-core": "1.0.7",
+        "@volar/source-map": "1.0.7",
+        "@vue/compiler-dom": "^3.2.40",
+        "@vue/compiler-sfc": "^3.2.40",
+        "@vue/reactivity": "^3.2.40",
+        "@vue/shared": "^3.2.40",
         "minimatch": "^5.1.0",
         "vue-template-compiler": "^2.7.10"
       },
@@ -2077,13 +2080,13 @@
       }
     },
     "@volar/vue-typescript": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.0.5.tgz",
-      "integrity": "sha512-jAfL8+cXTjf+0d5SCBX0MrcEh1JYIvD8b8mA9O74ysfpArINJZ/57iWC5ZNUw3qrqzfDkEqebsZcs5aZn1tbUw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.0.7.tgz",
+      "integrity": "sha512-SZlUJfMh/9NOIfpYtSVcIAbJVEzEiH2qWBIYHPooMXC02qey56Tg6J2eMhIoKWIuZH0VRRbX8IgFHevSQzzGOw==",
       "dev": true,
       "requires": {
-        "@volar/typescript": "1.0.5",
-        "@volar/vue-language-core": "1.0.5"
+        "@volar/typescript": "1.0.7",
+        "@volar/vue-language-core": "1.0.7"
       }
     },
     "@vue/compiler-core": {
@@ -2133,9 +2136,9 @@
       }
     },
     "@vue/devtools-api": {
-      "version": "6.4.3",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.3.tgz",
-      "integrity": "sha512-9WCRwdROJvWcHAdyrR7SZMM/qUvllDZnpndHXokThkUsjnJ2xe4/pvsH9FZrxFe22L+JmDKczL79HjLJ7DK9rg=="
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.4.tgz",
+      "integrity": "sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw=="
     },
     "@vue/reactivity": {
       "version": "3.2.40",
@@ -2318,9 +2321,9 @@
       }
     },
     "es-abstract": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.3.tgz",
-      "integrity": "sha512-AyrnaKVpMzljIdwjzrj+LxGmj8ik2LckwXacHqrJJ/jxz6dDDBcZ7I7nlHM0FvEW8MfbWJwOd+yT2XzYW49Frw==",
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.4.tgz",
+      "integrity": "sha512-0UtvRN79eMe2L+UNEF1BwRe364sj/DXhQ/k5FmivgoSdpM90b8Jc0mDzKMGo7QS0BVbOP/bTwBKNnDc9rNzaPA==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
@@ -2333,7 +2336,7 @@
         "has-property-descriptors": "^1.0.0",
         "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.3",
-        "is-callable": "^1.2.6",
+        "is-callable": "^1.2.7",
         "is-negative-zero": "^2.0.2",
         "is-regex": "^1.1.4",
         "is-shared-array-buffer": "^1.0.2",
@@ -2943,11 +2946,11 @@
       "dev": true
     },
     "pinia": {
-      "version": "2.0.22",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.22.tgz",
-      "integrity": "sha512-u+b8/BC+tmvo3ACbYO2w5NfxHWFOjvvw9DQnyT0dW8aUMCPRQT5QnfZ5R5W2MzZBMTeZRMQI7V/QFbafmM9QHw==",
+      "version": "2.0.23",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.23.tgz",
+      "integrity": "sha512-N15hFf4o5STrxpNrib1IEb1GOArvPYf1zPvQVRGOO1G1d74Ak0J0lVyalX/SmrzdT4Q0nlEFjbURsmBmIGUR5Q==",
       "requires": {
-        "@vue/devtools-api": "^6.2.1",
+        "@vue/devtools-api": "^6.4.4",
         "vue-demi": "*"
       },
       "dependencies": {
@@ -2960,9 +2963,9 @@
       }
     },
     "postcss": {
-      "version": "8.4.17",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
-      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
+      "version": "8.4.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
+      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
       "requires": {
         "nanoid": "^3.3.4",
         "picocolors": "^1.0.0",
@@ -3044,9 +3047,9 @@
       "dev": true
     },
     "shell-quote": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.3.tgz",
-      "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.4.tgz",
+      "integrity": "sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw==",
       "dev": true
     },
     "side-channel": {
@@ -3195,12 +3198,12 @@
       }
     },
     "vite": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.4.tgz",
-      "integrity": "sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.8.tgz",
+      "integrity": "sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==",
       "dev": true,
       "requires": {
-        "esbuild": "^0.15.6",
+        "esbuild": "^0.15.9",
         "fsevents": "~2.3.2",
         "postcss": "^8.4.16",
         "resolve": "^1.22.1",
@@ -3229,9 +3232,9 @@
       },
       "dependencies": {
         "@vue/compiler-sfc": {
-          "version": "2.7.10",
-          "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
-          "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
+          "version": "2.7.13",
+          "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.13.tgz",
+          "integrity": "sha512-zzu2rLRZlgIU+OT3Atbr7Y6PG+LW4wVQpPfNRrGDH3dM9PsrcVfa+1pKb8bW467bGM3aDOvAnsYLWVpYIv3GRg==",
           "peer": true,
           "requires": {
             "@babel/parser": "^7.18.4",
@@ -3254,12 +3257,12 @@
           "peer": true
         },
         "vue": {
-          "version": "2.7.10",
-          "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
-          "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
+          "version": "2.7.13",
+          "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.13.tgz",
+          "integrity": "sha512-QnM6ULTNnPmn71eUO+4hdjfBIA3H0GLsBnchnI/kS678tjI45GOUZhXd0oP/gX9isikXz1PAzSnkPspp9EUNfQ==",
           "peer": true,
           "requires": {
-            "@vue/compiler-sfc": "2.7.10",
+            "@vue/compiler-sfc": "2.7.13",
             "csstype": "^3.1.0"
           }
         }
@@ -3274,9 +3277,9 @@
       }
     },
     "vue-template-compiler": {
-      "version": "2.7.11",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.11.tgz",
-      "integrity": "sha512-17QnXkFiBLOH3gGCA3nWAWpmdlTjOWLyP/2eg5ptgY1OvDBuIDGOW9FZ7ZSKmF1UFyf56mLR3/E1SlCTml1LWQ==",
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.13.tgz",
+      "integrity": "sha512-jYM6TClwDS9YqP48gYrtAtaOhRKkbYmbzE+Q51gX5YDr777n7tNI/IZk4QV4l/PjQPNh/FVa/E92sh/RqKMrog==",
       "dev": true,
       "requires": {
         "de-indent": "^1.0.2",
@@ -3284,13 +3287,13 @@
       }
     },
     "vue-tsc": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.0.5.tgz",
-      "integrity": "sha512-eXbix2kN28DXlemZo2oN9sP1ePW8FEguyOfTZ1tXs1zWN5ejm5hvmnYqfk3tL+aYnxdmoQwELDfjQ0hOzhQcbg==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.0.7.tgz",
+      "integrity": "sha512-PaeWgISdXsPnV3a1NKfiAZb0iyvgLroxKzjPj1itoR5ZH0UOeVZBbDxpH7VPxAt6tCxiAoAIIisDs1QQrsSu3w==",
       "dev": true,
       "requires": {
-        "@volar/vue-language-core": "1.0.5",
-        "@volar/vue-typescript": "1.0.5"
+        "@volar/vue-language-core": "1.0.7",
+        "@volar/vue-typescript": "1.0.7"
       }
     },
     "which": {
diff --git a/web/admin-gui/src/utils/ping.ts b/web/admin-gui/src/utils/ping.ts
index 913eed0..976a84b 100644
--- a/web/admin-gui/src/utils/ping.ts
+++ b/web/admin-gui/src/utils/ping.ts
@@ -2,7 +2,10 @@ export interface Pong {
     message: string;
 }
 
-export function pingApi(): Promise<Pong> {
-    return fetch('http://localhost:8080/ping')
+export async function pingApi(): Promise<String> {
+    let result: String = ''
+    await fetch('http://localhost:8080/ping')
         .then(response => response.json())
+        .then(jsonResponse => result = jsonResponse.message)
+    return result
 }
\ No newline at end of file
diff --git a/web/admin-gui/src/views/Home.vue b/web/admin-gui/src/views/Home.vue
index d4087bc..b400665 100644
--- a/web/admin-gui/src/views/Home.vue
+++ b/web/admin-gui/src/views/Home.vue
@@ -1,15 +1,38 @@
 <script setup lang="ts">
 // import EditorJS from '@editorjs/editorjs';
 import { pingApi } from '@/utils/ping';
+import { onMounted } from 'vue';
 
-console.log('ping...')
-pingApi().then(response => {
-    console.log(`${response.message}!`)
+onMounted(async function() {
+    console.log('ping...')
+    const pong = await pingApi()
+    console.log(pong)
 })
+
+function addArticle() {
+    fetch("http://localhost:8080/add-article", {
+        method: "POST",
+        body: JSON.stringify({
+            id_name: `${Math.random() * 100}`,
+            content: {},
+            date: new Date().getTime()
+        })
+    })
+        .then(response => response.json())
+        .then(result => console.log(result))
+}
+
+function logArticles() {
+    fetch("http://localhost:8080/get-all-articles")
+        .then(response => response.json())
+        .then(result => console.log(result))
+}
 </script>
 
 <template>
     <p>Salut à tous</p>
+    <button @click="addArticle">add rand article</button>
+    <button @click="logArticles">display articles in console</button>
 </template>
 
 <style scoped>