From: Kiefer Chang <kiefer.chang@suse.com>
Date: Tue, 3 Mar 2020 12:01:44 +0000 (+0800)
Subject: mgr/dashboard: allow hiding title in alert components
X-Git-Tag: v15.1.1~91^2~1
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=9ded6287590b0f189238272200de93a2c7f72377;p=ceph.git

mgr/dashboard: allow hiding title in alert components

Signed-off-by: Kiefer Chang <kiefer.chang@suse.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
index 8fbc05ed1a2b..2b606ccdec67 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
@@ -9,7 +9,8 @@
              class="alert-{{ bootstrapClass }} {{ typeIcon }}"
              aria-hidden="true"></i>
         </td>
-        <td class="alert-panel-title">{{ title }}</td>
+        <td *ngIf="showTitle"
+            class="alert-panel-title">{{ title }}</td>
       </tr>
       <tr>
         <td class="alert-panel-text">
@@ -24,7 +25,8 @@
           <i class="alert-{{ bootstrapClass }} {{ typeIcon }}"
              aria-hidden="true"></i>
         </td>
-        <td class="alert-panel-title">{{ title }}</td>
+        <td *ngIf="showTitle"
+            class="alert-panel-title">{{ title }}</td>
         <td class="alert-panel-text">
           <ng-container *ngTemplateOutlet="content"></ng-container>
         </td>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.ts
index 12b2a8323761..5798d24df11a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.ts
@@ -22,6 +22,8 @@ export class AlertPanelComponent implements OnInit {
   size: 'slim' | 'normal' = 'normal';
   @Input()
   showIcon = true;
+  @Input()
+  showTitle = true;
 
   icons = Icons;