jfx/ci-report

<button id="b-modal-open-{{ modalVar.modalId }}" type="button" class="btn btn-sm btn-outline-{{ modalVar.buttonColor }}" data-toggle="modal" data-target="#modal-{{ modalVar.modalId }}">
  {{ modalVar.buttonLabel }}
</button>
<div class="modal fade" id="modal-{{ modalId }}" tabindex="-1" role="dialog" aria-labelledby="modal-title-{{ modalId }}" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal-title-{{ modalId }}">{{ title }}</h5>
        <button id="b-modal-cross-{{ modalId }}" type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span id="sp-modal-cross-{{ modalId }}" aria-hidden="true">&times;</span>
        </button>
      </div>
      <div id="modal-body-{{ modalId }}" class="modal-body">
        {{ content|nl2br }}
      </div>
      <div class="modal-footer">
        <button id="b-modal-close-{{ modalId }}" type="button" class="btn btn-outline-dark" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>