All files / src/app/core/navigation/notifications notifications.component.html

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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