Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

28 lines
1.1 KiB

<ul class="nav navbar-nav">
<li class="nav-item nav-icon dropdown" #button>
<span class="nav-link dropdown-toggle" (click)="modalMenu.show()">
<i class="icon-comments"></i>
<span class="badge badge-pill" *ngIf="unread">{{unread}}</span>
</span>
</li>
</ul>
<ng-container *sqxModal="modalMenu;onRoot:false">
<div class="dropdown-menu" [scrollTop]="scrollMe.scrollHeight" [sqxAnchoredTo]="button" [offset]="10" @fade #scrollMe>
<ng-container *ngIf="commentsState.comments | async; let comments">
<small class="text-muted" *ngIf="comments.length === 0">
No notifications yet.
</small>
<sqx-comment *ngFor="let comment of comments; trackBy: trackByComment"
[comment]="comment"
[commentsState]="commentsState"
[confirmDelete]="false"
[canDelete]="true"
[canFollow]="true"
[userToken]="userToken">
</sqx-comment>
</ng-container>
</div>
</ng-container>