<div class="modal fade" id="rulesModal" tabindex="-1" role="dialog" aria-labelledby="Rules List" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <span class="pficon pficon-close"></span>
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    Rules for: {{ruleProviderEntity.providerID}}
                </h4>
            </div>
            <div class="modal-body" style="overflow-y: auto; max-height: 80vh;">

                <div *ngFor="let ruleEntity of ruleProviderEntity.rules">
                    <h4> {{ruleEntity.ruleID}} </h4>
                    <pre (load)="prettyPrint()" class="prettyprint" style="white-space: pre-wrap">{{ruleEntity.ruleContents}}</pre>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
