generator-jhipster 8.5.0 → 8.7.0

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-datasource/metrics-datasource.component.html.ejs

@@ -18,60 +18,64 @@
 -%>
 <h3 id="datasourceMetrics">__jhiTranslateTag__('metrics.datasource.title')</h3>
 
-@if (!updating() && datasourceMetrics()) {
-<div class="table-responsive">
-  <table class="table table-striped" aria-describedby="datasourceMetrics">
-    <thead>
-      <tr>
-        <th scope="col">
-          <span>__jhiTranslateTag__('metrics.datasource.usage')</span> (active: {{ datasourceMetrics()!.active.value }},
-          min: {{ datasourceMetrics()!.min.value }}, max: {{ datasourceMetrics()!.max.value }}, idle: {{ datasourceMetrics()!.idle.value }})
-        </th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.datasource.count')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.datasource.mean')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.min')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p50')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p75')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p95')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p99')</th>
-        <th scope="col" class="text-end">__jhiTranslateTag__('metrics.datasource.max')</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>Acquire</td>
-        <td class="text-end">{{ datasourceMetrics()!.acquire.count }}</td>
-        <td class="text-end">{{ filterNaN(datasourceMetrics()!.acquire.mean) | number: '1.0-2' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.acquire['0.0'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.acquire['0.5'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.acquire['0.75'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.acquire['0.95'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.acquire['0.99'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ filterNaN(datasourceMetrics()!.acquire.max) | number: '1.0-2' }}</td>
-      </tr>
-      <tr>
-        <td>Creation</td>
-        <td class="text-end">{{ datasourceMetrics()!.creation.count }}</td>
-        <td class="text-end">{{ filterNaN(datasourceMetrics()!.creation.mean) | number: '1.0-2' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.creation['0.0'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.creation['0.5'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.creation['0.75'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.creation['0.95'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.creation['0.99'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ filterNaN(datasourceMetrics()!.creation.max) | number: '1.0-2' }}</td>
-      </tr>
-      <tr>
-        <td>Usage</td>
-        <td class="text-end">{{ datasourceMetrics()!.usage.count }}</td>
-        <td class="text-end">{{ filterNaN(datasourceMetrics()!.usage.mean) | number: '1.0-2' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.usage['0.0'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.usage['0.5'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.usage['0.75'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.usage['0.95'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ datasourceMetrics()!.usage['0.99'] | number: '1.0-3' }}</td>
-        <td class="text-end">{{ filterNaN(datasourceMetrics()!.usage.max) | number: '1.0-2' }}</td>
-      </tr>
-    </tbody>
-  </table>
-</div>
+@let datasourceMetricsRef = datasourceMetrics();
+@if (!updating() && datasourceMetricsRef) {
+  <div class="table-responsive">
+    <table class="table table-striped" aria-describedby="datasourceMetrics">
+      <thead>
+        <tr>
+          <th scope="col">
+            <span>__jhiTranslateTag__('metrics.datasource.usage')</span> (active: {{ datasourceMetricsRef.active.value }}, min:
+            {{ datasourceMetricsRef.min.value }}, max: {{ datasourceMetricsRef.max.value }}, idle: {{ datasourceMetricsRef.idle.value }})
+          </th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.datasource.count')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.datasource.mean')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.min')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p50')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p75')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p95')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p99')</th>
+          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.datasource.max')</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Acquire</td>
+          @let acquire = datasourceMetricsRef.acquire;
+          <td class="text-end">{{ acquire.count }}</td>
+          <td class="text-end">{{ filterNaN(acquire.mean) | number: '1.0-2' }}</td>
+          <td class="text-end">{{ acquire['0.0'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ acquire['0.5'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ acquire['0.75'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ acquire['0.95'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ acquire['0.99'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ filterNaN(acquire.max) | number: '1.0-2' }}</td>
+        </tr>
+        <tr>
+          <td>Creation</td>
+          @let creation = datasourceMetricsRef.creation;
+          <td class="text-end">{{ creation.count }}</td>
+          <td class="text-end">{{ filterNaN(creation.mean) | number: '1.0-2' }}</td>
+          <td class="text-end">{{ creation['0.0'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ creation['0.5'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ creation['0.75'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ creation['0.95'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ creation['0.99'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ filterNaN(creation.max) | number: '1.0-2' }}</td>
+        </tr>
+        <tr>
+          <td>Usage</td>
+          @let usage = datasourceMetricsRef.usage;
+          <td class="text-end">{{ usage.count }}</td>
+          <td class="text-end">{{ filterNaN(usage.mean) | number: '1.0-2' }}</td>
+          <td class="text-end">{{ usage['0.0'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ usage['0.5'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ usage['0.75'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ usage['0.95'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ usage['0.99'] | number: '1.0-3' }}</td>
+          <td class="text-end">{{ filterNaN(usage.max) | number: '1.0-2' }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
 }

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-endpoints-requests/metrics-endpoints-requests.component.html.ejs

@@ -19,28 +19,28 @@
 <h3 id="endpointsRequestsMetrics">Endpoints requests (time in millisecond)</h3>
 
 @if (!updating() && endpointsRequestsMetrics()) {
-<div class="table-responsive">
-  <table class="table table-striped" aria-describedby="endpointsRequestsMetrics">
-    <thead>
-      <tr>
-        <th scope="col">Method</th>
-        <th scope="col">Endpoint url</th>
-        <th scope="col" class="text-end">Count</th>
-        <th scope="col" class="text-end">Mean</th>
-      </tr>
-    </thead>
-    <tbody>
-  @for (entry of endpointsRequestsMetrics() | keyvalue; track entry.key) {
-    @for (method of entry.value | keyvalue; track method.key) {
-      <tr>
-        <td>{{ method.key }}</td>
-        <td>{{ entry.key }}</td>
-        <td class="text-end">{{ method.value!.count }}</td>
-        <td class="text-end">{{ method.value!.mean | number: '1.0-3' }}</td>
-      </tr>
-    }
-  }
-    </tbody>
-  </table>
-</div>
+  <div class="table-responsive">
+    <table class="table table-striped" aria-describedby="endpointsRequestsMetrics">
+      <thead>
+        <tr>
+          <th scope="col">Method</th>
+          <th scope="col">Endpoint url</th>
+          <th scope="col" class="text-end">Count</th>
+          <th scope="col" class="text-end">Mean</th>
+        </tr>
+      </thead>
+      <tbody>
+        @for (entry of endpointsRequestsMetrics() | keyvalue; track entry.key) {
+          @for (method of entry.value | keyvalue; track method.key) {
+            <tr>
+              <td>{{ method.key }}</td>
+              <td>{{ entry.key }}</td>
+              <td class="text-end">{{ method.value!.count }}</td>
+              <td class="text-end">{{ method.value!.mean | number: '1.0-3' }}</td>
+            </tr>
+          }
+        }
+      </tbody>
+    </table>
+  </div>
 }

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-garbagecollector/metrics-garbagecollector.component.html.ejs

@@ -20,99 +20,101 @@
 
 <div class="row">
   <div class="col-md-4">
-  @if (garbageCollectorMetrics()) {
-    <div>
-      <span>
-        GC Live Data Size/GC Max Data Size ({{ garbageCollectorMetrics()!['jvm.gc.live.data.size'] / 1048576 | number: '1.0-0' }}M /
-        {{ garbageCollectorMetrics()!['jvm.gc.max.data.size'] / 1048576 | number: '1.0-0' }}M)
-      </span>
-
-      <ngb-progressbar
-        [max]="garbageCollectorMetrics()!['jvm.gc.max.data.size']"
-        [value]="garbageCollectorMetrics()!['jvm.gc.live.data.size']"
-        [striped]="true"
-        [animated]="false"
-        type="success"
-      >
+    @if (garbageCollectorMetrics(); as garbageCollectorMetricsRef) {
+      <div>
         <span>
-          {{
-            (100 * garbageCollectorMetrics()!['jvm.gc.live.data.size']) / garbageCollectorMetrics()!['jvm.gc.max.data.size'] | number: '1.0-2'
-          }}%
+          GC Live Data Size/GC Max Data Size ({{ garbageCollectorMetricsRef['jvm.gc.live.data.size'] / 1048576 | number: '1.0-0' }}M /
+          {{ garbageCollectorMetricsRef['jvm.gc.max.data.size'] / 1048576 | number: '1.0-0' }}M)
         </span>
-      </ngb-progressbar>
-    </div>
-  }
+
+        <ngb-progressbar
+          [max]="garbageCollectorMetricsRef['jvm.gc.max.data.size']"
+          [value]="garbageCollectorMetricsRef['jvm.gc.live.data.size']"
+          [striped]="true"
+          [animated]="false"
+          type="success"
+        >
+          <span>
+            {{
+              (100 * garbageCollectorMetricsRef['jvm.gc.live.data.size']) / garbageCollectorMetricsRef['jvm.gc.max.data.size']
+                | number: '1.0-2'
+            }}%
+          </span>
+        </ngb-progressbar>
+      </div>
+    }
   </div>
 
   <div class="col-md-4">
-  @if (garbageCollectorMetrics()) {
-    <div>
-      <span>
-        GC Memory Promoted/GC Memory Allocated ({{ garbageCollectorMetrics()!['jvm.gc.memory.promoted'] / 1048576 | number: '1.0-0' }}M /
-        {{ garbageCollectorMetrics()!['jvm.gc.memory.allocated'] / 1048576 | number: '1.0-0' }}M)
-      </span>
-
-      <ngb-progressbar
-        [max]="garbageCollectorMetrics()!['jvm.gc.memory.allocated']"
-        [value]="garbageCollectorMetrics()!['jvm.gc.memory.promoted']"
-        [striped]="true"
-        [animated]="false"
-        type="success"
-      >
+    @if (garbageCollectorMetrics(); as garbageCollectorMetricsRef) {
+      <div>
         <span>
-          {{
-            (100 * garbageCollectorMetrics()!['jvm.gc.memory.promoted']) / garbageCollectorMetrics()!['jvm.gc.memory.allocated']
-              | number: '1.0-2'
-          }}%
+          GC Memory Promoted/GC Memory Allocated ({{ garbageCollectorMetricsRef['jvm.gc.memory.promoted'] / 1048576 | number: '1.0-0' }}M /
+          {{ garbageCollectorMetricsRef['jvm.gc.memory.allocated'] / 1048576 | number: '1.0-0' }}M)
         </span>
-      </ngb-progressbar>
-    </div>
-  }
+
+        <ngb-progressbar
+          [max]="garbageCollectorMetricsRef['jvm.gc.memory.allocated']"
+          [value]="garbageCollectorMetricsRef['jvm.gc.memory.promoted']"
+          [striped]="true"
+          [animated]="false"
+          type="success"
+        >
+          <span>
+            {{
+              (100 * garbageCollectorMetricsRef['jvm.gc.memory.promoted']) / garbageCollectorMetricsRef['jvm.gc.memory.allocated']
+                | number: '1.0-2'
+            }}%
+          </span>
+        </ngb-progressbar>
+      </div>
+    }
   </div>
 
   <div id="garbageCollectorMetrics" class="col-md-4">
-  @if (garbageCollectorMetrics()) {
-    <div class="row">
-      <div class="col-md-9">Classes loaded</div>
-      <div class="col-md-3 text-end">{{ garbageCollectorMetrics()!.classesLoaded }}</div>
-    </div>
-    <div class="row">
-      <div class="col-md-9">Classes unloaded</div>
-      <div class="col-md-3 text-end">{{ garbageCollectorMetrics()!.classesUnloaded }}</div>
-    </div>
-  }
+    @if (garbageCollectorMetrics(); as garbageCollectorMetricsRef) {
+      <div class="row">
+        <div class="col-md-9">Classes loaded</div>
+        <div class="col-md-3 text-end">{{ garbageCollectorMetricsRef.classesLoaded }}</div>
+      </div>
+      <div class="row">
+        <div class="col-md-9">Classes unloaded</div>
+        <div class="col-md-3 text-end">{{ garbageCollectorMetricsRef.classesUnloaded }}</div>
+      </div>
+    }
   </div>
 
-@if (!updating() && garbageCollectorMetrics()) {
-  <div class="table-responsive">
-    <table class="table table-striped" aria-describedby="garbageCollectorMetrics">
-      <thead>
-        <tr>
-          <th scope="col"></th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.count')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.mean')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.min')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p50')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p75')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p95')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p99')</th>
-          <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.max')</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>jvm.gc.pause</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause'].count }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause'].mean | number: '1.0-3' }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause']['0.0'] | number: '1.0-3' }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause']['0.5'] | number: '1.0-3' }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause']['0.75'] | number: '1.0-3' }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause']['0.95'] | number: '1.0-3' }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause']['0.99'] | number: '1.0-3' }}</td>
-          <td class="text-end">{{ garbageCollectorMetrics()!['jvm.gc.pause'].max | number: '1.0-3' }}</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-}
+  @if (!updating() && garbageCollectorMetrics()) {
+    <div class="table-responsive">
+      <table class="table table-striped" aria-describedby="garbageCollectorMetrics">
+        <thead>
+          <tr>
+            <th scope="col"></th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.count')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.mean')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.min')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p50')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p75')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p95')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.p99')</th>
+            <th scope="col" class="text-end">__jhiTranslateTag__('metrics.servicesstats.table.max')</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>jvm.gc.pause</td>
+            @let pause = garbageCollectorMetrics()!['jvm.gc.pause'];
+            <td class="text-end">{{ pause.count }}</td>
+            <td class="text-end">{{ pause.mean | number: '1.0-3' }}</td>
+            <td class="text-end">{{ pause['0.0'] | number: '1.0-3' }}</td>
+            <td class="text-end">{{ pause['0.5'] | number: '1.0-3' }}</td>
+            <td class="text-end">{{ pause['0.75'] | number: '1.0-3' }}</td>
+            <td class="text-end">{{ pause['0.95'] | number: '1.0-3' }}</td>
+            <td class="text-end">{{ pause['0.99'] | number: '1.0-3' }}</td>
+            <td class="text-end">{{ pause.max | number: '1.0-3' }}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  }
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/admin/metrics/blocks/metrics-modal-threads/metrics-modal-threads.component.html.ejs

@@ -25,89 +25,113 @@
 <div class="modal-body">
   <div class="mb-3">
     <button class="badge bg-primary hand" (click)="threadStateFilter = undefined" (keydown.enter)="threadStateFilter = undefined">
-    @if (threadStateFilter === undefined) {
-      <fa-icon icon="check"></fa-icon>
-    }
+      @if (threadStateFilter === undefined) {
+        <fa-icon icon="check"></fa-icon>
+      }
       All&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpAll }}</span>
     </button>
 
-    <button class="badge bg-success hand" (click)="threadStateFilter = ThreadState.Runnable" (keydown.enter)="threadStateFilter = ThreadState.Runnable">
-    @if (threadStateFilter === ThreadState.Runnable) {
-      <fa-icon icon="check"></fa-icon>
-    }
+    <button
+      class="badge bg-success hand"
+      (click)="threadStateFilter = ThreadState.Runnable"
+      (keydown.enter)="threadStateFilter = ThreadState.Runnable"
+    >
+      @if (threadStateFilter === ThreadState.Runnable) {
+        <fa-icon icon="check"></fa-icon>
+      }
       Runnable&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpRunnable }}</span>
     </button>
 
-    <button class="badge bg-info hand" (click)="threadStateFilter = ThreadState.Waiting" (keydown.enter)="threadStateFilter = ThreadState.Waiting">
-    @if (threadStateFilter === ThreadState.Waiting) {
-      <fa-icon icon="check"></fa-icon>
-    }
+    <button
+      class="badge bg-info hand"
+      (click)="threadStateFilter = ThreadState.Waiting"
+      (keydown.enter)="threadStateFilter = ThreadState.Waiting"
+    >
+      @if (threadStateFilter === ThreadState.Waiting) {
+        <fa-icon icon="check"></fa-icon>
+      }
       Waiting&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpWaiting }}</span>
     </button>
 
-    <button class="badge bg-warning hand" (click)="threadStateFilter = ThreadState.TimedWaiting" (keydown.enter)="threadStateFilter = ThreadState.TimedWaiting">
-    @if (threadStateFilter === ThreadState.TimedWaiting) {
-      <fa-icon icon="check"></fa-icon>
-    }
+    <button
+      class="badge bg-warning hand"
+      (click)="threadStateFilter = ThreadState.TimedWaiting"
+      (keydown.enter)="threadStateFilter = ThreadState.TimedWaiting"
+    >
+      @if (threadStateFilter === ThreadState.TimedWaiting) {
+        <fa-icon icon="check"></fa-icon>
+      }
       Timed Waiting&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpTimedWaiting }}</span>
     </button>
 
-    <button class="badge bg-danger hand" (click)="threadStateFilter = ThreadState.Blocked" (keydown.enter)="threadStateFilter = ThreadState.Blocked">
-    @if (threadStateFilter === ThreadState.Blocked) {
-      <fa-icon icon="check"></fa-icon>
-    }
+    <button
+      class="badge bg-danger hand"
+      (click)="threadStateFilter = ThreadState.Blocked"
+      (keydown.enter)="threadStateFilter = ThreadState.Blocked"
+    >
+      @if (threadStateFilter === ThreadState.Blocked) {
+        <fa-icon icon="check"></fa-icon>
+      }
       Blocked&nbsp;<span class="badge rounded-pill bg-default">{{ threadDumpBlocked }}</span>
     </button>
   </div>
 
-@for (thread of getThreads(); track $index) {
-  <div class="pad">
-    <h6>
-      <span class="badge" [ngClass]="getBadgeClass(thread.threadState)">{{ thread.threadState }}</span>
+  @for (thread of getThreads(); track $index) {
+    <div class="pad">
+      <h6>
+        <span class="badge" [ngClass]="getBadgeClass(thread.threadState)">{{ thread.threadState }}</span>
 
-      &nbsp;{{ thread.threadName }} (ID {{ thread.threadId }})
+        &nbsp;{{ thread.threadName }} (ID {{ thread.threadId }})
 
-      <a (click)="thread.showThreadDump = !thread.showThreadDump" href="javascript:void(0);">
-        <span [hidden]="thread.showThreadDump">__jhiTranslateTag__('metrics.jvm.threads.dump.show')</span>
-        <span [hidden]="!thread.showThreadDump">__jhiTranslateTag__('metrics.jvm.threads.dump.hide')</span>
-      </a>
-    </h6>
+        <a (click)="thread.showThreadDump = !thread.showThreadDump" href="javascript:void(0);">
+          <span [hidden]="thread.showThreadDump">__jhiTranslateTag__('metrics.jvm.threads.dump.show')</span>
+          <span [hidden]="!thread.showThreadDump">__jhiTranslateTag__('metrics.jvm.threads.dump.hide')</span>
+        </a>
+      </h6>
 
-    <div class="card" [hidden]="!thread.showThreadDump">
-      <div class="card-body">
-      @for (st of thread.stackTrace; track $index) {
-        <div class="break">
-          <samp>{{ st.className }}.{{ st.methodName }}(<code>{{ st.fileName }}:{{ st.lineNumber }}</code>)</samp>
-          <span class="mt-1"></span>
+      <div class="card" [hidden]="!thread.showThreadDump">
+        <div class="card-body">
+          @for (st of thread.stackTrace; track $index) {
+            <div class="break">
+              <samp
+                >{{ st.className }}.{{ st.methodName }}(<code>{{ st.fileName }}:{{ st.lineNumber }}</code
+                >)</samp
+              >
+              <span class="mt-1"></span>
+            </div>
+          }
         </div>
-      }
       </div>
+      <table class="table table-sm table-responsive">
+        <caption>
+          Threads dump:
+          {{
+            thread.threadName
+          }}
+        </caption>
+        <thead>
+          <tr>
+            <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.blockedtime')</th>
+            <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.blockedcount')</th>
+            <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.waitedtime')</th>
+            <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.waitedcount')</th>
+            <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.lockname')</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>{{ thread.blockedTime }}</td>
+            <td>{{ thread.blockedCount }}</td>
+            <td>{{ thread.waitedTime }}</td>
+            <td>{{ thread.waitedCount }}</td>
+            <td class="thread-dump-modal-lock" title="{{ thread.lockName }}">
+              <code>{{ thread.lockName }}</code>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-    <table class="table table-sm table-responsive">
-      <caption>Threads dump: {{ thread.threadName }}</caption>
-      <thead>
-        <tr>
-          <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.blockedtime')</th>
-          <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.blockedcount')</th>
-          <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.waitedtime')</th>
-          <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.waitedcount')</th>
-          <th scope="col">__jhiTranslateTag__('metrics.jvm.threads.dump.lockname')</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>{{ thread.blockedTime }}</td>
-          <td>{{ thread.blockedCount }}</td>
-          <td>{{ thread.waitedTime }}</td>
-          <td>{{ thread.waitedCount }}</td>
-          <td class="thread-dump-modal-lock" title="{{ thread.lockName }}">
-            <code>{{ thread.lockName }}</code>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-}
+  }
 </div>
 <div class="modal-footer">
   <button type="button" class="btn btn-secondary float-start" data-dismiss="modal" (click)="dismiss()">Done</button>