fix(ui): ns8 module maintenance

.devcontainer/devcontainer.json

@@ -14,7 +14,6 @@
         "dbaeumer.vscode-eslint",
         "esbenp.prettier-vscode",
         "octref.vetur",
-        "shenjiaolong.vue-helper",
         "streetsidesoftware.code-spell-checker"
       ]
     }

build-images.sh

@@ -37,7 +37,7 @@ buildah add "${container}" ui/dist /ui
 # Setup the entrypoint, ask to reserve one TCP port with the label and set a rootless container
 buildah config --entrypoint=/ \
     --label="org.nethserver.max-per-node=1" \
-    --label="org.nethserver.min-core=3.6.0-0" \
+    --label="org.nethserver.min-core=3.20.1" \
     --label="org.nethserver.volumes=dovecot-data" \
     --label="org.nethserver.images=$(printf "${repobase}/mail-%s:${IMAGETAG:-latest} " \
         dovecot \

tests/15__ui.robot

@@ -1,5 +1,4 @@
 *** Settings ***
-Library           Browser
 
 *** Variables ***
 ${ADMIN_USER}    admin
@@ -20,6 +19,7 @@ Login to cluster-admin
 
 Take screenshots
     [Tags]    ui
+    Import Library    Browser
     New Browser    chromium    headless=True
     New Context    ignoreHTTPSErrors=True
     Login to cluster-admin

ui/.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
     parser: "@babel/eslint-parser",
   },
   rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-console": "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
   },
 };

ui/package.json

@@ -12,37 +12,37 @@
   "dependencies": {
     "@carbon/icons-vue": "^10.37.0",
     "@carbon/vue": "^2.40.0",
-    "@nethserver/ns8-ui-lib": "^1.3.1",
+    "@nethserver/ns8-ui-lib": "^2.0.0",
     "await-to-js": "^3.0.0",
-    "axios": "^0.32.0",
+    "axios": "^1.18.1",
     "carbon-components": "^10.41.0",
     "core-js": "^3.6.5",
     "lottie-web-vue": "^1.2.0",
     "sass": "^1.34.1",
-    "vue": "^2.6.11",
+    "vue": "^2.7.0",
     "vue-axios": "^3.2.4",
     "vue-date-fns": "^2.0.1",
     "vue-i18n": "^8.24.4",
     "vue-infinite-loading": "^2.4.5",
+    "vue-loader": "^15.10.0",
     "vue-router": "^3.2.0",
     "vue2-debounce": "^1.0.1",
     "vuex": "^3.4.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.11.0",
-    "@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",
+    "@vue/cli-plugin-babel": "~4.5.18",
+    "@vue/cli-plugin-eslint": "~4.5.18",
+    "@vue/cli-plugin-router": "~4.5.18",
+    "@vue/cli-plugin-vuex": "~4.5.18",
+    "@vue/cli-service": "~4.5.18",
     "@vue/eslint-config-prettier": "^6.0.0",
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-vue": "^6.2.2",
     "mark.js": "^8.11.1",
     "prettier": "^2.2.1",
-    "sass-loader": "^10.1.1",
-    "vue-template-compiler": "^2.6.11"
+    "sass-loader": "^10.1.1"
   },
   "resolutions": {
     "@babel/traverse": "7.29.7"

ui/src/components/AppMobileSideMenu.vue

@@ -6,13 +6,7 @@
   <transition name="slide-menu">
     <div
       v-if="isMenuShown"
-      class="
-        mobile-side-menu
-        cv-side-nav
-        bx--side-nav bx--side-nav__navigation
-        bx--side-nav--expanded
-        app-side-nav
-      "
+      class="mobile-side-menu cv-side-nav bx--side-nav bx--side-nav__navigation bx--side-nav--expanded app-side-nav"
     >
       <AppSideMenuContent />
     </div>

ui/src/views/Status.vue

@@ -150,7 +150,9 @@
             :totalFileCountLabel="core.$t('backup.total_file_count')"
             :backupDisabledLabel="core.$t('common.disabled')"
             :showMoreLabel="core.$t('common.show_more')"
-            :multipleUncertainStatusLabel="core.$t('backup.some_backups_failed_or_are_pending')"
+            :multipleUncertainStatusLabel="
+              core.$t('backup.some_backups_failed_or_are_pending')
+            "
             :moduleId="instanceName"
             :moduleUiName="instanceLabel"
             :repositories="backupRepositories"

ui/src/views/settings/SettingsMailboxes.vue

@@ -203,7 +203,9 @@
                   <NsTextInput
                     v-show="spamFolder.enabled"
                     v-model.trim="spamFolder.name"
-                    :placeholder="$t('settings_mailboxes.junk_folder_placeholder')"
+                    :placeholder="
+                      $t('settings_mailboxes.junk_folder_placeholder')
+                    "
                     :label="$t('settings_mailboxes.junk_folder_name')"
                     :invalid-message="$t(error.spam_folder)"
                     :disabled="loading.setMailboxSettings"

ui/vue.config.js

@@ -1,10 +1,18 @@
 module.exports = {
+  css: {
+    loaderOptions: {
+      sass: {
+        sassOptions: {
+          silenceDeprecations: ["import", "global-builtin", "color-functions", "if-function", "legacy-js-api"],
+        },
+      },
+    },
+  },
   publicPath: "./",
   configureWebpack: {
     optimization: {
       splitChunks: {
-        minSize: 10000,
-        maxSize: 250000,
+        maxSize: 500000,
       },
     },
   },