git.apps.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 <ng-template #popTemplate>
   2   <div *ngIf="notifications.length > 0">
   3     <div class="separator">
   4       <ng-container i18n>Recent Notifications</ng-container>
   5       <div *ngIf="notifications.length > 0"
   6            class="pull-right">
   7         <a (click)="removeAll()"
   8            i18n>Remove all</a>
   9       </div>
  10     </div>
  11     <hr>
  12     <div *ngFor="let notification of notifications">
  13       <table>
  14         <tr>
  15           <td rowspan="3" class="icon-col text-center">
  16             <span [ngClass]="['fa-stack fa-2x', notification.textClass()]">
  17               <i class="fa fa-circle fa-stack-2x"></i>
  18               <i [ngClass]="['fa fa-stack-1x fa-inverse', notification.iconClass()]"></i>
  19             </span>
  20           </td>
  21           <td>
  22             <strong>{{ notification.title }}</strong>
  23           </td>
  24         </tr>
  25         <tr>
  26           <td>
  27             {{ notification.message }}
  28           </td>
  29         </tr>
  30         <tr>
  31           <td>
  32             <small class="date">{{ notification.timestamp | cdDate }}</small>
  33           </td>
  34         </tr>
  35       </table>
  36       <hr>
  37     </div>
  38   </div>
  39   <!-- Empty -->
  40   <div *ngIf="notifications.length === 0">
  41     <div class="message">
  42       There are no notifications.
  43     </div>
  44   </div>
  45 </ng-template>
  46 <a [popover]="popTemplate"
  47    placement="bottom"
  48    container="body"
  49    outsideClick="true"
  50    i18n-title
  51    title="Recent Notifications">
  52   <i class="fa fa-bell fa-fw"></i>
  53 </a>