<div ng-repeat="alert in alerts">
  <div ng-switch="alert.type">
    <div ng-switch-when="error" class="alert alert-danger">
      <span class="pficon pficon-error-circle-o"></span>
      <strong ng-if="alert.message" style="margin-right: 5px;">{{alert.message}}</strong><span ng-if="alert.details">{{alert.details}}</span>
    </div>  
    <div ng-switch-when="warning" class="alert alert-warning">
      <span class="pficon pficon-warning-triangle-o"></span>
      <strong ng-if="alert.message" style="margin-right: 5px;">{{alert.message}}</strong><span ng-if="alert.details">{{alert.details}}</span>
    </div>  
    <div ng-switch-when="success" class="alert alert-success">
      <span class="pficon pficon-ok"></span>
      <strong ng-if="alert.message" style="margin-right: 5px;">{{alert.message}}</strong><span ng-if="alert.details">{{alert.details}}</span><a ng-if="alert.link" class="alert-link" href="{{alert.link}}">{{alert.linkText || "View details"}}</a>
    </div>  
    <div ng-switch-default class="alert alert-info">
      <span class="pficon pficon-info"></span>
      <strong ng-if="alert.message" style="margin-right: 5px;">{{alert.message}}</strong><span ng-if="alert.details">{{alert.details}}</span>
    </div>
  </div>
</div>
<div ng-repeat="alert in alerts">
  <div ng-if="!alert.hidden" class="alert" ng-class="{
    'alert-danger': alert.type === 'error',
    'alert-warning': alert.type === 'warning',
    'alert-success': alert.type === 'success',
    'alert-info': !alert.type || alert.type === 'info'
  }">
    <button ng-click="alert.hidden = true" type="button" class="close">
      <span class="pficon pficon-close" aria-hidden="true"></span>
      <span class="sr-only">Close</span>
    </button>
    <span class="pficon" aria-hidden="true" ng-class="{
      'pficon-error-circle-o': alert.type === 'error',
      'pficon-warning-triangle-o': alert.type === 'warning',
      'pficon-ok': alert.type === 'success',
      'pficon-info': !alert.type || alert.type === 'info'
    }"></span>
    <span class="sr-only">{{alert.type}}</span>
    <strong ng-if="alert.message" style="margin-right: 5px;">{{alert.message}}</strong><span ng-if="alert.details">{{alert.details}}</span>
  </div>
</div>

Make web console alerts dismissable
Make web console alerts dismissable
