1 files changed, 42 insertions, 0 deletions
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
new file mode 100644
index 000000000..be8096427
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
@@ -0,0 +1,42 @@
+<ngb-alert type="{{ bootstrapClass }}"
+           [dismissible]="dismissible"
+           (closed)="onClose()">
+  <table>
+    <ng-container *ngIf="size === 'normal'; else slim">
+      <tr>
+        <td *ngIf="showIcon"
+            rowspan="2"
+            class="alert-panel-icon">
+          <i [ngClass]="[icons.large3x]"
+             class="alert-{{ bootstrapClass }} {{ typeIcon }}"
+             aria-hidden="true"></i>
+        </td>
+        <td *ngIf="showTitle"
+            class="alert-panel-title">{{ title }}</td>
+      </tr>
+      <tr>
+        <td class="alert-panel-text">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </td>
+      </tr>
+    </ng-container>
+    <ng-template #slim>
+      <tr>
+        <td *ngIf="showIcon"
+            class="alert-panel-icon">
+          <i class="alert-{{ bootstrapClass }} {{ typeIcon }}"
+             aria-hidden="true"></i>
+        </td>
+        <td *ngIf="showTitle"
+            class="alert-panel-title">{{ title }}</td>
+        <td class="alert-panel-text">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </td>
+      </tr>
+    </ng-template>
+  </table>
+</ngb-alert>
+
+<ng-template #content>
+  <ng-content></ng-content>
+</ng-template>