generator-jhipster 8.6.0 → 8.7.0

package/dist/generators/vue/templates/src/main/webapp/app/admin/metrics/metrics.component.spec.ts.ejs

@@ -14,210 +14,208 @@ const axiosStub = {
 describe('Metrics Component', () => {
   let metricsComponent: MetricsComponentType;
   const response = {
-    'jvm' : {
-      'PS Eden Space' : {
-        'committed' : 5.57842432E8,
-        'max' : 6.49592832E8,
-        'used' : 4.20828184E8
+    jvm: {
+      'PS Eden Space': {
+        committed: 5.57842432e8,
+        max: 6.49592832e8,
+        used: 4.20828184e8,
       },
-      'Code Cache' : {
-        'committed' : 2.3461888E7,
-        'max' : 2.5165824E8,
-        'used' : 2.2594368E7
+      'Code Cache': {
+        committed: 2.3461888e7,
+        max: 2.5165824e8,
+        used: 2.2594368e7,
       },
-      'Compressed Class Space' : {
-        'committed' : 1.2320768E7,
-        'max' : 1.073741824E9,
-        'used' : 1.1514008E7
+      'Compressed Class Space': {
+        committed: 1.2320768e7,
+        max: 1.073741824e9,
+        used: 1.1514008e7,
       },
-      'PS Survivor Space' : {
-        'committed' : 1.5204352E7,
-        'max' : 1.5204352E7,
-        'used' : 1.2244376E7
+      'PS Survivor Space': {
+        committed: 1.5204352e7,
+        max: 1.5204352e7,
+        used: 1.2244376e7,
       },
-      'PS Old Gen' : {
-        'committed' : 1.10624768E8,
-        'max' : 1.37887744E9,
-        'used' : 4.1390776E7
+      'PS Old Gen': {
+        committed: 1.10624768e8,
+        max: 1.37887744e9,
+        used: 4.1390776e7,
+      },
+      Metaspace: {
+        committed: 9.170944e7,
+        max: -1.0,
+        used: 8.7377552e7,
       },
-      'Metaspace' : {
-        'committed' : 9.170944E7,
-        'max' : -1.0,
-        'used' : 8.7377552E7
-      }
     },
-    'databases' : {
-      'min' : {
-        'value' : 10.0
+    databases: {
+      min: {
+        value: 10.0,
+      },
+      max: {
+        value: 10.0,
       },
-      'max' : {
-        'value' : 10.0
+      idle: {
+        value: 10.0,
       },
-      'idle' : {
-        'value' : 10.0
+      usage: {
+        '0.0': 0.0,
+        '1.0': 0.0,
+        max: 0.0,
+        totalTime: 4210.0,
+        mean: 701.6666666666666,
+        '0.5': 0.0,
+        count: 6,
+        '0.99': 0.0,
+        '0.75': 0.0,
+        '0.95': 0.0,
       },
-      'usage' : {
-        '0.0' : 0.0,
-        '1.0' : 0.0,
-        'max' : 0.0,
-        'totalTime' : 4210.0,
-        'mean' : 701.6666666666666,
-        '0.5' : 0.0,
-        'count' : 6,
-        '0.99' : 0.0,
-        '0.75' : 0.0,
-        '0.95' : 0.0
+      pending: {
+        value: 0.0,
       },
-      'pending' : {
-        'value' : 0.0
+      active: {
+        value: 0.0,
       },
-      'active' : {
-        'value' : 0.0
+      acquire: {
+        '0.0': 0.0,
+        '1.0': 0.0,
+        max: 0.0,
+        totalTime: 0.884426,
+        mean: 0.14740433333333333,
+        '0.5': 0.0,
+        count: 6,
+        '0.99': 0.0,
+        '0.75': 0.0,
+        '0.95': 0.0,
       },
-      'acquire' : {
-        '0.0' : 0.0,
-        '1.0' : 0.0,
-        'max' : 0.0,
-        'totalTime' : 0.884426,
-        'mean' : 0.14740433333333333,
-        '0.5' : 0.0,
-        'count' : 6,
-        '0.99' : 0.0,
-        '0.75' : 0.0,
-        '0.95' : 0.0
+      creation: {
+        '0.0': 0.0,
+        '1.0': 0.0,
+        max: 0.0,
+        totalTime: 27.0,
+        mean: 3.0,
+        '0.5': 0.0,
+        count: 9,
+        '0.99': 0.0,
+        '0.75': 0.0,
+        '0.95': 0.0,
       },
-      'creation' : {
-        '0.0' : 0.0,
-        '1.0' : 0.0,
-        'max' : 0.0,
-        'totalTime' : 27.0,
-        'mean' : 3.0,
-        '0.5' : 0.0,
-        'count' : 9,
-        '0.99' : 0.0,
-        '0.75' : 0.0,
-        '0.95' : 0.0
+      connections: {
+        value: 10.0,
       },
-      'connections' : {
-        'value' : 10.0
-      }
     },
-    'http.server.requests' : {
-      'all' : {
-        'count' : 5
+    'http.server.requests': {
+      all: {
+        count: 5,
+      },
+      percode: {
+        '200': {
+          max: 0.0,
+          mean: 298.9012628,
+          count: 5,
+        },
       },
-      'percode' : {
-        '200' : {
-          'max' : 0.0,
-          'mean' : 298.9012628,
-          'count' : 5
-        }
-      }
     },
-    'cache' : {
-      'usersByEmail' : {
-        'cache.gets.miss' : 0.0,
-        'cache.puts' : 0.0,
-        'cache.gets.hit' : 0.0,
-        'cache.removals' : 0.0,
-        'cache.evictions' : 0.0
+    cache: {
+      usersByEmail: {
+        'cache.gets.miss': 0.0,
+        'cache.puts': 0.0,
+        'cache.gets.hit': 0.0,
+        'cache.removals': 0.0,
+        'cache.evictions': 0.0,
+      },
+      usersByLogin: {
+        'cache.gets.miss': 1.0,
+        'cache.puts': 1.0,
+        'cache.gets.hit': 1.0,
+        'cache.removals': 0.0,
+        'cache.evictions': 0.0,
       },
-      'usersByLogin' : {
-        'cache.gets.miss' : 1.0,
-        'cache.puts' : 1.0,
-        'cache.gets.hit' : 1.0,
-        'cache.removals' : 0.0,
-        'cache.evictions' : 0.0
+      'tech.jhipster.domain.Authority': {
+        'cache.gets.miss': 0.0,
+        'cache.puts': 2.0,
+        'cache.gets.hit': 0.0,
+        'cache.removals': 0.0,
+        'cache.evictions': 0.0,
       },
-      'tech.jhipster.domain.Authority' : {
-        'cache.gets.miss' : 0.0,
-        'cache.puts' : 2.0,
-        'cache.gets.hit' : 0.0,
-        'cache.removals' : 0.0,
-        'cache.evictions' : 0.0
+      'tech.jhipster.domain.User.authorities': {
+        'cache.gets.miss': 0.0,
+        'cache.puts': 1.0,
+        'cache.gets.hit': 0.0,
+        'cache.removals': 0.0,
+        'cache.evictions': 0.0,
       },
-      'tech.jhipster.domain.User.authorities' : {
-        'cache.gets.miss' : 0.0,
-        'cache.puts' : 1.0,
-        'cache.gets.hit' : 0.0,
-        'cache.removals' : 0.0,
-        'cache.evictions' : 0.0
+      'tech.jhipster.domain.User': {
+        'cache.gets.miss': 0.0,
+        'cache.puts': 1.0,
+        'cache.gets.hit': 0.0,
+        'cache.removals': 0.0,
+        'cache.evictions': 0.0,
       },
-      'tech.jhipster.domain.User' : {
-        'cache.gets.miss' : 0.0,
-        'cache.puts' : 1.0,
-        'cache.gets.hit' : 0.0,
-        'cache.removals' : 0.0,
-        'cache.evictions' : 0.0
-      }
     },
-    'garbageCollector' : {
-      'jvm.gc.max.data.size' : 1.37887744E9,
-      'jvm.gc.pause' : {
-        '0.0' : 0.0,
-        '1.0' : 0.0,
-        'max' : 0.0,
-        'totalTime' : 242.0,
-        'mean' : 242.0,
-        '0.5' : 0.0,
-        'count' : 1,
-        '0.99' : 0.0,
-        '0.75' : 0.0,
-        '0.95' : 0.0
+    garbageCollector: {
+      'jvm.gc.max.data.size': 1.37887744e9,
+      'jvm.gc.pause': {
+        '0.0': 0.0,
+        '1.0': 0.0,
+        max: 0.0,
+        totalTime: 242.0,
+        mean: 242.0,
+        '0.5': 0.0,
+        count: 1,
+        '0.99': 0.0,
+        '0.75': 0.0,
+        '0.95': 0.0,
       },
-      'jvm.gc.memory.promoted' : 2.992732E7,
-      'jvm.gc.memory.allocated' : 1.26362872E9,
-      'classesLoaded' : 17393.0,
-      'jvm.gc.live.data.size' : 3.1554408E7,
-      'classesUnloaded' : 0.0
+      'jvm.gc.memory.promoted': 2.992732e7,
+      'jvm.gc.memory.allocated': 1.26362872e9,
+      classesLoaded: 17393.0,
+      'jvm.gc.live.data.size': 3.1554408e7,
+      classesUnloaded: 0.0,
     },
-    'services' : {
-      '/management/info' : {
-        'GET' : {
-          'max' : 0.0,
-          'mean' : 104.952893,
-          'count' : 1
-        }
+    services: {
+      '/management/info': {
+        GET: {
+          max: 0.0,
+          mean: 104.952893,
+          count: 1,
+        },
       },
-      '/api/authenticate' : {
-        'POST' : {
-          'max' : 0.0,
-          'mean' : 909.53003,
-          'count' : 1
-        }
+      '/api/authenticate': {
+        POST: {
+          max: 0.0,
+          mean: 909.53003,
+          count: 1,
+        },
       },
-      '/api/account' : {
-        'GET' : {
-          'max' : 0.0,
-          'mean' : 141.209628,
-          'count' : 1
-        }
+      '/api/account': {
+        GET: {
+          max: 0.0,
+          mean: 141.209628,
+          count: 1,
+        },
+      },
+      '/**': {
+        GET: {
+          max: 0.0,
+          mean: 169.4068815,
+          count: 2,
+        },
       },
-      '/**' : {
-        'GET' : {
-          'max' : 0.0,
-          'mean' : 169.4068815,
-          'count' : 2
-        }
-      }
     },
-    'processMetrics' : {
-      'system.load.average.1m' : 3.63,
-      'system.cpu.usage' : 0.5724934148485453,
-      'system.cpu.count' : 4.0,
-      'process.start.time' : 1.548140811306E12,
-      'process.files.open' : 205.0,
-      'process.cpu.usage' : 0.003456347568026252,
-      'process.uptime' : 88404.0,
-      'process.files.max' : 1048576.0
+    processMetrics: {
+      'system.load.average.1m': 3.63,
+      'system.cpu.usage': 0.5724934148485453,
+      'system.cpu.count': 4.0,
+      'process.start.time': 1.548140811306e12,
+      'process.files.open': 205.0,
+      'process.cpu.usage': 0.003456347568026252,
+      'process.uptime': 88404.0,
+      'process.files.max': 1048576.0,
     },
-    'threads': [
-      { 'name': 'test1', 'threadState': 'RUNNABLE' }
-    ]
+    threads: [{ name: 'test1', threadState: 'RUNNABLE' }],
   };
 
   beforeEach(() => {
-    axiosStub.get.resolves({ data: { timers: [], gauges: []} });
+    axiosStub.get.resolves({ data: { timers: [], gauges: [] } });
     const wrapper = shallowMount(Metrics, {
       global: {
         stubs: {
@@ -259,7 +257,7 @@ describe('Metrics Component', () => {
         threadDumpWaiting: 0,
         threadDumpTimedWaiting: 0,
         threadDumpBlocked: 0,
-        threadDumpAll: 1
+        threadDumpAll: 1,
       });
     });
   });

package/dist/generators/vue/templates/src/main/webapp/app/admin/metrics/metrics.component.ts.ejs

@@ -49,7 +49,7 @@ export default defineComponent({
             .then(res => {
               this.updatingMetrics = true;
               this.threadData = res.data.threads;
-  
+
               this.threadStats = {
                 threadDumpRunnable: 0,
                 threadDumpWaiting: 0,
@@ -57,7 +57,7 @@ export default defineComponent({
                 threadDumpBlocked: 0,
                 threadDumpAll: 0,
               };
-  
+
               this.threadData.forEach(value => {
                 if (value.threadState === 'RUNNABLE') {
                   this.threadStats.threadDumpRunnable += 1;
@@ -69,13 +69,13 @@ export default defineComponent({
                   this.threadStats.threadDumpBlocked += 1;
                 }
               });
-  
+
               this.threadStats.threadDumpAll =
                 this.threadStats.threadDumpRunnable +
                 this.threadStats.threadDumpWaiting +
                 this.threadStats.threadDumpTimedWaiting +
                 this.threadStats.threadDumpBlocked;
-  
+
               this.updatingMetrics = false;
             })
             .catch(() => {

package/dist/generators/vue/templates/src/main/webapp/app/admin/metrics/metrics.service.ts.ejs

@@ -1,7 +1,6 @@
 import axios, { type AxiosPromise } from 'axios';
 
 export default class MetricsService {
-
   public getMetrics(): AxiosPromise<any> {
     return axios.get('management/jhimetrics');
   }

package/dist/generators/vue/templates/src/main/webapp/app/admin/metrics/metrics.vue.ejs

@@ -2,9 +2,8 @@
   <div>
     <h2>
       <span id="metrics-page-heading" v-text="t$('metrics.title')" data-cy="metricsPageHeading">Application Metrics</span>
-      <button class="btn btn-primary float-right" v-on:click="refresh()">
-        <font-awesome-icon icon="sync"></font-awesome-icon> <span
-          v-text="t$('metrics[\'refresh.button\']')">Refresh</span>
+      <button class="btn btn-primary float-right" @click="refresh()">
+        <font-awesome-icon icon="sync"></font-awesome-icon> <span v-text="t$('metrics[\'refresh.button\']')">Refresh</span>
       </button>
     </h2>
 
@@ -15,56 +14,59 @@
         <div>
           <div v-for="(entry, key) of metrics.jvm" :key="key">
             <span v-if="entry.max !== -1">
-              <span>{{ key }}</span> ({{ formatNumber1(entry.used / 1048576) }}M /
-              {{ formatNumber1(entry.max / 1048576) }}M)
+              <span>{{ key }}</span> ({{ formatNumber1(entry.used / 1048576) }}M / {{ formatNumber1(entry.max / 1048576) }}M)
             </span>
             <span v-else>
               <span>{{ key }}</span> {{ formatNumber1(entry.used / 1048576) }}M
             </span>
             <div>Committed : {{ formatNumber1(entry.committed / 1048576) }}M</div>
             <b-progress v-if="entry.max !== -1" variant="success" animated :max="entry.max" striped>
-              <b-progress-bar :value="entry.used" :label="formatNumber1((entry.used * 100) / entry.max) + '%'">
-              </b-progress-bar>
+              <b-progress-bar :value="entry.used" :label="formatNumber1((entry.used * 100) / entry.max) + '%'"> </b-progress-bar>
             </b-progress>
           </div>
         </div>
       </div>
       <div class="col-md-4">
         <h4 v-text="t$('metrics.jvm.threads.title')">Threads</h4>
-        <span><span v-text="t$('metrics.jvm.threads.runnable')">Runnable</span>
-          {{ threadStats.threadDumpRunnable }}</span>
+        <span><span v-text="t$('metrics.jvm.threads.runnable')">Runnable</span> {{ threadStats.threadDumpRunnable }}</span>
         <b-progress variant="success" :max="threadStats.threadDumpAll" striped>
-          <b-progress-bar :value="threadStats.threadDumpRunnable"
-            :label="formatNumber1((threadStats.threadDumpRunnable * 100) / threadStats.threadDumpAll) + '%'">
+          <b-progress-bar
+            :value="threadStats.threadDumpRunnable"
+            :label="formatNumber1((threadStats.threadDumpRunnable * 100) / threadStats.threadDumpAll) + '%'"
+          >
           </b-progress-bar>
         </b-progress>
 
-        <span><span v-text="t$('metrics.jvm.threads.timedwaiting')">Timed Waiting</span>
-          ({{ threadStats.threadDumpTimedWaiting }})</span>
+        <span><span v-text="t$('metrics.jvm.threads.timedwaiting')">Timed Waiting</span> ({{ threadStats.threadDumpTimedWaiting }})</span>
         <b-progress variant="success" :max="threadStats.threadDumpAll" striped>
-          <b-progress-bar :value="threadStats.threadDumpTimedWaiting"
-            :label="formatNumber1((threadStats.threadDumpTimedWaiting * 100) / threadStats.threadDumpAll) + '%'">
+          <b-progress-bar
+            :value="threadStats.threadDumpTimedWaiting"
+            :label="formatNumber1((threadStats.threadDumpTimedWaiting * 100) / threadStats.threadDumpAll) + '%'"
+          >
           </b-progress-bar>
         </b-progress>
 
-        <span><span v-text="t$('metrics.jvm.threads.waiting')">Waiting</span>
-          ({{ threadStats.threadDumpWaiting }})</span>
+        <span><span v-text="t$('metrics.jvm.threads.waiting')">Waiting</span> ({{ threadStats.threadDumpWaiting }})</span>
         <b-progress variant="success" :max="threadStats.threadDumpAll" striped>
-          <b-progress-bar :value="threadStats.threadDumpWaiting"
-            :label="formatNumber1((threadStats.threadDumpWaiting * 100) / threadStats.threadDumpAll) + '%'">
+          <b-progress-bar
+            :value="threadStats.threadDumpWaiting"
+            :label="formatNumber1((threadStats.threadDumpWaiting * 100) / threadStats.threadDumpAll) + '%'"
+          >
           </b-progress-bar>
         </b-progress>
 
-        <span><span v-text="t$('metrics.jvm.threads.blocked')">Blocked</span>
-          ({{ threadStats.threadDumpBlocked }})</span>
+        <span><span v-text="t$('metrics.jvm.threads.blocked')">Blocked</span> ({{ threadStats.threadDumpBlocked }})</span>
         <b-progress variant="success" :max="threadStats.threadDumpAll" striped>
-          <b-progress-bar :value="threadStats.threadDumpBlocked"
-            :label="formatNumber1((threadStats.threadDumpBlocked * 100) / threadStats.threadDumpAll) + '%'">
+          <b-progress-bar
+            :value="threadStats.threadDumpBlocked"
+            :label="formatNumber1((threadStats.threadDumpBlocked * 100) / threadStats.threadDumpAll) + '%'"
+          >
           </b-progress-bar>
         </b-progress>
 
-        <span>Total: {{ threadStats.threadDumpAll }}
-          <a class="hand" v-b-modal.metricsModal data-toggle="modal" v-on:click="openModal()" data-target="#threadDump">
+        <span
+          >Total: {{ threadStats.threadDumpAll }}
+          <a class="hand" v-b-modal.metricsModal data-toggle="modal" @click="openModal()" data-target="#threadDump">
             <font-awesome-icon icon="eye"></font-awesome-icon>
           </a>
         </span>
@@ -73,8 +75,7 @@
         <h4>System</h4>
         <div class="row" v-if="!updatingMetrics">
           <div class="col-md-4">Uptime</div>
-          <div class="col-md-8 text-right">{{ convertMillisecondsToDuration(metrics.processMetrics['process.uptime']) }}
-          </div>
+          <div class="col-md-8 text-right">{{ convertMillisecondsToDuration(metrics.processMetrics['process.uptime']) }}</div>
         </div>
         <div class="row" v-if="!updatingMetrics">
           <div class="col-md-4">Start time</div>
@@ -82,12 +83,13 @@
         </div>
         <div class="row" v-if="!updatingMetrics">
           <div class="col-md-9">Process CPU usage</div>
-          <div class="col-md-3 text-right">{{ formatNumber2(100 * metrics.processMetrics['process.cpu.usage']) }} %
-          </div>
+          <div class="col-md-3 text-right">{{ formatNumber2(100 * metrics.processMetrics['process.cpu.usage']) }} %</div>
         </div>
         <b-progress variant="success" :max="100" striped>
-          <b-progress-bar :value="100 * metrics.processMetrics['process.cpu.usage']"
-            :label="formatNumber1(100 * metrics.processMetrics['process.cpu.usage']) + '%'">
+          <b-progress-bar
+            :value="100 * metrics.processMetrics['process.cpu.usage']"
+            :label="formatNumber1(100 * metrics.processMetrics['process.cpu.usage']) + '%'"
+          >
           </b-progress-bar>
         </b-progress>
         <div class="row" v-if="!updatingMetrics">
@@ -95,8 +97,10 @@
           <div class="col-md-3 text-right">{{ formatNumber2(100 * metrics.processMetrics['system.cpu.usage']) }} %</div>
         </div>
         <b-progress variant="success" :max="100" striped>
-          <b-progress-bar :value="100 * metrics.processMetrics['system.cpu.usage']"
-            :label="formatNumber1(100 * metrics.processMetrics['system.cpu.usage']) + '%'">
+          <b-progress-bar
+            :value="100 * metrics.processMetrics['system.cpu.usage']"
+            :label="formatNumber1(100 * metrics.processMetrics['system.cpu.usage']) + '%'"
+          >
           </b-progress-bar>
         </b-progress>
         <div class="row" v-if="!updatingMetrics">
@@ -123,16 +127,18 @@
       <div class="col-md-4">
         <div>
           <span>
-            GC Live Data Size/GC Max Data Size
-            ({{ formatNumber1(metrics.garbageCollector['jvm.gc.live.data.size'] / 1048576) }}M /
+            GC Live Data Size/GC Max Data Size ({{ formatNumber1(metrics.garbageCollector['jvm.gc.live.data.size'] / 1048576) }}M /
             {{ formatNumber1(metrics.garbageCollector['jvm.gc.max.data.size'] / 1048576) }}M)
           </span>
           <b-progress variant="success" :max="metrics.garbageCollector['jvm.gc.max.data.size']" striped>
-            <b-progress-bar :value="metrics.garbageCollector['jvm.gc.live.data.size']" :label="
+            <b-progress-bar
+              :value="metrics.garbageCollector['jvm.gc.live.data.size']"
+              :label="
                 formatNumber2(
-                  (100 * metrics.garbageCollector['jvm.gc.live.data.size']) / metrics.garbageCollector['jvm.gc.max.data.size']
+                  (100 * metrics.garbageCollector['jvm.gc.live.data.size']) / metrics.garbageCollector['jvm.gc.max.data.size'],
                 ) + '%'
-              ">
+              "
+            >
             </b-progress-bar>
           </b-progress>
         </div>
@@ -140,16 +146,18 @@
       <div class="col-md-4">
         <div>
           <span>
-            GC Memory Promoted/GC Memory Allocated
-            ({{ formatNumber1(metrics.garbageCollector['jvm.gc.memory.promoted'] / 1048576) }}M /
+            GC Memory Promoted/GC Memory Allocated ({{ formatNumber1(metrics.garbageCollector['jvm.gc.memory.promoted'] / 1048576) }}M /
             {{ formatNumber1(metrics.garbageCollector['jvm.gc.memory.allocated'] / 1048576) }}M)
           </span>
           <b-progress variant="success" :max="metrics.garbageCollector['jvm.gc.memory.allocated']" striped>
-            <b-progress-bar :value="metrics.garbageCollector['jvm.gc.memory.promoted']" :label="
+            <b-progress-bar
+              :value="metrics.garbageCollector['jvm.gc.memory.promoted']"
+              :label="
                 formatNumber2(
-                  (100 * metrics.garbageCollector['jvm.gc.memory.promoted']) / metrics.garbageCollector['jvm.gc.memory.allocated']
+                  (100 * metrics.garbageCollector['jvm.gc.memory.promoted']) / metrics.garbageCollector['jvm.gc.memory.allocated'],
                 ) + '%'
-              ">
+              "
+            >
             </b-progress-bar>
           </b-progress>
         </div>
@@ -197,7 +205,11 @@
     </div>
 
     <h3 v-text="t$('metrics.jvm.http.title')">HTTP requests (time in millisecond)</h3>
-    <table class="table table-striped" v-if="!updatingMetrics && isObjectExisting(metrics, 'http.server.requests')" aria-describedby="Jvm http">
+    <table
+      class="table table-striped"
+      v-if="!updatingMetrics && isObjectExisting(metrics, 'http.server.requests')"
+      aria-describedby="Jvm http"
+    >
       <thead>
         <tr>
           <th scope="col" v-text="t$('metrics.jvm.http.table.code')">Code</th>
@@ -288,10 +300,8 @@
         <thead>
           <tr>
             <th scope="col">
-              <span v-text="t$('metrics.datasource.usage')">Connection Pool Usage</span> (active:
-              {{ metrics.databases.active.value }}, min:
-              {{ metrics.databases.min.value }}, max: {{ metrics.databases.max.value }}, idle:
-              {{ metrics.databases.idle.value }})
+              <span v-text="t$('metrics.datasource.usage')">Connection Pool Usage</span> (active: {{ metrics.databases.active.value }}, min:
+              {{ metrics.databases.min.value }}, max: {{ metrics.databases.max.value }}, idle: {{ metrics.databases.idle.value }})
             </th>
             <th scope="col" class="text-right" v-text="t$('metrics.datasource.count')">Count</th>
             <th scope="col" class="text-right" v-text="t$('metrics.datasource.mean')">Mean</th>

package/dist/generators/vue/templates/src/main/webapp/app/admin/user-management/user-management-edit.component.ts.ejs

@@ -110,7 +110,8 @@ export default defineComponent({
           .then(res => {
             this.returnToList();
             this.alertService.showSuccess(this.getToastMessageFromHeader(res));
-          }).catch(error => {
+          })
+          .catch(error => {
             this.isSaving = true;
             this.alertService.showHttpError(error.response);
           });