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

   1 <alert type="{{ bootstrapClass }}">
   2   <table>
   3     <ng-container *ngIf="size === 'normal'; else slim">
   4       <tr>
   5         <td *ngIf="showIcon"
   6             rowspan="2"
   7             class="alert-panel-icon">
   8           <i [ngClass]="[icons.large3x]"
   9              class="alert-{{ bootstrapClass }} {{ typeIcon }}"
  10              aria-hidden="true"></i>
  11         </td>
  12         <td *ngIf="showTitle"
  13             class="alert-panel-title">{{ title }}</td>
  14       </tr>
  15       <tr>
  16         <td class="alert-panel-text">
  17           <ng-container *ngTemplateOutlet="content"></ng-container>
  18         </td>
  19       </tr>
  20     </ng-container>
  21     <ng-template #slim>
  22       <tr>
  23         <td *ngIf="showIcon"
  24             class="alert-panel-icon">
  25           <i class="alert-{{ bootstrapClass }} {{ typeIcon }}"
  26              aria-hidden="true"></i>
  27         </td>
  28         <td *ngIf="showTitle"
  29             class="alert-panel-title">{{ title }}</td>
  30         <td class="alert-panel-text">
  31           <ng-container *ngTemplateOutlet="content"></ng-container>
  32         </td>
  33       </tr>
  34     </ng-template>
  35   </table>
  36 </alert>
  37
  38 <ng-template #content>
  39   <ng-content></ng-content>
  40 </ng-template>
  41
  42 <div class="button-group text-right"
  43      *ngIf="backAction.observers.length > 0">
  44   <button class="btn btn-light tc_backButton"
  45           type="button"
  46           (click)="backAction.emit()"
  47           autofocus
  48           i18n>Back</button>
  49 </div>