chore: Upgrade Node.js version

webui/src/components/_commons/MainTable.vue

@@ -89,7 +89,7 @@ export default {
   @import "../../css/sass/variables";
 
   .table-wrapper {
-    /deep/ .q-table__container{
+    :deep(.q-table__container) {
       border-radius: 8px;
       .q-table {
         .table-header {

webui/src/components/_commons/NavBar.vue

@@ -29,7 +29,7 @@
             </q-btn>
           </q-tabs>
           <div class="right-menu">
-            <q-tabs>
+            <q-tabs class="allow-overflow">
               <div v-if="!coreVersion.disableDashboardAd && hasHubButtonComponent" style="margin-right: 5px;">
                 <hub-button-app theme="dark" v-if="$q.dark.isActive"></hub-button-app>
                 <hub-button-app v-if="!$q.dark.isActive"></hub-button-app>
@@ -111,7 +111,7 @@ export default {
             this.hasHubButtonComponent = customElements.get('hub-button-app') !== undefined
           }
           // Sources: https://github.com/traefik/traefiklabs-hub-button-app
-          hubButtonScriptLocal.src = 'statics/traefiklabs-hub-button-app/main-v1.js'
+          hubButtonScriptLocal.src = 'traefiklabs-hub-button-app/main-v1.js'
           document.head.appendChild(hubButtonScriptLocal)
         }
         hubButtonScript.onload = () => {
@@ -164,7 +164,7 @@ export default {
 
   .q-tabs {
     color: rgba( $app-text-white, .4 );
-    /deep/ .q-tabs__content {
+    :deep(.q-tabs__content) {
       .q-tab__content{
         min-width: 100%;
         .q-tab__label {
@@ -197,4 +197,10 @@ export default {
     align-items: flex-start;
   }
 
+  .allow-overflow {
+    :deep(.q-tabs__content) {
+      overflow: visible !important;
+    }
+  }
+
 </style>

webui/src/components/_commons/PanelMiddlewares.vue

@@ -1171,19 +1171,19 @@ export default {
       const name = provider.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   },
   filters: {
@@ -1267,7 +1267,7 @@ export default {
         flex-wrap: wrap;
         border-width: 0;
         margin-bottom: 8px;
-        /deep/ .q-chip__content{
+        :deep(.q-chip__content) {
           white-space: normal;
         }
       }

webui/src/components/_commons/PanelMirroringServices.vue

@@ -67,19 +67,19 @@ export default {
       const name = provider.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   }
 }

webui/src/components/_commons/PanelRouterDetails.vue

@@ -133,19 +133,19 @@ export default {
       const name = this.data.provider.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   }
 }
@@ -206,7 +206,7 @@ export default {
         flex-wrap: wrap;
         border-width: 0;
         margin-bottom: 8px;
-        /deep/ .q-chip__content{
+        :deep(.q-chip__content) {
           white-space: normal;
         }
       }

webui/src/components/_commons/PanelServiceDetails.vue

@@ -147,19 +147,19 @@ export default {
       const name = this.data.provider.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   },
   filters: {

webui/src/components/_commons/PanelTLS.vue

@@ -119,7 +119,7 @@ export default {
         flex-wrap: wrap;
         border-width: 0;
         margin-bottom: 8px;
-        /deep/ .q-chip__content{
+        :deep(.q-chip__content) {
           white-space: normal;
         }
       }

webui/src/components/_commons/PanelWeightedServices.vue

@@ -67,19 +67,19 @@ export default {
       const name = provider.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   }
 }

webui/src/components/_commons/ProviderIcon.vue

@@ -12,19 +12,19 @@ export default {
       const name = this.name.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   }
 }

webui/src/components/_commons/ToolBar.vue

@@ -89,7 +89,7 @@ export default {
   }
 
   .q-tabs {
-    /deep/ .q-tabs__content {
+    :deep(.q-tabs__content) {
       .q-tab__label {
         color: $app-text-grey;
         font-size: 16px;

webui/src/components/_commons/ToolBarTable.vue

@@ -93,7 +93,7 @@ export default {
 
   .q-toolbar {
     padding: 0;
-    /deep/ .bar-toggle {
+    :deep(.bar-toggle) {
       .q-btn {
         font-weight: 600;
         margin-right: 12px;
@@ -105,7 +105,7 @@ export default {
         }
       }
     }
-    /deep/ .bar-search {
+    :deep(.bar-search) {
       .q-field__inner {
         .q-field__control {
           border-radius: 12px;

webui/src/components/dashboard/PanelProvider.vue

@@ -29,19 +29,19 @@ export default {
       const name = this.getName.toLowerCase()
 
       if (name.startsWith('plugin-')) {
-        return 'statics/providers/plugin.svg'
+        return 'providers/plugin.svg'
       }
       if (name.startsWith('consul-')) {
-        return `statics/providers/consul.svg`
+        return `providers/consul.svg`
       }
       if (name.startsWith('consulcatalog-')) {
-        return `statics/providers/consulcatalog.svg`
+        return `providers/consulcatalog.svg`
       }
       if (name.startsWith('nomad-')) {
-        return `statics/providers/nomad.svg`
+        return `providers/nomad.svg`
       }
 
-      return `statics/providers/${name}.svg`
+      return `providers/${name}.svg`
     }
   }
 }