ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html

   1 <ngb-alert type="{{ bootstrapClass }}"
   2            [dismissible]="dismissible"
   3            (closed)="onClose()"
   4            [ngClass]="spacingClass">
   5   <table>
   6     <ng-container *ngIf="size === 'normal'; else slim">
   7       <tr>
   8         <td *ngIf="showIcon"
   9             rowspan="2"
  10             class="alert-panel-icon">
  11           <i [ngClass]="[icons.large3x]"
  12              class="alert-{{ bootstrapClass }} {{ typeIcon }}"
  13              aria-hidden="true"></i>
  14         </td>
  15         <td *ngIf="showTitle"
  16             class="alert-panel-title">{{ title }}</td>
  17       </tr>
  18       <tr>
  19         <td class="alert-panel-text">
  20           <ng-container *ngTemplateOutlet="content"></ng-container>
  21         </td>
  22       </tr>
  23     </ng-container>
  24     <ng-template #slim>
  25       <tr>
  26         <td *ngIf="showIcon"
  27             class="alert-panel-icon">
  28           <i class="alert-{{ bootstrapClass }} {{ typeIcon }}"
  29              aria-hidden="true"></i>
  30         </td>
  31         <td *ngIf="showTitle"
  32             class="alert-panel-title">{{ title }}</td>
  33         <td class="alert-panel-text">
  34           <ng-container *ngTemplateOutlet="content"></ng-container>
  35         </td>
  36       </tr>
  37     </ng-template>
  38   </table>
  39 </ngb-alert>
  40
  41 <ng-template #content>
  42   <ng-content></ng-content>
  43 </ng-template>