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