FarmMapsLib/projects/common/src/fm/components/notification-menu/notification-menu.component.html

<div>
    <div   (click)="toggle($event)" class="rounded-circle menu-button hidden"  [ngClass]="{'hidden':!user || noContent}">
        <span class="unread badge bg-info notification rounded-pill hidden" [ngClass]="{'hidden':unread==0}">{{unread}}</span>
        <span i18n-title title="Notifications"><i class="fas fa-bell" [ngClass]="{'fa-bell-on':unread!=0}" aria-hidden="true"></i></span>
        <div class="menu hidden" [ngClass]="{'hidden':!showMenu}">                                     
            <router-outlet name="notification-menu" (activate)="activateRoute()" (deactivate)="deActivateRoute()"></router-outlet>            
       </div>
    </div>
</div>