<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>