- <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
- <span class="icon icon-menu" (click)="toggleMenu()"></span>
+ <div class="top-left-block" [ngClass]="{ 'border-bottom': menu.isMenuDisplayed === false }">
+ <span class="icon icon-menu" (click)="menu.toggleMenu()"></span>
- <div class="header-right" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
- <my-header></my-header>
+ <div class="header-right" [ngClass]="{ 'border-bottom': menu.isMenuDisplayed === false }">
+ <my-header class="w-100 d-flex justify-content-end"></my-header>
- <div class="message">
- <h3>{{ message.summary }}</h3>
- <p>{{ message.detail }}</p>
- </div>
+ <div class="notification-block">
+ <div class="message">
+ <h3>{{ message.summary }}</h3>
+ <p>{{ message.detail }}</p>
+ </div>
- <span *ngIf="message.severity === 'success'" class="glyphicon glyphicon-ok"></span>
- <span *ngIf="message.severity === 'info'" class="glyphicon glyphicon-info-sign"></span>
- <span *ngIf="message.severity === 'error'" class="glyphicon glyphicon-remove"></span>
+ <span *ngIf="message.severity === 'success'" class="glyphicon glyphicon-ok"></span>
+ <span *ngIf="message.severity === 'info'" class="glyphicon glyphicon-info-sign"></span>
+ <span *ngIf="message.severity === 'error'" class="glyphicon glyphicon-remove"></span>
+ </div>