uchaindb/UClient

<div class="panel panel-default">
    <div class="panel-heading">
        <button type="button" class="close" (click)="markReadAll()"
                title="{{ 'alarm.list.MarkReadAllMessageButtonTitle' | translate }}">
            <span class="glyphicon glyphicon-check"></span>
        </button>
        &nbsp;
        <button type="button" class="close" (click)="dismissAll()"
                title="{{ 'alarm.list.DismissAllMessageButtonTitle' | translate }}">
            <span class="glyphicon glyphicon-fire"></span>
        </button>
        {{ 'alarm.list.ListPanelText' | translate }}
    </div>
    <div class="list-group">
        <a *ngFor="let message of messages" [routerLink]="['/alarm', message.id]" class="list-group-item">
            <div class="media-left">
                <span class="media-object glyphicon glyphicon-bell" style="font-size: 48px;"></span>
            </div>
            <div class="media-body">
                <h4 class="list-group-item-heading">
                    <ng-container *ngIf="message.read">{{message.sender}}</ng-container>
                    <b *ngIf="!message.read">{{message.sender}} <span class="text-success">{{ 'alarm.list.NewItemSuffixText' | translate }}</span></b>
                </h4>
                <p class="list-group-item-text" innerHtml="{{message.summary | newline}}" routeTransformer></p>
            </div>
        </a>
    </div>
</div>