patternfly/angular-patternfly

<script type="text/ng-template" id="about-modal-template.html">
  <div class="about-modal-pf">
    <div class="modal-header">
      <button type="button" class="close" ng-click="$ctrl.close()" aria-hidden="true">
        <span class="pficon pficon-close"></span>
      </button>
    </div>
    <div class="modal-body">
      <h1 ng-if="$ctrl.title">{{$ctrl.title}}</h1>
      <div ng-if="$ctrl.productInfo && $ctrl.productInfo.length > 0" class="product-versions-pf">
        <ul class="list-unstyled">
          <li ng-repeat="info in $ctrl.productInfo"><strong>{{info.name}}</strong> {{info.value}}</li>
        </ul>
      </div>
      <div pf-about-modal-transclude="$ctrl.template" class="product-versions-pf"></div>
      <div ng-if="$ctrl.additionalInfo" class="product-versions-pf">{{$ctrl.additionalInfo}}</div>
      <div ng-if="$ctrl.copyright" class="trademark-pf">{{$ctrl.copyright}}</div>
    </div>
    <div class="modal-footer">
      <img ng-if="$ctrl.imgSrc" ng-src="{{$ctrl.imgSrc}}" alt="{{$ctrl.imgAlt}}"/>
    </div>
  </div>
</script>