oz-notifier/src/components/oz-notifier-template.html

A notification plugin for angularjs apps

<div class="notifier-container">
    <ul class="notification-list" ng-show="$ctrl.notificationList.length > 0">
        <li ng-repeat="notif in $ctrl.notificationList">
            <div class="notification-item animated {{notif.notifType}}" ng-class="{'slideInRight': !notif.notifHide, 'zoomOut': notif.notifHide}">
                <a ng-click="$ctrl.removeNotif(notif)" title="close" class="notif-close"><i class="fa fa-times"></i></a>
                <ul class="list-inline">
                    <li>
                        <i class="fa" ng-class="notif.notifIcon"></i>
                    </li>
                    <li>
                        <p class="header">{{notif.notifTitle}}</p>
                        <p class="body">{{notif.notifBody}}</p>
                        <p class="time">{{notif.notifTime|date:'h:mm a'}}</p>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>