ngx-admin-lte/src/widgets/notification-box/notification-box.component.html

AdminLTE theme for angular

<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
	<i class="fa fa-bell-o"></i>
	<span class="label label-warning">10</span>
</a>
<ul class="dropdown-menu">
	<li class="header">{{ 'NOTIFBOX.COUNT' | translate:notifLength }}</li>
	<li>
		<!-- Inner Menu: contains the notifications -->
		<ul class="menu">
			<li *ngFor="let notif of notifications; let i = index">
				<a routerLink="{{notif.link}}">
					<i class="{{notif.class}}"></i> {{notif.content}}
				</a>
			</li>
			<!-- end notification -->
		</ul>
	</li>
	<li class="footer">
		<a href="#">
			{{ 'NOTIFBOX.FOOTER' | translate }}
		</a>
	</li>
</ul>