ceph/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notifications/notifications.component.html

   1 <ng-template #notificationsTpl>
   2   <div *ngIf="notifications.length > 0">
   3     <button type="button" class="btn btn-default btn-sm btn-block" (click)="removeAll()">
   4       <i class="fa fa-trash-o" aria-hidden="true"></i>
   5       &nbsp;
   6       <ng-container i18n>Remove all</ng-container>
   7     </button>
   8     <hr>
   9     <div *ngFor="let notification of notifications">
  10       <table>
  11         <tr>
  12           <td rowspan="3" class="icon-col text-center">
  13             <span [ngClass]="['fa-stack fa-2x', notification.textClass]">
  14               <i class="fa fa-circle fa-stack-2x"></i>
  15               <i [ngClass]="['fa fa-stack-1x fa-inverse', notification.iconClass]"></i>
  16             </span>
  17           </td>
  18           <td>
  19             <strong>{{ notification.title }}</strong>
  20           </td>
  21         </tr>
  22         <tr>
  23           <td [innerHtml]="notification.message">
  24           </td>
  25         </tr>
  26         <tr>
  27           <td [innerHtml]="notificationService.renderTimeAndApplicationHtml(notification)"></td>
  28         </tr>
  29       </table>
  30       <hr>
  31     </div>
  32   </div>
  33 </ng-template>
  34
  35 <ng-template #emptyTpl>
  36   <div *ngIf="notifications.length === 0">
  37     <div class="message">
  38       There are no notifications.
  39     </div>
  40   </div>
  41 </ng-template>
  42
  43 <ng-template #popTpl>
  44   <ng-container *ngTemplateOutlet="notificationsTpl"></ng-container>
  45   <ng-container *ngTemplateOutlet="emptyTpl"></ng-container>
  46 </ng-template>
  47
  48 <a [popover]="popTpl"
  49    placement="bottom"
  50    container="body"
  51    outsideClick="true"
  52    i18n-title
  53    title="Recent Notifications">
  54   <i class="fa fa-fw fa-bell"></i>
  55   <span i18n
  56         class="visible-xs-inline-block">Recent Notifications</span>
  57 </a>