<div class="notification-view-element">
  <div class="container" ng-click="showNotification();">
    <div class="circle" ng-class="getClass(notification)"></div>
    <div class="message" ng-bind-html="getMessage(notification)"></div>
    <div class="orginfo" ng-if="notification.organization">
      <img src="//www.gravatar.com/avatar/{{ getGravatar(notification.organization) }}?s=24&d=identicon" />
      <span class="orgname">{{ notification.organization }}</span>
    </div>
  </div>
  <div class="right-controls">
    <a href="javascript:void(0)" ng-if="canDismiss(notification)" ng-click="dismissNotification(notification)">
      Dismiss Notification
    </a>
    <button class="btn" ng-class="'btn-' + action.kind" ng-repeat="action in getActions(notification)" ng-click="action.handler(notification)">
      {{ action.title }}
    </button>
  </div>
  <div class="datetime">{{ parseDate(notification.created) | date:'medium'}}</div>
</div>