| <header class="header"> |
| <p class="header-title"> |
| <a href="#/" target="_blank"> |
| {{vm.title}} |
| </a> |
| </p> |
| <p class="header-date notification"> |
| <i ng-if="vm.newNotifications.length > 0" class="badge"></i> |
| <i class="fa fa-bell" ng-click="vm.showNotification = !vm.showNotification"></i> |
| <div class="notification-panel" ng-show="vm.showNotification"> |
| <ul> |
| <li ng-repeat="n in vm.notifications track by $index" ng-click="vm.viewNotification(n)" ng-class="{viewed: n.viewed}"> |
| <b>{{n.model}}</b><br> |
| <i>{{n.msg.object.name}} status is {{n.msg.object.backend_status}}</i> |
| </li> |
| </ul> |
| </div> |
| </p> |
| </header> |