mgr/dashboard: 'Prometheus / All Alerts' page shows progress bar

Fixes: https://tracker.ceph.com/issues/44805
Signed-off-by: Volker Theile <vtheile@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.html
index 1c2aeb9ea740ca22bf3b08553552ca7862a7d2de..ef80573a2c892c67309afad96c61fb2c3d1c550c 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.html
@@ -1,8 +1,14 @@
 <cd-table [data]="data"
           [columns]="columns"
           (updateSelection)="selectionUpdated($event)"
-          [selectionType]="'single'"></cd-table>
-
-<cd-table-key-value [data]="selectedRule"
-                    [renderObjects]="true"
-                    [hideKeys]="hideKeys"></cd-table-key-value>
+          [selectionType]="'single'">
+  <tabset cdTableDetail
+          *ngIf="selectedRule">
+    <tab i18n-heading
+         heading="Details">
+      <cd-table-key-value [data]="selectedRule"
+                          [renderObjects]="true"
+                          [hideKeys]="hideKeys"></cd-table-key-value>
+    </tab>
+  </tabset>
+</cd-table>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.spec.ts
index f09bd49d15264c6e6af28aed53b753973b0b3fd0..4e2495f9dd1a7ae32dd231743a098905ef55edd0 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.spec.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/prometheus/rules-list/rules-list.component.spec.ts
@@ -1,6 +1,8 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
+import { TabsModule } from 'ngx-bootstrap/tabs';
+
 import { configureTestBed, i18nProviders } from '../../../../../testing/unit-test-helper';
 import { PrometheusService } from '../../../../shared/api/prometheus.service';
 import { SettingsService } from '../../../../shared/api/settings.service';
@@ -13,7 +15,7 @@ describe('RulesListComponent', () => {
 
   configureTestBed({
     declarations: [RulesListComponent],
-    imports: [HttpClientTestingModule, SharedModule],
+    imports: [HttpClientTestingModule, SharedModule, TabsModule.forRoot()],
     providers: [PrometheusService, SettingsService, i18nProviders]
   });