patternfly/angular-patternfly

<div class="blank-slate-pf">
  <div ng-if="$ctrl.config.icon" class="blank-slate-pf-icon">
    <span class="{{$ctrl.config.icon}}"></span>
  </div>
  <h4 id="blank-state-pf-title-{{$id}}" class="h1 blank-state-pf-title">
    {{$ctrl.config.title}}
  </h4>
  <p id="blank-state-pf-info-{{$id}}" class="blank-state-pf-info" ng-if="$ctrl.config.info">
    {{$ctrl.config.info}}
  </p>
  <p id="blank-state-pf-helpLink-{{$id}}" class="blank-state-pf-helpLink-label" ng-if="$ctrl.config.helpLink">
    {{$ctrl.config.helpLink.label}}
    <a ng-if="$ctrl.config.helpLink.url" class="blank-state-pf-helpLink" ng-click="$ctrl.config.helpLink.urlAction()" href="{{$ctrl.config.helpLink.url}}">{{$ctrl.config.helpLink.urlLabel}}</a>
    <button ng-if="!$ctrl.config.helpLink.url" class="btn blank-state-pf-helpbutton btn-link" ng-click="$ctrl.config.helpLink.urlAction()">{{$ctrl.config.helpLink.urlLabel}}</button>
  </p>
  <div ng-if="$ctrl.hasMainActions()" class="blank-slate-pf-main-action">
    <button class="btn btn-primary btn-lg"
            ng-repeat="actionButton in $ctrl.actionButtons | filter:$ctrl.filterMainActions"
            title="{{actionButton.title}}"
            ng-click="$ctrl.handleButtonAction(actionButton)">
      {{actionButton.name}}
    </button>
  </div>
  <div ng-if="$ctrl.hasSecondaryActions()" class="blank-slate-pf-secondary-action">
    <button class="btn btn-default"
            ng-repeat="actionButton in $ctrl.actionButtons | filter:$ctrl.filterSecondaryActions"
            title="{{actionButton.title}}"
            ng-click="$ctrl.handleButtonAction(actionButton)">
      {{actionButton.name}}
    </button>
  </div>
</div>