mgr/dashboard_v2: Add links on dashboard

User will be able to navigate from dashboard to "Monitor" and "OSDs" pages

Signed-off-by: Ricardo Marques <rimarques@suse.com>

diff --git a/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/dashboard.module.ts b/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/dashboard.module.ts
index d2f70a80a7699c8ea80b94fa761297cda3e631bf..cae29e974aa3e2424ecf616f5c78a26b5dd768ff 100644 (file)
--- a/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/dashboard.module.ts
+++ b/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/dashboard.module.ts
@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
 
 import { ChartsModule } from 'ng2-charts';
 import { TabsModule } from 'ngx-bootstrap/tabs';
@@ -17,7 +18,7 @@ import { PgStatusStylePipe } from './pg-status-style.pipe';
 import { PgStatusPipe } from './pg-status.pipe';
 
 @NgModule({
-  imports: [CommonModule, TabsModule.forRoot(), SharedModule, ChartsModule],
+  imports: [CommonModule, TabsModule.forRoot(), SharedModule, ChartsModule, RouterModule],
   declarations: [
     HealthComponent,
     DashboardComponent,

diff --git a/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/health/health.component.html b/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/health/health.component.html
index 26dcb569a8d0a2cee1d4aada127a04905bb9d366..98ebb918953d51a4e608ad0079809e39a3f9ce3d 100644 (file)
--- a/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/health/health.component.html
+++ b/src/pybind/mgr/dashboard_v2/frontend/src/app/ceph/dashboard/health/health.component.html
@@ -27,7 +27,7 @@
               </div>
               <div class="media-body">
                 <span class="media-heading"
-                      i18n="ceph monitors">Monitors</span>
+                      i18n="ceph monitors"><a routerLink="/monitor/">Monitors</a></span>
                 <span class="media-text">{{ contentData.mon_status | monSummary }}</span>
               </div>
             </div>
@@ -41,7 +41,7 @@
               </div>
               <div class="media-body">
                 <span class="media-heading"
-                      i18n="ceph OSDs">OSDs</span>
+                      i18n="ceph OSDs"><a routerLink="/osd/">OSDs</a></span>
                 <span class="media-text">{{ contentData.osd_map | osdSummary }}</span>
               </div>
             </div>